body {
    margin:0;
    padding:0;   
    background-color:#f8f4e3;
    background-image:url(img/bbg.png);
    font-family:hn;
    height:100%
}
@font-face {
    font-family: hn;
    src: url(img/HelveticaNeueLTPro-LtEx.otf);
}
  
@font-face {
    font-family: 'hn';
    src: url('img/HelveticaNeueLTPro-LtEx.eot');
    src: url('img/HelveticaNeueLTPro-LtEx.eot#iefix') format('embedded-opentype'),
         url('img/HelveticaNeueLTPro-LtEx.woff') format('woff'),
         url('img/HelveticaNeueLTPro-LtEx.ttf') format('truetype'),
         url('img/HelveticaNeueLTPro-LtEx.otf');
    font-weight: normal;
    font-style: normal;
}


.onedivrulethemall { 
    width:100%;
    height:100%;
    clear:both;
    margin:0 auto;
    position:relative
}
.wrapper {
width:1100px;
height:auto;
min-height:500px;
clear:both;
margin:0 auto;
}
.wrappercontent {
    width:1100px;
height:auto;
min-height:500px;
clear:both;
margin:0 auto;
}
.wrapperfooter {
    width:100%;
height:auto;
clear:both;
margin:0 auto;
background-image:url(img/update/footer.png);
position:absolute;
background-repeat:no-repeat;
display:block;

}
.telholder {
float:left;
width:30%;
height:50px;
padding-top:10px;
display:block;
}
.socialholder {
float:right;
width:50%;
height:50px;
padding-top:10px;
display:block;
z-index:5
}
.social {
width:32px;
height:32px;
float:right;
padding-left:5px;
position:relative;
z-index:5
}
    .social:first-child {
    padding-right:20px;
    }
.menuholder {
    float:left;
    width:90%;
    height:100px;
    /*margin:0 auto;*/
    margin-top:60px;
    position:relative;
}
.bes {
 width:5%;
 height:100px;
 float:left;
}
.aholder {
width:100%;
height:50px;
margin-top:25px;
position:relative;
z-index:35
}
    .aholder a:hover {
   
    color:#e9590a;
    text-shadow:2px 2px 2px rgba(51,51,51,0.4);
   
  
    
    
    }
    
.aholder img {

margin:-31.7px 0 0 35px;
}
.menuholder a {
position:relative;
z-index:6;
text-decoration:none;
font-size:18px;
margin:20px 0 0 70px;
padding-top:20px;
padding-bottom:20px;
color:black;
}
    .menuholder a:nth-last-child(+2) {
        margin-left:380px;
    }
    .menuholder a:first-child {
    margin-left:55px;
    }

.menuholder img {
position:absolute;
z-index:30;
margin:-150px 0px 0 350px;
}
.bgholder {
width:990px;
height:350px;
margin-top:-18px ;
margin-left:50px;

float:left;
background-image:url(img/bgm.png);
background-repeat:no-repeat;
position:relative;
z-index:5

}
    /*.bgholder img {
    margin-left:45px;
    position:relative;
    z-index:5
    }*/
.wrapperust {
width:100%;
height:600px;
background-image:url(img/update/bg3.jpg) ;
background-repeat:no-repeat;
position:absolute;
z-index:1;
overflow:hidden;
}
.aileholder {
width:450px;
height:300px;
position:relative;
margin:136px 0 0 200px;
background-image:url(img/aile.png);
background-repeat:no-repeat;
z-index:5;
}
.hakkimizdabg {
width:990px;
height:350px;
margin-top:80px ;
margin-left:50px;
float:left;
background-image:url(img/bgh3.png);
background-repeat:no-repeat;
position:relative;
z-index:5

}
.urunlerbg {
     width:990px;
height:350px;
margin-top:80px ;
margin-left:50px;

float:left;
background-image:url(img/bgu_maskot.png);
background-repeat:no-repeat;
position:relative;
z-index:5
}
.urunmasa {
  width:1100px;
height:398px;
position:relative;
margin:38px 0 0 0;
background-image:url(img/urunmasa.png);
background-repeat:no-repeat;
z-index:5;
}
.urunicerikmasa {
  width:1100px;
height:398px;
position:relative;
margin:38px 0 0 0;
background-image:url(img/masaurunicerik.png);
background-repeat:no-repeat;
z-index:5;
}
.hakkimizdamasa {
    width:1100px;
height:390px;
position:relative;
margin:38px 0 0 0;
background-image:url(img/hakkimizdamasa2.png);
background-repeat:no-repeat;
z-index:5;
}
.degerlerimizmasa {
    width:1100px;
height:390px;
position:relative;
margin:38px 0 0 0;
background-image:url(http://altunsan.net/img/degerlerimizmasa.png);
background-repeat:no-repeat;
z-index:5;
}
.iletisimmasa {
    width:1100px;
height:390px;
position:relative;
margin:38px 0 0 0;
background-image:url(img/masailetisim.png);
background-repeat:no-repeat;
z-index:5;
}
.masaholder {
width:1000px;
height:101px;
background-image:url(img/masa.png);
background-repeat:no-repeat;
position:absolute;
z-index:4;
margin-top:-90px;
margin-left:-60px;
}
.odunholder {
width:100%;
height:100px;
background-image:url(img/update/odun.png);
background-repeat:no-repeat;
position:absolute;
z-index:3;
float:left;
margin-top:82px;
}
.urun {
width:60px;
height:60px;
float:left;
}
    .urun img {
    position:relative;
z-index:10 !important;
    }
.sut {
width:40px;
height:100px;
background-image:url(img/sut.png);
background-repeat:no-repeat;
float:left;
margin:-50px 0 50px 750px;
position:relative;
z-index:5;
}
.wrapperbody {
width:1100px;
height:auto;
min-height:200px;
margin:0  auto;
padding-top: 50px;
margin-left:20px;
display:inline-block;
clear:both;
}
    .wrapperbody img {
    float:left;
    }
.baslik {
font-size:40px;
color:#ec5623;
margin:50px auto;
width:1100px;
height:200px;
float:left;
position:absolute
}
.hakkimizdaholder {
    width:60%;
    height:100px;
    float:right;
    padding:20px;
    padding-right:50px;
    font-size:18px;
    font-weight:600;
    text-align:left;
    font-style:italic;
    overflow:hidden;
    line-height:1.5;

}
.masa2holder {
width:1000px;
height:350px;
float:left;
margin:0 0 0 50px;
background-image:url(img/masa2.png);
background-repeat:no-repeat;

}
.masayazi {
width:550px;
height:320px;
float:left;
padding-top:20px;
}
    .masayazi h1 {
        font-size:35px;
    color:#ede9d7;
    margin:10px 0 15px 0;
    }
     .masayazi p {
   color:#ede9d7;
    font-size:20px;
    margin-top:15px;
    }
      .masayazi span {
   color:#ede9d7;
    font-weight:600;
    font-size:20px
    }
.altyazi {
width:60%;
height:265px;
overflow:hidden;
float:right;
padding:20px 70px 20px 20px;
margin-top:20px;
 font-size:19px;
    font-weight:600;
    text-align:left;
    font-style:italic;
    line-height:1.9;
}
.footer span{
color:white;
margin-top:-50px;
margin-left:-288px;
position:absolute;

}
.footer_son span{
color:white;

}
.footer_son a {
color:#63AD17
}
.footer {
width:100%;
height:400px;
overflow:hidden;
}
.footerfacebook {
width:150px;
height:22px;
 -webkit-transform: rotate(17deg); 
 font-weight:600;
     padding-top:7px;
     padding-left:10px;
     color:white;
}
.footergoogle {
    padding-top:5px;
width:150px;
height:22px;
 font-weight:600;
  -webkit-transform: rotate(6deg); 
  color:white;
  font-size:15px;
  margin-top:5px;
}
.footertwitter {
padding-top:10px;
width:150px;
height:22px;
 font-weight:600;
  -webkit-transform: rotate(10deg); 
    color:white;
      font-size:15px;
}
.footersocial {

width:200px;
height:100px;
position:absolute;
  color:white;
  z-index:11;
  margin:170px 0 0 270px;

}
    .footersocial a {
    text-decoration:none;
    color:white;
    }
.flexsliderholder {
width:960px;
height:auto;
display:inline-block;
clear:both;
-moz-box-shadow: -1px 2px 39px #000000;
-webkit-box-shadow: -1px 2px 39px #000000;
box-shadow: -1px 2px 39px #000000;

}
.footer span a {
color:#f5f0df;
text-decoration:none;
}
.footer span a:hover{
color:#5DBE0A;
}
.footerholder {
    width:100%;
    height:100px;
}
.footer span {
text-align:center;
margin-left:-330px;
}
@media all and (-ms-high-contrast:none)
     {
     .footer span{
            margin-left:350px;
        }
     *::-ms-backdrop, .footer span{
            margin-left:350px;
        }
   
     }
.hakkimizdatop {
width:960px;
height:auto;
margin:0 auto;
margin-bottom:0;
text-align:left;
font-size:19px;
line-height:25px;
}

.icerik {
width:960px;
height:auto;
clear:both;
text-align:left;
min-height:100px;
}
    .icerik span {
    font-size:16px;
line-height:22px;
    }

.urunholder {
width:960px;
height:auto;
clear:both;
margin:0 auto;
}
.urunholder_holder {
width:960px;
height:500px;

}

.urunholder_left {
width:300px;
float:left;
padding:2px;
margin:0 0 30px 0px;
}
.urunholder_right {


padding:5px;

margin:0 0 30px 20px;

}
.urunler {
width:50%;
height:320px;
overflow:hidden;
float:left;
}
.urunlercontent {
width:50%;
height:400px;
overflow:hidden;
float:right;
}
.orange {
font-weight:600;
font-size:15px;
color:#f27021;
font-style:italic;
}
.red {
    font-weight:600;
font-size:15px;
color:#f33c21;
font-style:italic;
}
.btn {
    margin-top:20px;
  background: #ef6c21;
  background-image: -webkit-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -moz-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -ms-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -o-linear-gradient(top, #ef6c21, #f33d21);
  background-image: linear-gradient(to bottom, #ef6c21, #f33d21);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 4px #666666;
  -moz-box-shadow: 1px 1px 4px #666666;
  box-shadow: 1px 1px 4px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  line-height:4;
}

.btn:hover {
  background: #f33d21;
  background-image: -webkit-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -moz-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -ms-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -o-linear-gradient(top, #f33d21, #ef6c21);
  background-image: linear-gradient(to bottom, #f33d21, #ef6c21);
  text-decoration: none;
}
.urunaciklama {
width:240px;
height:300px;
padding:5px 0;
padding-bottom:0;
overflow:hidden;
font-size: 10px;
}
.divider {
width:800px;
height:90px;
background-image:url(img/divider.png);
float:left;
margin-left:65px;
}
.icerikuruncontent {
width:61%;
height:320px;
float:left;
padding:20px;
text-align:left;
margin-top:20px;
}
.icerikuruncontent span {
font-size:19px;
line-height:1.5
}
    .icerikuruncontent div.red {
    font-size:25px;
    padding:30px 10px 20px 10px;
    font-style:italic;
    }
     .icerikuruncontent div.orange {
    font-size:25px;
    padding:30px 10px 20px 10px;
    font-style:italic;
    }
.icerikuruncontentbg {
width:100%;
height:auto;
min-height:50px;
float:left;
text-align:left;
font-size:19px;
line-height:1.5;
padding:50px 20px 0 20px; 
}
.banner {
width:940px;
height:120px;
margin:50px 0 0 20px;
background-image:url(img/banner.jpg);
background-repeat:no-repeat;
float:left;

}
.bos {
width:500px;
height:200px;
background-color:red;
position:relative;
float:right;
}


 
.textbox { 
    background: linear-gradient(#eeeeee, #fdfdfd); /* Standard syntax (must be last) */
    border: 1px solid #999; 
    outline:0; 
    min-height:25px;
    height:auto;
    clear:both; 
    width: 600px; 
    float:left;
    margin-left:180px;

  }

.urunholder label {
float:left;
text-align:left;
margin-left:180px;
}
.iletisim {
    width: 607px;
    height: auto;
    min-height: 100px;
    clear: both;
    background-color: rgba(192, 179, 127,0.4);
    margin-left: 6px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
margin-top:40px;
padding-top:20px;
padding-bottom:10px;
line-height:30px
}
.iletisimback {
width:100%;
height:auto;
float:left;
margin-top:20px;
}
.urunisim {
font-size:35px;
font-family:Mistral;
color :white;
position:absolute;
margin:335px 0 0 510px;
z-index:5;
text-transform:uppercase;
}
.footerfooter {
width:650px;
height:20px;
position:relative;
float:left;
margin-left:349px;
}
.footerfooter span{
width:700px;
margin-left:-760px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.footerfooter {
width:650px;
height:20px;
float:left;
margin-left:0;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.masayazi h1 {
        font-size:33px;
    color:#ede9d7;
    margin:10px 0 15px 0;
    }
     .masayazi p {
   color:#ede9d7;
    font-size:20px;
    margin-top:15px;
    }
      .masayazi span {
   color:#ede9d7;
    font-weight:600;
    font-size:20px
  }
  }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .kase {
    margin-left:-40px;
    }

}
.bir {
width:100%;
height:auto;
display:block;
clear:both;
}
.safeport {
width:500px;
height:100px;
margin:0 auto;
}
table th, td {
    border: 1px solid rgba(0, 0, 0, 0.58);
    background-color:rgba(211, 211, 211, 0.4);
    font-weight:600;

}

td {
padding:5px 3px 7px 1px;
}
table td:hover {
background-color:rgba(255,255,255,0.5);
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.ddurun {
width:946px;
height:-50px;
background-color:rgb(229, 202, 136);
position:absolute;
z-index:20;
margin:-30px 0 0 21px;
float:left;
overflow:hidden;
padding-top:20px;
display:none;
border-bottom-right-radius:40px;
border-bottom-left-radius:40px;
border:2px solid rgb(182, 128, 61);
border-bottom:1px solid rgb(182, 128, 61);
}

.ddurun span a {
font-size:13px
}
.ddurun span:hover {
border-bottom:1px solid rgb(239, 86, 14);
}
.yer {
width:150px;
height:220px;
float:left;
overflow:hidden;
border-right:1px solid rgb(182, 128, 61);
padding:0 3px;
}
    .yer:last-child {
    border-right:none;
    }
    .yer ul {
    list-style-type:none;
    padding-left:5px;
    line-height:2;
    font-size:12px;
    }
    .yer ul li a{
    list-style-type:none;
    line-height:2;
    font-size:12px;
    margin:0 !important;
    padding:5px 5px 5px 0;
    }
  
    .yer label {
    float:left;
    text-align:center;
    width:150px;
    font-size:13px;
    }

.label_yeri {
width:150px;
height:35px;
float:left;

}
.navalt {
width:141px;

margin-top:10px;
}

/*.navalt:hover {
    background-color:rgb(179, 125, 59);
   
}*/
 .yer ul li a:hover{
     padding-left:1px;
border-bottom:2px solid rgb(231, 91, 11);
    }
.katalog {
width:155px;
height:100px;
right:-5px;
top:90px;
position:fixed;
z-index:50;
opacity:0.8;
cursor:pointer;
background-image:url(img/katalog.jpg);
border-bottom-left-radius:20px;
border-top-left-radius:20px;
border:1px solid rgb(244, 221, 164);
}
    .katalog:hover {
    opacity:1;
    }




    .nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

    .nav a {
        text-decoration: none;
    }

    .nav li {
        list-style: none;
    }

.nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 60;
    height: 120px;
    float: left;
    width:1020px;
    background:url(img/menu.png) no-repeat;
}


    .nav > li {
        display: block;
        float: left;
        margin: 0px 0 0 10px;
        padding:35px 0px 0 0px;
        width:110px;
        text-align:center;
     
    }

        .nav > li.current {
        }
            /*.nav > li.current:after
            {
                 content: '';
                display: block;
                position: relative;
                left: 35%;
                margin-top: -20px;
                width: 0;
                height: 0;
                border-color: transparent transparent #f5eed2 transparent ;
                border-style: solid;
                border-width: 13px;
            }*/

          .nav > li > a {

            position: relative;
            display: block;
            z-index: 20;
            line-height: 5px;
            font-size: 15px;
            color: #000;
            text-shadow: 0 0 1px rgba(0,0,0,.35);
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            height: 20px;
            width: 120px;

        }




        .nav > li:hover > a {
            color: #E65D2B;
        }

        .nav > li:first-child > a {
            border-radius: 3px 0 0 3px;
            border-left: none;
        }

        .nav > li > div { /*dropdown menu stuff*/
            position: absolute;
            overflow:hidden;
            display: block;
            width: 93%;
            top: 60px;
            margin:-4px 0 0 21px;
            left: 0;
            z-index:5;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            background: #E9CF8F;
            border-radius: 0 0 3px 3px;
            -webkit-transition: all .3s ease .15s;
            -moz-transition: all .3s ease .15s;
            -o-transition: all .3s ease .15s;
            -ms-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
            box-shadow: 0px 2px 4px #888;
            z-index:1 !important;

           
        }

         .nav > li > div { /*dropdown menu stuff*/
            position: absolute;
            overflow:hidden;
            display: block;
            width: 93% !important;
            top: 60px;
            margin:-4px 0 0 21px;
            left: 0;
            z-index:5;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            background: #E9CF8F;
            border-radius: 0 0 3px 3px;
            -webkit-transition: all .3s ease .15s;
            -moz-transition: all .3s ease .15s;
            -o-transition: all .3s ease .15s;
            -ms-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
            box-shadow: 0px 2px 4px #888;
            z-index:1 !important;

           
        }

          

        .nav > li:hover > div {
            opacity: 1;
            visibility: visible;
            overflow: visible;
        }

    .nav .nav-column {
        float: left;
        width:155px;
       padding-left:25px;
    }

        .nav .nav-column h3 {
            margin: 15px 0 14px 0;
            height:40px;
            font-weight: bold;
            font-size: 14px;
            color: #e9590a;
            text-transform: uppercase;
            text-align:left;
        }
       

            .nav .nav-column h3.orange {
                color: #ff722b;
            }

        .nav .nav-column li a {
            display: block;
            text-align:left;
            margin-left:5px;
            line-height: 26px;
         
            font-size: 13px;
            color: #000;
        }

            .nav .nav-column li a:hover {
                color: #666666;
            }


            /*dyers*/

            .nav > li > ul { /*dropdown menu stuff*/
            position: absolute;
            overflow:hidden;
            display: block;
            width: 200px;
            top: 60px;
            margin:-4px 0 0 151px;
            left: 0;
            z-index:5;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            background: #E9CF8F;
            border-radius: 0 0 3px 3px;
            -webkit-transition: all .3s ease .15s;
            -moz-transition: all .3s ease .15s;
            -o-transition: all .3s ease .15s;
            -ms-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
            box-shadow: 0px 2px 4px #888;
            z-index:1 !important;

           
        }

          

        .nav > li:hover > ul {
            opacity: 1;
            visibility: visible;
            overflow: visible;
        }

    .nav .nav-column h2 {
            margin: 2px 0 0px 0;
            height:2px;
            font-weight: bold;
            font-size: 12px;
            text-transform:capitalize;
        }




.tuketici_kosesi2 {
width:960px;
height:420px;
float:left;
background:url(img/tuketici_kosesi2.png) no-repeat;
padding:10px;
margin:10px 0 -50px 50px;
}
    

            

.tuketici_kosesi {
width:960px;
height:420px;
float:left;
background:url(img/tuketici_kosesi.png) no-repeat;
padding:10px;
margin:10px 0 -50px 50px;
}

.tuketici_kosesi_yazi {
width:450px;

float:right;
margin:40px 50px 0px 0px;
padding:10px;
}

.tuketici_kosesi_yazi2 {
width:650px;
height:100px;
float:left;
margin:20px 150px 0px 100px;
padding:10px;
}

.tuketici_kosesi_yazi_sol {

width:80px;
float:left;
}


.tuketici_kosesi_yazi_sag {

width:200px;
float:left;
}
.tuketici_kosesi_yazi_req {
height:100px;
width:150px;
float:left;
}
.tuketici_kosesi_textbox {
margin:5px 0px; 
width:180px;
float:left;

}

.tuketici_kosesi_textbox2 {
margin:5px 0px; 
width:100px;
float:left;
}


.haberler {
height:300px;
width:500px;
float:left;
padding:10px;
margin:0 0 0 75px;
}

.haberler_icerik {
width:550px;
height:60px;
float:left;
margin:1px;
padding:2px;


}

.haberler_baslik {

height:50px;
width:400px;

}

.haberler_baslik_p {

font-size:20px;
text-align:center;

}
.haberler_icerik_h2 {
font-size:15px;
text-align:left;
margin:-2px 0 1px 2px;
}
.haberler_icerik_p {
font-size:14px;
text-align:left;
margin:-2px 0 1px 2px;
}
.haberler_icerik_a {
font-size:14px;
margin:-2px 0 1px 2px;
text-decoration:none;
text-align:left !important;
}

.haberler_icerik_resim {
width:100px;
height:80px;
float:left;

margin:5px;
padding:5px;


}
.haberler_icerik_resim img{
height:80px;
width:100px;


}

.haberler_icerik_yazi {
width:550px;
height:50px;
float:left;
margin:5px;
padding:5px;


}


.pic_zoom{
	width:50px;
	height:50px;
}
.picbig_zoom{
	position: absolute;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
  
}
.pic_zoom:hover + .picbig_zoom{
	width:500px;
}


.footer_right_area {
float:right;
background:Red;
width:500px;
height:100px;
margin-bottom:-450px;

}

.tuketici_kosesi_button_area {
float:left;
width:100px;
height:20px;
margin-left:20px;
}


.tuketici_btn {
  margin-top:5px;
  background: #ef6c21;
  background-image: -webkit-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -moz-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -ms-linear-gradient(top, #ef6c21, #f33d21);
  background-image: -o-linear-gradient(top, #ef6c21, #f33d21);
  background-image: linear-gradient(to bottom, #ef6c21, #f33d21);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 4px #666666;
  -moz-box-shadow: 1px 1px 4px #666666;
  box-shadow: 1px 1px 4px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
  text-decoration: none;
  line-height:1;
}


.tuketici_btn:hover {
  background: #f33d21;
  background-image: -webkit-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -moz-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -ms-linear-gradient(top, #f33d21, #ef6c21);
  background-image: -o-linear-gradient(top, #f33d21, #ef6c21);
  background-image: linear-gradient(to bottom, #f33d21, #ef6c21);
  text-decoration: none;
}


.sonuc_goster {
float:left;
width:900px;
padding:10px 10px 10px 110px;
font-weight:bold;

}


.bottom_container {
    width: 950px;

    margin: 20px 0 5px -100px;
}

.bottom_item_container {
    width: 150px;
    height: 200px;
    float: left;
    padding: 2px;
    margin: 5px 5px 5px 25px;
    /*border: 1px solid #e9590a;*/
    /*-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);*/
    background: url(img/pct3.png);
}

.bottom_item_container_img {
    width: 120px;
    height: 120px;
    margin: 5px 0px 0px 10px;

}

.bottom_item_container_text {
    width: 85px;
    height: 55px;
    margin: 0 auto;
}

.bottom_item_container_sepet {
    /*margin-left: 15px;*/
}

.bottom_item_container span {
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
}

.bottom_item_container_h3 {
    font-size: 15px;
    text-align: center;
    color: #000;
   
}

.bottom_item_container a {
    text-decoration: none !important;
    color: #f33d21;
     font-weight:bold;
     font-size:13px;
}
a.lightbox img {
height: 350px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index:70
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
z-index:666;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}
.footer_son {
width:100%;
height:25px;
text-align:center;
background-color:black;
padding-top:4px;
}