.anaC{
width:100%;
height:100%;
margin:0;
overflow:hidden;
}
#solC{
height:100%;
width:100%;
background-color:rgb(255,255,255);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
}
#sagC{
text-align:center;
float:left;
}

#sagicerik{
min-height:600px;}

#solmenuuC{width:100%;  font-size:0.9em;}
#logoC{text-align:center;}
#logo img{padding-top:2px;}
#reyon{padding:5% 10% 5% 5%;
margin-left:5%;}

#reyonbaslik{
border-bottom:1px solid #000;}
#slidecerceve a{display:block; width:100%; overflow:hidden;}
#slidecerveve img{width:100%;}
.icerik-satir{
margin:1% auto;
min-height:200px;
text-align:center;
} 
.icerik-satir-baslik{
border-bottom:2px solid #60646D; 
color:#60646D; 
letter-spacing:2px; 
font-weight:600;
text-align:center;
margin:0 10px;
font-size:1.3em;
text-transform:uppercase;
}
.icerik-satir-baslik:first-of-type{
margin:10px;
}
.icerik-satir-baslik a{
color:#60646D; 
}
.icerik-satir-baslik a:hover{color: #60646D;}
/***ÜRÜNHÜCREBAŞLANGIÇ*****/
.urunhucre{
width:22%;
display:inline-block;
position:relative;
margin:10px;
min-height:300px;

}

.urunhucre:hover {transform:scale(1.1);}
.urunkart{
/*
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
*/}
.urunkart:hover{
/*
-moz-box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0,0,0,0.22);
-webkit-box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0,0,0,0.22);
box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0,0,0,0.22);
*/
cursor:pointer;
}
.hucre-foto{
width:100%;
height:200px;
overflow:hidden;
background-color:#fff;
display:flex;
align-items:center;
justify-content:center;
}
.hucre-foto a{}
.hucre-foto img{width:100%; height:auto;border:0; }
.hucre-detay{
background-color:#fff;
width:100%;
bottom:0;
text-align:center;
color:#fff;
}
.hucrekaplama{
width:100%;
top:0;
display:none;
}
.hucrebuton{
font-size:12px;
font-weight:600;
display:flex;
align-items:center;
float:left;
width:100%;
text-align:left;
position:absolute;
top:-30px;
height:30px;
left:0;
background-color:#60646D;
}
.detay , .fotobuyut, .hucrefavori, .fotografbuyuk,.ksb,.sepetekle{
color:#fff;
padding:1%;
display:inline-block;
}
.stok{
display:inline-block;
padding:3px;
color:#888;
}
.hucreok i{
font-size:10px;
}
.sepet i, .detay i, .stok i, .fotobuyut i, .hucrefavori i, .fotografbuyuk i,.sepetekle i{
font-size:16px;
padding:3px;

}
.stoksonuc{
display:inline-block;
position:relative;
}
.stoksonuc span{
font-weight: 800;
color: #60646D;
padding:5px;
border: 1px solid #60646D;
border-radius: 5px;
display:none;
}
.hucrekaplama .ksb{display:inline-block;}
.hucrekaplama .sepetekle:hover{transform:scale(1.1);}
.sepet{
padding:3px;
}
.hucrefavori:hover{
color:#60646D;
}
.sepet:hover{
transform:scale(1.1);
cursor:pointer;
}
.fotografbuyuk:hover{
cursor:pointer;
transform:scale(1.1);
}
.detay:hover{
transform:scale(1.1);
cursor:pointer;
}
.stok:hover{
cursor:pointer;
transform:scale(1.1);
}
.fotobuyut:hover{
cursor:pointer;
transform:scale(1.1);
}
.eklemeli{
width:100%;
}
#gfiyat table{color:#252525;}

.birimli{
float:left;
text-align:left;
display:table;
}
.birimli>input, .birimli>span{
display:table-cell;

}
.hucrebirimli{
width:100%;
position:absolute;
bottom:-100%;
right:0;
text-align:center;
}
.hucrebirimli i, .hucrebirimli a{
color:white;

}
.hucrebirimli .ksb i{
font-size: 14px;
line-height:20px;
}
.hucrebirimli input{
width:20px;
float:left;
text-align:center;
margin:1px;
line-height:100%;
}
.hucrebirimli  .sepetekle{
float:left;
display:block;
position:absolute;
bottom:19%;
width:100%;

}
.hucrebirimli .ksb{
display:inline-table;
border-radius: 5px;
float:left;
padding: 4px;
position:absolute;
top:20%;
left:8%;
}
.sepetekle{color:#fff;}
.birimb{
position:relative;
display:block;
float:left;
margin:2px;
}
/**************************************GÖZAT*********************************/
#gozatc{
position:absolute;
width: 80%;
top:5%;
height:80%;
left:10%;
border:1px solid #60646D;
background-color:white;
}
#buyutfoto{
width:175px;
height:175px;
border-radius:100%;
box-shadow: 0 0 0 7px rgba(255,255,255, 0.85), 0 0 0 7px rgba(0,0,0, 0.25), inset 0 0 40px 2px rgba(0,0,0, 0.25);
position:absolute;
z-index:110;
display:none;
}
#gozatfoto{
width:70%;
height:100%;
float:left;
overflow:hidden;
margin:0;
padding:0;
display:flex;
align-items:center;
border-right:1px solid #eee;
cursor: zoom-in;
}
#gozatfoto img{

margin:0 auto;
display:block;}
#gozatmetin{
width:30%;
padding:3%;
float:left;
height:94%;
margin:0;
}
#gozataciklama{
font-size:10px;
font-weight:400;
line-height: 12px;
margin:2% 0;
padding: 2% 0;
border-bottom: 1px solid #332F2D;
}

.gl, .gs{
font-size:14px;
color:#332F2D;
}
.gl:hover, .gs:hover{
color: #E74C3C;
transform: scale(1.1);
}
.gs{
display:table-cell;
line-height:30px;
border:1px solid #332F2D;
border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
}
.gl2{
font-size:12px;
color:#888;
display:inline-block;
padding:1%;
}
.gl2:hover{
color: #60646D;
}
#gozatisim{
font-weight: 800;
font-size:16px;
}
#gozatisim a{
color:#332F2D;
cursor:pointer;
}
#gozatekle{
position:relative!important;
width:100%;
display:table;
margin: 10% auto;
line-height:35px;
}
#gozatekle .ksb{
display:inline-table;
float:left;
margin-right: 10px;
background-color:#60646D;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
}
#gozatekle .ksb i{
color: #fff;
}

#gozatekle .sepetekle{
font-size: 20px;
color: #60646D;
padding: 5px;

}
#gozatekle .sepetekle:hover{
color:#332F2D;
}
#gozatbirimli{


}
.gozatadet{
float:left;
text-align:center;
margin:2px;
font-weight: 600;
}
.ge{
margin:7% 0;

}
#galt{
border-bottom:1px solid #332F2D;
margin: 10% 0;
}
#galt p{
font-size:11px;
margin:1%;
}
#galt p span{
font-weight: 700;
}
.yesil{
color: #E74C3C;
font-size:1.5em;
}
#gfiyat{
margin-top:13%;
}
/*****/
.urun-isim{ 
display:flex;
align-items:center;
font-size:1.1em;
padding:5px;
line-height:1.3em;
text-align:center;
width:100%;
height:70px;
color:#60646D;
}
.urun-fiyat{
font-weight:600;
font-size:1.3em;
color:#60646D;
padding:3px;
}
.urun-isim p{width:100%; margin:0; padding:5px;}
.urun-isim p a{color:#60646D;}
#urundetayC{
padding:1vh;
float:left;
position:relative;
width:100%;
text-align:left;
margin:2px 0;}
#urundtyfoto div{}
#urundtyozet{
margin:0 2%;
padding:2vh 3vh;
background-color:rgb(249,249,249);
text-align:left;
width:50%;
display:inline-block;}
#urundtyozet div{
margin:1%;}
.urunfoto{
height: auto;
float:left;
display:inline-block;
width:50%;
background-color:#fff;
}

.urunfoto img{}
#urundtyozellik{border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; padding:5px 0;}
#urundtyfiyat{width:100%;}
.urun-fiyat p{margin:0;}
#urundtyfiyat p span{float:right;}
#urunsepetekle{right:0;}
#urunsepetekle a{display:block; color:#F9BF3B; right:0;}
#urundtyteknik{margin: 3vh; background-color:#fff; width:90%;}

#urundtykat .breadcrumb li{display: inline;}
#urundtykat .breadcrumb li:after{
content: ">";
color: #7a7a7a;
margin: .3125rem;}
#urundtykat .breadcrumb li:last-child:after{content: "";}
.breadcrumb ol{padding:0;}




#navCurun ul{
padding-top:2%;
padding-left:7%;
}
#navCurun li{
padding:1%;
font-size:1.2em;
list-style-type:none;
position:relative;
}
#navCurun li a{
display:block}
.active{
border-left:5px solid #fff;
padding-left:5%;}
#navCurun li a:hover{
border-left:5px solid #000;
padding-left:5%;
color:#333333;}
#navCurun li:hover > ul{
opacity:1;
visibility:visible;
}
#sbbas{


}
#sbic{
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
padding:15px;
}
#eks-tablo{
margin-top:2%;
margin-bottom:3%;
border-bottom:3px solid #F9BF3B;

}

.eks-baslik div{
border-top-left-radius:15px;
border-top-right-radius:15px;
border:1px solid #fff;
color:#fff;
background-color:#323232;
padding:5px;
height:4rem;
display: flex;
align-items: center;
text-align:center;
}

.eks-ic div{
padding:5px;
border:1px solid #fff;
height:4rem;
display: flex;
align-items: center;}
.eks-ic > a> div > span,.eks-baslik > div> span{width:100%;}

div.eks-ic:nth-of-type(odd){
background-color:#fff;}
div.eks-ic:nth-of-type(even){
background-color:#eeeeee;}
div.eks-ic:hover{
background-color:#FFFED5;}
div#eks-top div{
padding:5px;
border-top:3px solid #323232;
border-bottom:3px solid #323232;}


div#dtyekle{
width:100%;
display:block;
line-height:35px;
margin-bottom:5%;}
#dtyekle .ksb{
display:inline-block;
float:left;
background-color:#252525;
padding:5px;
border-radius:5px;
}
.birimb{
position:relative;
display:block;
float:left;
margin:2px;
color:white;
}
#dtyadet{
text-align:center;
float:left;
margin:2px;
font-weight:600;
}
input[name="adet"]{
width:20px;
line-height:10px;
font-size:0.8em;}
#dtyekle .sepetekle{
font-size:1.2em;
color:#252525;
padding:5px;}
#dtyekle .sepetekle:hover{color:#60646D;}
#aciklamabtn > a:hover{color:#60646D;}

/******SEPET.PHP*******/

#adresbilgileri{
display:none;
width:100%;
margin: 10px 0;
padding: 10px 0;
position:relative;
}
#odemebilgileri{
display:none;
}
#sekle{
position:relative!important;
width:150px;
display:block;
margin: 5% 0;
margin-left:35%;
line-height:35px;
}
#sekle .ksb{
float:left;
margin-top: 7px;
background-color:#60646D;
padding: 2px;
border-radius: 5px;
-moz-border-radius: 5px;
}
#sekle .ksb i{
color: #fff;
}

#sekle .guncelle,#sekle .guncellet{
font-size: 12px;
color: #888;
display:block;
float:left;
padding: 5px;

}
#sekle .guncelle:hover, #sekle .guncellet:hover{
color:#60646D;
}

.ssadet{
float:left;
text-align:center;
margin:2px;
font-weight: 600;
}

#sat1{
display:block;
float:right;
position:relative;
border: 1px solid #60646D;
padding:10px;
color:#60646D;
border-radius: 5px;
-moz-border-radius: 5px;
}

#spbilgi{
display:block;
float:right;
position:relative;
border: 1px solid #60646D;
padding:10px;
color:#60646D;
border-radius: 5px;
-moz-border-radius: 5px;
}
#tmail,#tsiparis{
display:block;
float:left;
border: 1px solid #332F2D;
padding:10px;
border-radius: 5px;
margin-left:3%;
-moz-border-radius: 5px;
color:#332F2D;
}
#sdevam{
display:block;
float:left;
border: 1px solid #332F2D;
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
color:#332F2D;
}
#sexcel{
display:block;
float:left;
border: 1px solid #332F2D;
padding:10px;
margin-left:5%;
border-radius: 5px;
-moz-border-radius: 5px;
color:#332F2D;
}
#stoplam{
width:100%;
display:inline-block;
padding: 2%;
position:relative;}
#sat1:hover, #sdevam:hover, #spbilgi:hover, #sexcel:hover, #tmail:hover,#tsiparis:hover{transform: scale(1.1);}
#sepetalt{
border-top: 1px solid #ddd;
width:100%;
padding: 0;
}

#sepetalt a{
display:block;
float:left;
margin-right: 5%;
}
.solt{
text-align:left;
}
#sepetalt ul{
display:block;
list-style:none;
line-height:25px;
float:right;
margin:0 auto;
text-align:left;
}

#tekliftop ul{
display:block;
list-style:none;
line-height:25px;
float:left;
margin:0 auto;
text-align:left;
}

#saratoplam{
width:100%;
display:inline-block;
border-bottom: 1px solid #ddd;
padding:2%;
}
#sepetalt ul li span{
float:right;
margin-left: 20px;
margin-right: 20px;
font-weight:600;

}
#stoplam ul{
display:block;
list-style:none;
text-align:left;
}
#stoplam ul li{
line-height: 25px;
}
#stoplam ul li span{

margin-left: 20px;
}
#saltb{
width:100%;
position:relative;
padding:2%;
float:left;
}
#adresc{
text-align:left;
width:100%;
position:relative;
margin:2% 0;
float:left;
}
#adresc h5{
letter-spacing: 2px;
font-weight: 800;
border-bottom: 1px solid #332F2D;
}
#adresc form{
display:block;
margin:3% 0;
}
#yeniadres{
position:absolute;
width: 60%;
top:5%;
height:80%;
left:20%;
border:1px solid #60646D;
background-color:white;
}
#yeniadresc{
position:relative;
margin: 5% auto;
width:39%
}
.adreskaldir{
position:relative;
display:block;
float:right;
cursor:pointer;
margin-right:10px;
font-weight: 800;
font-size:17px;
color:#332F2D;

}
.adresstr{
width:100%;
position:relative;
display:block;
margin: 1% 0;
background-color:#ddd;
float:left;
padding:5px;
}
.adresstr label:hover{
cursor:pointer;
}
#yenia{
color: #332F2D;
display:block;
width:50%;
margin:1%;
float:left;
}
#yenia:hover{
color: #E74C3C;
}
#aonay{
color: #16a085;
margin:1%;
float:right;
text-align:right;
}
#yeniadres label {
 float:left;
  width:100px;
}
#yeniadres input {
  width:100%;
  padding:5px;
}
#yeniadres select {
  width:100%;
  padding:5px;
}
 #adressec {
    padding:5px;
}

#asubmit {
  text-decoration:none;
  border: 1px solid #60646D;
  padding: 5px;
  border-radius: 5px;
  background-color:#60646D;
  color:white;
  width:30%;
  text-align:center;
  margin:2% auto;
  display:block;
 }
.odeme {
width: 25px;
position: relative;
}
#odemesekli{
position:relative;
float:right;
}
#odemesekli label{float:left;}
#odemesekli label:hover{cursor:pointer;}

#msubmit {
  text-decoration:none;
  border: 1px solid #60646D;
  padding: 5px;
  border-radius: 5px;
  background-color:#60646D;
  color:white;
  float:right;
  margin-right: 5%;
 }
 #piletisim{
width:60%;
text-align:left;
 margin:0 auto;
 }

 #piletisim textarea {
    resize: none;
   padding:5px;
}
 
 #sepeticerik{
position:relative;
width:100%;
float:left;
margin: 1% 0 5%;
background-color:#fff;
text-align:center;
}

table.ts{
width:100%;
margin:0;
padding:0;
}

table.ts thead{
background-color:#252525;
border-radius:5px;
-moz-border-radius:5px;
color:#fff;
}
table.ts thead th{
font-weight: 600;
padding:10px 0;
font-size: 12px;
}

.sepeturun{
position:relative;
overflow:hidden;
}
.sepetfoto{
position:relative;
overflow:hidden;
width: 20%;
float:left;
height: 70px!important;
cursor:pointer;
padding:0 20px;
}

.sepetfoto img{
height:100%;
}
#sepetbos{
min-height: 300px;

}
.surunisim{
float:left;
margin-left:2%;
}
.surunaciklama{
text-align:left;
position:relative;

}
.surunaciklama span{
font-size: 11px;
color:#aaa;
margin-left:2%;
}


.surunisim a{
color: #252525;
font-weight: 600;
font-size:1em;
}
.yuz{color:#252525;font-weight:600;}



/*****SIPARIS*******/
#siparisicerik{
width:90%;
margin:50px auto;
border:1px solid #ccc;

position:relative;
background-color:#fff;
display:table;
}

.sbilgibaslik{
border-top: 2px solid #60646D;
border-bottom: 2px solid #60646D;
color:#60646D;
font-size:1.3em;
letter-spacing:2px;
padding:5px;
line-height:2em;

}
#osekli{
position:relative;
float:right;
margin-right: 4%;
margin-bottom: 1%;
padding: 5px;


}
#osekli i{
color:#E74C3C;
}
#osekli span{
font-weight: 800;
}
#stamammesaj{
min-height: 400px;
vertical-align:center;
padding:20px 0px;
line-height:25px;

}
#stamammesaj i{
font-size:50px;
color:#60646D;
}

#stamammesaj a{
color:#E74C3C;
font-weight:600;
}
.anasayfadon{
color:#60646D!important;
}
#sguncelle{
float:right;
background-color:#60646D;

color:#fff;
border:1px solid #60646D;
border-radius:5px;
padding:5px 20px!important;
}
#odebuton{
border: 1px solid #60646D;
padding:10px;
color:white;
background-color:#60646D;
border-radius: 5px;
-moz-border-radius: 5px;

}



#odebuton:hover, #sipguncelle:hover{
transform: scale(1.1);
cursor:pointer;
}

#yazdirbuton{
border: 1px solid #60646D;
padding:10px;
color:white;
background-color:#60646D;
border-radius: 5px;
-moz-border-radius: 5px;

}



#yazdirbuton:hover{
transform: scale(1.1);
cursor:pointer;
}
@media print {
    #mutabakatC  {
	font-size:12px;}
}
#sipguncelle{
margin-right:20px;
border: 1px solid #332F2D;
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
color:#332F2D;
background-color:white;
}


#siparisbuton{
position:relative;
display:block;
margin-top:10px;
}

#sevkiyat{

padding:10px 20px;
border-left:2px solid #60646D;
}
#sevkiyatic{
width:80%;
margin:0 auto;
text-align:left;
}
#isimsoyisim{
text-align:center;
padding:10px;
}

#sipbilgi{
padding-bottom:20px;
}

#sipbilgi ul{
list-style:none;
background-color:#fafafa;
}
.stryeni{
width:100%;
display:block;
float:left;
}
.str{
width:100%;
display:block;
float:left;
}

#siparatop{
border-top:1px solid #ccc;
margin-top:20px;
padding:10px 0;
}

#siparatop ul{
display:block;
list-style:none;
line-height:25px;
float:right;
margin:0 auto;
text-align:left;
margin-right: 5%;
}

#siparatop ul li span{
float:right;
margin-left: 20px;
font-weight:600;
}

#ortala{
width:30%;
float:right;
margin-right:100px;
}

#isimadres{margin-top:20px;}
.filtreic{display:inline-block;width:25%;padding:2%;}
.filtreic > label:hover{cursor:pointer;color:#60646D;}
.buton{padding:5px;border:1px solid #60646D;background-color:#e9eeee;color:#60646D;
font-weight:600;border-radius:10px;width:10%;display:inline-block;font-size:1.2em;}
.buton > input[type="submit"]{border:none;background:none;font-size:1.2em;}
#tepostainput{padding:3%; border:3px solid #ccc;width:80%;}
.butonhayalet{padding:5px;border:1px solid #60646D;background-color:#fff;color:#60646D;
font-weight:600;border-radius:10px;font-size:1.2em;}
.butonhayalet:hover{cursor:pointer;}
#temailC > form{width:50%;margin:0 auto;text-align:center;}
#indirimC{padding:2%;}
#indirimC > form {float:right;width:50%;text-align:right;}
#indirimC > form > input[type="text"]{width:50px; padding:2%;text-align:center;font-weight:600;}
#indirimC > form > input[type="submit"]{padding:2%;background-color:#fff;color:#60646D;border:1px solid #60646D;border-radius:5px;cursor:pointer;}

/***ANAKATİC****/
#solbar{margin:1%;background-color:#fff;}
#solbar > div{padding:5%;border-bottom:1px solid #ccc;}
#altkatliste{
text-align:left;
}
#solanakat{text-align:left;font-size:1.3em;padding:1% 2%;}
#altkatliste ul li{
padding:1%;
text-align:left;}
#altkatliste ul li a:hover{color:#aaa;}
#solfiltre{text-align:left;padding-top:2%;}
.solfiltreic{padding:2%;}
.solfiltreic > label:hover{cursor:pointer;color:#60646D;}
#anaicu{text-align:left}

/***TEKLİF***/

.a4div{
max-width:800px;
margin:0 auto;
position:relative;
overflow:visible;
border:1px solid #332F2D;
background-color:#fff;
}
.a4div:before, .reyonlar:before, .reyonlar:after, .a4div:after{
content:"";
display:table;
}
.a4div:after, .reyonlar:after{
clear:both;
}

.tekbaslik{
background-color:#332f2d;
color:white;
padding:1% 0;
font-size:13px;
font-weight:600;
text-align:center;
}
#teklifA{
display:block;
text-align:right;
padding:1%;

}
#teklifA p{float:right;width:100%;}
#tbaslik{

font-weight:700;
display:block;
font-size:1.5em;}
#tadres{max-width:50%;float:right;}
.urunkt{
position:relative;
display:block;
float:right;
cursor:pointer;
margin-right:10px;
color:#252525;
}
.urunkt i{
display:inline-block;

}
.urunkt:hover,.guncellet:hover{
color:#ccc;
}
#teklifdetaylar table  {
color:#252525;
text-align:left;
width:100%;
border-collapse:collapse;
}
#teklifdetaylar label{
font-weight:800;
}
#tdetaygir{
display:block;
border: 1px solid #332F2D;
padding:10px;
border-radius: 5px;
moz-border-radius: 5px;
background-color:#fff;
color:#332f2d;
margin:2% auto 0 auto;}
#tdetaygir:hover{
cursor:pointer;
transform:scale(1.1);
}
#teklifdetaylar table textarea{
height:100px;
width:400px;
border:1px solid #ccc;
border-radius:5px;
}
#teklifdetaylar table input {
padding:5px;
width:100%;
border-radius:5px;
border:1px solid #ccc;
}
.furnlst li{padding:1%;list-style:none;}
#teklifdetaylar table tr td{
padding:5px;
border:1px solid #ccc;}
.favorifoto img{width:100%;}
#teklific{display:none;background-color:#fff;}
#teklifbas:hover{cursor:pointer;}
.turunisim{
float:left;
text-align:left;
width:100%;
}
.turunaciklama{
text-align:left;
position:relative;
float:left;
width:100%;
}
.turunaciklama label,.turunisim label{
font-size: 11px;
color:#aaa;
display:block;
}
.turunaciklama textarea{
width:100%;
min-height:50px;
}
#urunisim{width:100%;}
.sepeturun{min-width:400px;}
#urunsec select{


}
#yanmenuC{
width:20%;
float:left;
font-size:0.8em;
text-align:left;
}
#yanurunC{
padding:20px;

}
#yanurunC > ul{padding:0; margin:0 auto;}
.yananakatlis{
padding:3%;
}


#yanurunC li:hover{color:#60646D;}
.yanustKategori{
padding:1% 5%;
font-size:1.2em;
list-style-type:none;
position:relative;
color:#60646D;
}
.yanustKategori:hover{
cursor:pointer;
color:#60646D;
}
.yanreyonC{background-color:#fff;}
.yanreyonC li{
border-bottom:1px solid #eee;

}
.yanreyonC li:last-of-type{
border:none;
}
.yandropdownalt a{
font-size:0.8em;
}
.active{
padding-left:5%;}
#yanurunC li a{
display:block;
}

#yanurunC li:hover > ul{

}

.yandropdownalt{
display:none;
transition: all 0.3s;
left:0%;
color:#fff;
top:5%;
z-index:1000;
padding:3% 7%;
}

#yanreyonbas > a{
color:#fff;
display:block;
padding:5px 15px;

background-color:#60646D;
}
#yanreyonbas ul{list-style-type:none;}
#yanreyonbas ul li {

}

.reyonacik{
background-color:#60646D;color:#fff!important;


}
.yanaltkatlis a{padding:2% 4%;color:#60646D;}
.acikana{

color:#60646D;
font-weight:800;
display:block;
padding:2%;

}
#yanurunC li a:hover{
cursor:pointer;

background-color:#60646D;
color:#fff;

}
#a4str{
display:flex;
align-items:center;
}
.genelbuton{
padding:5px;
border:1px solid #252525;
background-color:#fff;
border-radius:5px;
}
.genelbuton:hover{
background-color:#252525;
color:#fff;
cursor:pointer;
}
.cizbuton{
padding:5px;

border-bottom:2px solid #252525;
color:#252525;
}
.cizbuton:hover{
background-color:#252525;
color:#fff;
}

#sepetler{
text-align:left;
}
#sepetler label{
width:25%;
float:left;
}
#sepetler input[type="submit"]{
display:block;
margin:0 auto;
}
.tekgrupisim{
background-color:#ccc;
font-weight:600;

}
#sepeticerik{
font-size:12px;
}
.urozellik{
line-height:1em;
font-size:1em;
text-align:left;
padding:5px;
}
#kanak{
font-size:0.8em;
font-weight:400;
display:block;
}
#mtel{
font-size:1.2em;
font-weight:600;
}
.indkutu{
background-color:#60646D;
padding:5px;
color:#fff;


border-radius:2px;

display:inline-block;

}
.indkutu p{
font-size:1.1em;
padding:0;
font-weight:600;
line-height:1em;
}
.indkutu span{
font-weight:400;
font-size:0.8em;
line-height:1em;
}
.fiyatc{
display:inline-block;
}
.fiyatc span{
display:block;
line-height:1em;
}
.lfiyat{
color:#ccc;
font-weight:400;
text-decoration:line-through;
}
.urun-fiyat table{
margin:0 auto;
}
.urun-fiyat td{
padding:3px;
}


	/***FOOTER***/
footer{
bottom:0;
margin:0;
float:left;
background-color:#fff;

width:100%;

text-align:left;
}
#footerlink{padding:2% 10%;}
.footeric{
padding:2%;
border-right:1px solid #eee;
}
.footeric:last-of-type{border:none;}
.footeric>h1{
color:#60646D;
border-bottom:1px solid #60646D;
font-size:1.5em;
font-family:sourcesanspro-bold-webfont, sans-serif;
}
.footeric > ul{
padding:2% 0 0 5%;
font-size:1.1em;
color:#eee;
}
.footeric > ul > li>a:hover{color:#60646D;}

.fbilgi{font-size:1.2em;color:#fff;padding:1%;margin-right:1%;display:inline-block;}
.fbilgi > h1{color:#fff;}
.fbilgi > span > a{color:#fff;}
.fbilgi > span > a:hover{color:#60646D;}
#fadresC{background-color:#60646D;width:100%;}
#fadres{padding:2% 5%;}
#fadres > h1{font-size:1.3em;border-bottom:1px solid #fff; padding:1%;margin:2% 0; color:#fff;}
#fsosyal{}
.fslink{color:#fff;}
.fslink > a {color:#fff; }
.fslink > a:hover{color:#60646D;}
#fharita{padding:3%;text-align:center;}


#yb{
background-color:#fff;

}
.bant{
width:100%;
position:relative;
text-align:center;
}
.bant ul{
list-style:none;
width:100%;
margin:0 auto;
padding-bottom:20px;
}
.bant ul li{
display:inline-block;
margin:0;
width:31%;
padding:0 1%;
color:#60646D;}
.bant i{
font-size:30px;}
.bant p{margin-top:2%;font-size:1.2em;}
.kunyebslk{
color:#60646D;
font-weight:700;
border-bottom:2px solid #60646D;
text-align:center;
margin:1% 5%;
}
.kunyebslk span{
display:block;
padding-bottom:1%;
letter-spacing:1px;}
#fkatC{
background:#f9f9f9;
}
.footer-kategoriler{
width:90%;
font-size:1em;
padding:1%;
margin:0 auto;
text-align:justify;
}
.footer-kategoriler a{color:#60646D;display:inline-block;}
.footer-kategoriler a:hover{color:#60646D;}
.footer-kategoriler span{
color:#60646D;}
.kunyecrcv{
width:100%;
margin:0;
position:relative;
background:#60646D;

}
.kunyes{

position:relative;
}
.knylis{
width:60%;
text-align:center;
margin:0 auto;
padding:0;
list-style:none;
font-size:1em;}
.knylis li{
display:inline-block;
margin:0 5%;
}
.knylis li>a{color:#fff;}
.knylis li>a:hover{color:#ccc;}
#fcopy{border-bottom:3px solid #60646D;color:#fff;text-align:center;font-size:0.8em;}

.tolink{
display:block;
color: #000000;
font-size: 1.5em;
padding: 10px;
}

#galeri_crcv{
width: 100%;

position: relative;
display:block;
margin:0;
padding:0;
}
#galeri_crcv p{
margin:0;
padding:0;
}
.galeri{
list-style: none;
display: none;
margin: 0;
padding: 0;
}
.cift{
border: 3px solid #222;
}
.galeriBuyukKutu{
width:100%;
height:300px;
overflow:hidden;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: 100% auto;

}

.galeriBuyukKutu:hover{
cursor:pointer;
}
.galeriKC{
width:100%;
display:inline-block;
list-style:none;
margin:0;
padding:0;
position:relative;
border: 1px solid #ddd;
}

.galeriKucukKutu{
width: 70px;
height: 70px;
margin: 3px;
padding: 0;
overflow:hidden;
position:relative;
float:left;
display:inline-block;
border: 1px solid #332F2D;
background-color:#fff;
}
.altCizgi{
border-bottom:3px solid #60646D;
}
.galeriKucukKutu img{
width: 100%;
margin-top:10px;
}
.galeriBuyukKutu img{
height:100%;
margin:0 auto;
display:block;
}
.gizli{
display: none;
}

.kaplama{
background-color: rgba(0,0,0,0.8);
position: fixed;
width:100%;
height: 100%;
margin: 0;
padding:0;
z-index: 1000;
display:none;
}
.buyukFotograf{
position:absolute;
width:60%;
top:5%;
bottom:5%;
left:20%;
overflow:hidden;
border-radius: 5px;
-moz-border-radius: 5px;
background-color:#fff;
}
.buyukFotograf img{
height:100%;
z-index: 1001;
position:relative;
margin:0 auto;
display:block;

}
.kaplamaKapa{
position:absolute;
display:block;
right: 2.5%;
top:0.5%;
color: #332F2D;
border:3px solid #fff;
border-radius: 25px;
line-height:10px;
height:10px;
text-align:center;
width:10px;

cursor: pointer;
font-size: 20px;
font-weight: 600;
z-index:1002;
}


/******TOPNAV****/
#topnavC{
background:#60646D;
color:#60646D;
width:100%;
top:0;
z-index:100;
float:left;
}

#giris a{display:inline-block; margin:0 10px;color:white; }
#giris a:hover{border-bottom:1px solid #fff;}
#giris span{
vertical-align:middle;}
#giris img{
width:10%;
margin-right:2px;
vertical-align:middle;}
#giris{margin:5px auto;padding-right:15px;text-align:right;color:white; }

#slidecerceve a{display:block; width:100%; overflow:hidden;}
#slidecerveve img{width:100%;}

/*******AÇILAN SEPET*******/
#oynakS{
display:none;
position:fixed;
right:0;
top:6%;
z-index:1000;}
#oynakSikon{
display:inline-block!important;
float:left;
position:relative;
text-align:center;}
#oynakSikon a{
width:100%;
position:relative;
display:block;
color:#60646D!important;
font-weight:700;}
#oynakSikon i{font-size:4em;}
#oynakSikon a:hover{transform: scale(1.1);}
#oynakSicerik{
display:none;
border:2px solid #60646D;
position:relative;
float:left;
background:white;
height:400px;
border-radius:5px;}
#oynaks-li{
width:300px;
min-height:300px;
float:left;
position:relative;
max-height:300px;
overflow:auto;}
.oynaksAdet{font-size:0.8em; color:#252525;}
#sepetyoktext{
font-size:1.2em;
display:block;
margin-top:20px;
}
.ks{
float:left;
height:70px;
overflow:hidden;
position:relative;
margin:2% auto;
border-bottom:1px dashed #eee;}
.ks:last-of-type{border-bottom:none;}
.skf{
width:25%;
max-height:65px;
position:relative;
overflow:hidden;
float:left;
margin-left:2%;}
.skf img{height:70px;display:block;margin:0 auto;}
.ska{
position:relative;
width:55%;
float:left;
margin-left:3%;
font-size:0.9em;
text-align:left;
line-height:1.5em;
}
.ska a{
font-size: 0.8em;
color: #252525;
font-weight: 700;
line-height:1.5em;
}
.ska span{
font-size:0.9em;
font-weight:600;
color:#252525;
}



#ksbutonc{
width:300px;
position:absolute;
bottom:0px;
min-height:100px;
text-align:center;
background-color:#60646D;
border-top:2px solid #60646D;}
#ksbutonc span{
display:block;
color:white;
font-weight:700;
letter-spacing:2px;
margin-top:10px;}
#adevam{
padding:3px 5px;
border:1px solid white;
color:white;
border-radius:5px;
position:absolute;

line-height:20px;
font-size:0.9em;
display:block;
left:30px;}
#sepetegit{
padding:3px 5px;
border:1px solid white;
color:white;
border-radius:5px;
position:absolute;

line-height:20px;
font-size:0.9em;
display:block;
right:30px;

}
#sepetegit:hover, #adevam:hover{transform: scale(1.1);}
.urunk,.urunkt{
position:relative;
display:block;
float:right;
cursor:pointer;
margin-right:10px;
}
.urunk i,.urunkt i{
display:block;
color:#252525;
}

#sepetkyoktext{
font-size:1em;
display:block;
margin-top:20px;
color:#252525;
text-align:center;
}
.urunkuye{
position:relative;
display:block;
float:right;
cursor:pointer;
margin-right:10px;}
.urunkuye:hover{
cursor:pointer;
}
.urunkuye i{
display:block;
color:#252525;

}
#sepetkyoktext i{
color:#60646D;
font-size:20px;
width:100%;
text-align:center;
margin-bottom:20px;

}
.eklendiuyari{
position:absolute;
min-width:50%;
padding:10px;
text-align:center;
border-radius: 5px;
line-height:50px;
font-size:40px;
font-weight: 600;
top:40%;
border: 1px solid #60646D;
background-color:white;
left:25%;
}



/*****SEPETLER*******/
#slerC{
position:fixed;
margin:5px auto 0 auto;
display:block;
font-size:1.3em;
z-index:1000;
}
#slerikon{
display:inline-block!important;
position:relative;
margin-left:5px;
background-color:#60646D;
padding:0 10px;
border:1px solid #60646D;
border-radius:5px;
}
#slerikon a{
width:100%;
position:relative;
display:block;
color:white;
}
#slerikon a:hover{transform: scale(1.1);border-bottom:1px solid #fff;}
#slericerik{
display:none;
border:2px solid #60646D;
position:relative;
background:rgb(248,248,248);
width:250px;
left:-20%;
padding:1vh;
border-radius:5px;}
#yenisptbuton, #sepetgorbuton{
background-color: #60646D;
color:white;
border:1px solid #60646D;
border-radius: 5px;
padding:2%;
display:block;
margin:3% auto;
font-size:1.2em;}
#yenisptbuton:hover, #sepetgorbuton:hover{
transform: scale(1.1);
cursor:pointer;
}
#sepselect{
margin:1vh auto;
display:block;
background: transparent;
padding: 5px;
border: 1px solid #ccc;
height: 34px;
}
.seplabel{
color:#252525;
margin:1vh auto;
width:80%;
display:block;
text-align:center;
border-bottom:1px solid #252525;
}
#yenisptinput{
width: 70%;
margin: 1vh auto;
display: block;
padding: 2%;
font-size: 1.3em;
}

.otoufoto{
width:35px;
padding-right:5px;
}
/******DİL*******/
#dilC{
margin:5px auto;
display:table;
z-index:105;
}
#dilC a{display:block;}
.bayrakC{display:inline-block;}
.bayrakC > a > img{display:block;margin:0 auto; width:70%;}
#dilCic{display:flex;align-items:center;margin:5px auto;text-align:left;}



#secilidil{
color:#fff;
border-radius:5px;
line-height:1em;
padding:5px;
}
#secilidil span{
border:1px solid #fff;
border-radius:5px;
padding:0 5px;

}
#dilsecC form select , #kurdegisC form select {

   height: 28px;
   overflow: hidden;
   background:#fff;
   border: #FEFEFE 1px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
box-shadow: inset 0px 0px 10px 1px #FEFEFE;
}

#kurdegisC{
margin:5px auto;
}

#navC  ul#ustul{
padding:2% 0;
}

#navC  li{
padding:2%;
list-style-type:none;
position:relative;
float:left;
}
#navC li a{
display:inline-block;
color:#60646D;
border-bottom: 3px solid #FFF;
padding-bottom:5px;
font-size:0.9em;}
.active{
border-left:5px solid #fff;
padding-left:5%;}
#navC li a:hover{
border-bottom: 3px solid #60646D;
color:#60646D;}
#navC li#urunli:hover   ul#urundrop{
opacity:1;
visibility:visible;
}
#kurumsal-li:hover + #kicerik{
opacity:1;
visibility:visible;
}
#kurumsal-li:active + #kicerik{
opacity:1;
visibility:visible;
}

#urundrop{}
#iletdrop{}
.dropdown{
opacity:0;
transition: all 0.3s;
visibility: hidden;
position:absolute;
background-color:#fff;
color:#000;
left:-100%;
padding:0;
width:300px;
z-index:1000;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
#kurumdrop{text-align:left;width:200px;}
.dropdown li{
border-bottom:1px solid #eee;
padding:2%;
width:100%;}
.dropdown > li > a{padding:0;}
#kurumdrop > li > a{padding:5px;}
.dropdown li:last-of-type{
border-bottom:none;}

ul.anakatlis{
display:block;
list-style:none;
position:relative;
margin:0 auto;
padding:0;
width:100%;
}
ul.anakatlis li:hover ul.dropdownalt{
opacity:1;
visibility:visible;

}
li.ustKategori{
display:inline-block;
}
li.ustKategori a{
display:flex!important;
align-items:center;
}

.dropdownalt{
opacity:0;
transition: all 0.3s;
visibility: hidden;
position:absolute;
left:100%;
width:300px;
background-color:#fff;
color:#000;
top:0;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
padding:5px;
}

.dropanafoto{
width:50px;
padding-right:15px;
}
li.altkatlis{
width:100%;
}

li.yustKategori{
float:left;
}
.ydropdownalt{
opacity:0;
transition: all 0.3s;
visibility: hidden;
position:absolute;
width:300px;
left:100%;
background-color:#fff;
color:#000;
top:0;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
ul.yanakatlis li:hover ul.ydropdownalt{
opacity:1;
visibility:visible;

}
li.yustKategori a{
display:flex!important;
align-items:center;
}


/**LİSTE.CSS***/
.filtre_crcv{
width:100%;
float: left;
position: relative;
margin:0 auto;
z-index:1;
font-size:12px;
}
#urunliste_cerceve{
width:100%;
float: left;
position: relative;
margin:0;
z-index:1;
font-size:12px;
padding:0;
}
.urnlst{
width:100%;
margin:0;
padding:0;
}
.aramali{
width:100%;
margin:-1px 0;
padding: 0;
display:inline-block;
background-color:white;
position:relative;
height: 70px;
border: 1px solid #ddd;
}
.urunfotok{
display: inline;
position: relative;
float: left;
width: 70px;
height:100%;
margin:0;
padding:0;
overflow: hidden;
border-right: 1px solid #ddd;
}
.urunfotok img{
width: 100%;
min-height:100%;
}
.urunozt{
float: left;
display:inline;
text-align: left;
height:100%;
position: relative;
margin:0;
padding:0;
border-right: 1px solid #ddd;
width:40%;
max-width:40%;
}
.urunisim-li, .urunaciklama-li{margin:1% 3%;}
.urunisim-li a{
color: #332f2d;
text-decoration: none;
font-size:1em;
font-weight: 700;
}
.urunaciklama-li{
font-size:0.8em;
font-weight:400;
}
.urunfyt{
position: relative;
display: inline-block;
float: left;
margin:0;
border-right: 1px solid #ddd;
width:12%;
min-height:100%;
}
.urunfyt ul{
display: inline;
position: relative;
float: left;
list-style: none;
margin:25% 0;
padding: 0;
width:100%;
}
.urunfyt >ul>li {
display:block;
text-align:center;
font-size:1.3em;
margin-bottom: 5px;
font-weight: 700;
color:#E74C3C;
}
.aradiginiz{
float:left;
font-size:12px;
margin:1% 0;
padding:0;
}
.aradiginiz p{
margin:0;
padding:0;
}
.aradiginiz span{
font-weight: 800;
margin:0;
padding:0;
font-size:14px;
}
#result{text-align:left;}
.btnlr{
text-align: center;
display:flex;
align-items:center;
float: left;
padding:0 20px;
margin: 0 auto;
position:relative;
min-height:1px;

}
.btnlr ul{
list-style: none;
margin:0;
padding: 0;
position: relative;

}
.btnlr a{
color:#95a5a6;
text-decoration:none;
display:block;

font-size:0.9em;
}

.favoriek:hover{color:#60646D;}
.detaylar:hover{color:#60646D;}
.yorumlar:hover{}
#listeekle{
height:100%;
display:block;
line-height:35px;
border-left: 1px solid #ddd; 
margin-right: 2%;
padding: 0 0 0 2%;
float:right;
}
#listeekle .ksb{
display:inline-table;
float:left;
background-color:#60646D;
padding:2px;
border-radius: 5px;
-moz-border-radius: 5px;
margin-right: 5px;
margin-top: 14%;
}
#listeekle .ksb .birimb{margin-top:6px;}
#listeekle .ksb  i{color:#fff;}
#lstadet{
text-align:center;
float:left;
margin:2px;
font-weight:600;
}
#listeekle .sepetekle{
font-size:12px;
color:#60646D;
line-height:20px;
padding:3px;
display:block;
float:left;
margin-top: 14%;
}
#listeekle .sepetekle:hover{color:#332f2d;}
#urunliste{}
#urunliste > ul{
list-style:none;
width:90%;
margin:0 auto;
}
#urunliste >ul> li{
margin:5px;
border:1px solid #ccc;
background-color:white;}
#urunliste li > div{
float:left;
text-align:left;
min-height:70px;
border-right:1px solid #ddd;
}
#urunliste li > div:last-of-type{border:none;}
#aurunfoto{
width:70px;
overflow:hidden;
}
#aurunfoto img{display:block; margin:0 auto;height:70px;}
#aurunozt{width:40%;}
#aurunozt p{margin:0 3%;display:block;}
#aurunfyt{width:10%; text-align:right!important; padding-right:1%; line-height:70px;}
#aurunbtn{padding:10px 20px;}
#aurunbtn a{
width:100%;
display:block;
}
#aurunspt{padding:10px 20px;}
/***LİSTE.CSS**/

/***GİRİŞ.CSS***/
div.icerik{min-height:600px;}
.loginekran{
width:50%;
position: relative;
margin:5% auto;
box-sizing: border-box;
height:100%;
}
.loginekranuye{
width:80%;
position: relative;
margin:5%;
box-sizing: border-box;
height:100%;
}
.giristablar{
width:100%;
position:relative;
border-width: 1px 1px 0 1px;
border-style:solid;
border-color:#60646D;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-color: #60646D;
color:white;
padding:2%;
font-size:1.5em;
letter-spacing:2px;
font-weight:bold;
}

.sg{
border-top:2px solid #60646D;
background-color: white;
color:#332f2d;
}
.formc{position:relative;}
.girisyap{
background-color:#fff;
position:absolute;
width:100%;
padding-bottom:5%;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
form[name="girisyap"]{margin-top: 5%;}
.uyari .fa-check{color:green;}
.girisbuton, #uyeolbuton{
background-color: #60646D;
color:white;
border:1px solid #60646D;
border-radius: 5px;
padding:2%;
display:block;

margin:3% auto;
font-size:1.2em;
}
.girisbuton:hover, #uyeolbuton:hover{
transform: scale(1.1);
cursor:pointer;
}
.sifremiunuttum{font-size:11px; color:#60646D;}
.altlink {color: #332f2d; font-style:italic;}
.altlink:hover{color:#60646D;}
#kodimg{
border: 1px solid #332f2d;
margin-bottom: 2%;
margin-top: 2%;
}
label [for=kod]{
text-align:center;}
label{
text-align:left;
font-size:1.2em;

}
.formlar-input input[type="text"],.formlar-input input[type="password"],.formlar-input input[type="email"]{
  padding: 5px;
  margin:5px 0;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
  font-size:1em;
  width:100%;
  }
  .uyari i{
color:red;
}
.uyari .fa-check{
color:green;
}
.inputgiris{width:70%;}
/****GİRİŞ.CSS****/

/****ÜYE.CSS****/

.loginekranuye{
width:60%;
position: relative;
margin:5% auto;
box-sizing: border-box;
height:100%;
}
.giristablaruye{
width:100%;
position:relative;
border-width: 1px 1px 0 1px;
border-style:solid;
border-color:#60646D;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-color: #60646D;
color:white;
padding:2%;
font-size:1.5em;
letter-spacing:2px;
font-weight:bold;
}

.uyeol{
position:absolute;
width:100%;
border-width: 0 1px 1px 1px;
border-style:solid;
border-color:#fff;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
margin:0 auto;
background-color:#fff;
padding-bottom:5%;}
#uyeform{
margin-top: 5%;
width:70%;
margin:0 auto;
}
.uyeol div{padding:0 5px; }
.inputuye{width:100%;}
.inputuye2{width:50%;}

/****ÜYE.CSS****/

/****ÜYE_BÖLGESİ.CSS***/
#uyebolgestr{background-color:#fff;padding-top:1%;}
.vitrin{
width:70%;
position:relative;
float:right;
margin-right:2%;
background:#fff;
}
#mpc{
width:20%;
float:left;
margin:0 2%;
text-align:center;
}
.panels > ul {
list-style:none;
margin:5% 0;
padding:0;
font-size:1em;
}
.panels ul li:first-of-type{
color:#60646D;
letter-spacing:2px;
text-transform:uppercase;
font-weight:800;
} 
.panels ul {line-height:25px;}
div#bolmeliC{
width:100%;
margin:0;
padding:0;
position:relative;
border:1px solid #eee;
display:block;
float:left;
min-height: 400px;
font-size:13px;
text-align:center;

}
.kbaslik{
color:#323232;
font-weight:600;
letter-spacing: 2px;
text-transform:uppercase;
border-bottom: 2px solid #323232;
}
.hizlim{
border: 1px solid #60646D;
height: 200px;
width: 86%;
margin:8% auto;
background-color: #60646D;
border-radius: 5px;
color:#fff;
}
.hizlimb{
border: 1px solid #60646D;
height: 200px;
width: 95%;
margin:1% auto;
background-color: #60646D;
border-radius: 5px;
color:#fff;
vertical-align:middle;
}
.hizlim:hover, .hizlimb:hover{
transform: scale(1.05);
cursor: pointer;
}
i.bi{
width:100%;
display:inline-block;
font-size: 9em;
color: #fff;
margin:15px 0;
}
#yazdir{

}
#uyebolgesi{
border:1px solid #60646D;
background-color:#60646D;
color:#fff;
font-weight:bold;
border-radius:15px;
text-transform:uppercase;}
#yazdir{margin-bottom:2vh;
}
#hosg{
width:50%;
text-align:center;
margin:0 auto;
margin-bottom:1%;}
.panels ul li:first-of-type{
text-tranform:uppercase;
}
#uyesepetler{
padding:3vh;
margin:0 auto;
}
#sifreC{width:40%;margin:0 auto;}

#siparisc ul{
list-style:none;
}
.sgenel{
background-color:#e9e9e9;
padding:1%;
border:1px solid #fff;
margin:1% 0;
}

.sdetay{
display:none;
}
.sdetay li{
padding:2%;
margin:0;}

#adresC,#bilgigC{
width:40%;
margin:0 auto;
display:block;
}
#adresC form input[type="text"],#adresC form  input[type="password"],#adresC form  input[type="email"],#adresC form textarea ,
#bilgigC input[type="text"],#bilgigC  input[type="password"],#bilgigC  input[type="email"],#bilgigC form textarea{
 padding: 5px;
  margin:5px 0;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
  font-size:1em;
  width:100%;
}
/****ÜYE_BÖLGESİ****/



 /** SLIDELAR**/	
#anaslide:before{
content: " ";
display: block;
height: 0;
overflow: hidden;
}
#anaslide:after{clear:both;}
#anaslide{
float:left;
width:100%;

}

 #kayanc{		
 overflow:hidden;
 position:relative;		
 height:300px;
margin:20px 0 0 0;
 }	
 
 #kayan-ul{		
 position:absolute;	
 margin:0;
 padding:0;
 	
 }
 
 .kayanhucre-li{	
 float:left;
 position:relative;	
 }
 
 .kayanhucre-li img{
	 width:100%;
	 }
	 
.slideok{
	position:absolute;
	z-index:5;	
	top:50%;	
	transform:translateY(-50%);
	background-color:#60646D;
	border-radius:50%;}
	
.slideok:hover{
	cursor:pointer;	
	background-color:#60646D;	
	
	}
	.slideok i {	
	color:#fff;	
	padding:10px;}
	
	#solakayok{	
	left:10px;
	}
	#sagakayok{
		right:10px;
		}

.slide-baslik-metin{	
font-family:nunito-bold, sans-serif;
position:absolute;	
top:10%;	

right:5%;	

height:100px;	
font-size:3em;
	line-height:2.1em;	
	font-weight:700;	
letter-spacing:4px;	
text-align:center;	
/*background-color:rgba(255,255,255,0.5);*/	/*padding:1em;	color:#263238;*/	
color:#60646D;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }

.turuncu:after{	background-color:#263238;}
 /** SLIDELAR**/ 
#iletisimform{
margin:3% auto;
padding:3%;
background-color:#eee;
}
.pad1{padding:1%;}
#iletisimadres{font-size:1.3em;padding:3%; background:#fff;}
.iletbilgi{padding:1% 0;}
.iletbilgi>h1{color:#60646D;}
#iletisimform input[type="text"],#iletisimform input[type="email"], #iletisimform textarea {
  padding: 1% 2%;
  width:98%;
  margin:1%;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
  font-size:1em;
  float:left;}
 #iletisimform input[type="text"]:focus,#iletisimform input[type="text"].focus,
  #iletisimform input[type="email"].focus, #iletisimform input[type="email"]:focus,
#iletisimform textarea.focus, #iletisimform textarea:focus {
  border: solid 5px #969696!important;
  outline:none;
}
.width48{width:48%;
margin:1%;}
.width98{width:98%;
 margin:1%;}
 
 .button {
  display: block;
  margin: 0 auto;
  padding: 1% 3%;
  font-size: 1.3em;
  font-family: sans-serif;
  line-height: 1.3;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  color: #6496c8;
  background-color:white;
  border: solid 5px #6496c8;
}
.button:hover{
background-color:#6496c8;
color:#fff;
cursor:pointer;}
.button:focus {  outline: none}

/*****SOLMENÜ****/

#solmenuC{width:100%; font-family:sourcesanspro-semibold-webfont;float:left;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
#logoC{overflow:hidden;}
.menu{
display:flex;
align-items:center;
background-color: rgba(255,255,255,1); 
z-index:10;
left:0;
}
#logo{text-align:center;}
hr{margin:0 10%;}
#altmenuC{}
#altmenuS{
width:60%;
margin: 2% auto;}
#map{margin-bottom:5%;}
#kicerik{
	opacity:0;
	transition: all 0.3s;
	visibility: hidden;
	display: table;
    position: absolute;
    height: 100%;
    width: 300%;
	top:5%;
	left:100%;
}

#kurumsal{	
 	display: table-cell;
    vertical-align: middle;
}
#kurumsalic{
	background-color:#fff;
	color:#000000;
    font-size:1em;
	padding:5%;
	text-align:left;
	border:1px solid #fff;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;}
#kurumsalic ul{
list-style-type:decimal;
list-style-position:inside;
font-weight:bold;
}
#slider{
overflow:hidden;
text-align:center;
width:90%;
height:250px;
margin:0 auto;
position:relative;
padding-bottom:3vh;}
#slider ul,li{
margin:0;
padding:0;
list-style:none;
}
#slider ul#sadres li div{
width:100%;
height:100%;
padding:1vh;}
#slider ul#adresno {
position:absolute;
bottom:0;
left:25%;
}
#slider ul#adresno li{float:left}
#slider ul#adresno li a{display:block; padding:5px; color:#fff; margin-left:3%; font-weight:bold;}
#slider ul#adresno li.aktif a{ }

/*****ARAMA*****/
#aramac{
width:90%;
display:flex;
margin:20px auto;
}
#aramac a{font-size:1.2em}
ul#aramaSonuclari{top:65px; width:60%;left:5%; border:2px solid #ddd; border-top:none;}
#aramaSonuclari{
width:50%;
background-color:white;
position:absolute!important;
float:none!important;
z-index:5000;
overflow:hidden;
padding:0!important;
margin:0;
list-style:none;
text-align:left;
display:none;}
.urun_sorgu:hover{
color:#252525;
background-color:#ddd;
cursor:pointer;
}
li.selected{background-color:#ddd;}
li.urun_sorgu{
font-size:0.8em;
width:100%;
margin:0;
padding:0 5px!important;
z-index:5000;
position:relative;

}
.urun_sorgu a{
text-decoration:none;
color:#252525;
line-height:1.5em;
padding:10px;
display:inline-block!important;
border:none!important;
}
.urun_sorgu a:hover{
border:none!important;
}
.tamamlakat{
font-weight:600;
float:right;
margin-right:20px;
}
#aramayap{
width:10%;
margin:10px 10px;
color:#60646D;}
#aramac img{}
#aramac input{
width:92%;
border:1px solid #60646D;
font-size:1.3em;
color:#60646D;
top:0;
padding:5px 5px 5px 15px;
border-radius:50px;
}

#aramac input:focus{
background-color:#60646D;
color:white;
outline:none;}

/***SOLMENÜ****/

.thbaslik{
background-color:#333;
color:#fff;
text-align:center;
padding:5px;
}
.uyet{
padding:2%;

}
.uyet td{
padding:5px;
background:#f9f9f9;
border:0;
}
.uyet tr{height:30px;}
.icerikana{padding:5vh 15vh;}
#ic{
	
	color:#000000;
    font-size:1em;
	padding:1% 5%;
	text-align:left;
	
	border-radius:20px;
	
	}
#ortaC{
text-align: center;
width: 100%;
min-height: 600px;
float: left;
}

.wtbuton{
color:#25D366;
padding:15px;
border-radius:15px;
font-weight:bold;
display:flex;
align-items:center;
}
.wtbuton i{font-size:2em; padding:5px;}
.wtbuton:hover{color:#009300;}

.whatsappyaz{
position: fixed;
bottom: 0;
right: 25px;
z-index: 5000;
}
.whatsappyaz i{
font-size:1.5em;
padding-right:5px;}
.whatsappyaz a{
display:flex;
align-items:center;
background-color:#25D366;
border-top-left-radius:15px;
border-top-right-radius:15px;
padding:10px 15px;
font-weight:bold;}
.whatsappyaz:hover{transform:scale(1.1);}

#mutabakat-tablo{
padding:20px;
bordeR:1px solid #ccc;
background:#fff;
}

#mutabakatC{
padding:50px;
}

#mutabakat-tablo table {
border-collapse:collapse;
}
#mutabakat-tablo table td{
border:1px solid #ccc;
padding:5px;
}

#mutabakat-tablo table th{
background:#222222;
color:#fff;
padding:5px;
border:1px solid #ccc;
}
#mutabakat-tablo input[type="text"]{
width:100%;
background:#f9f9f9;
}
#mutabakat-tablo input[type="checkbox"]{
padding:10px;
}