@import url("Pikare.css?v=01");

@font-face { font-family: TL; src: url(abakutlsymsans.eot); src: url(abakutlsymsans.eot?#iefix) format("embedded-opentype"),url(abakutlsymsans.woff) format("woff"),url(abakutlsymsans.ttf) format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont1; src: url('vanitas-bold.eot'); src: url('vanitas-bold.eot?#iefix') format('embedded-opentype'), url('vanitas-bold.woff') format('woff'), url('vanitas-bold.ttf') format('truetype'), url('vanitas-bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont2; src: url('samsungsharpsans.eot'); src: url('samsungsharpsans.eot?#iefix') format('embedded-opentype'), url('samsungsharpsans.woff') format('woff'), url('samsungsharpsans.ttf') format('truetype'), url('samsungsharpsans.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont3; src: url('roboto-light.eot'); src: url('roboto-light.eot?#iefix') format('embedded-opentype'), url('roboto-light.woff') format('woff'), url('roboto-light.ttf') format('truetype'), url('roboto-light.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont4; src: url('roboto-regular.eot'); src: url('roboto-regular.eot?#iefix') format('embedded-opentype'), url('roboto-regular.woff') format('woff'), url('roboto-regular.ttf') format('truetype'), url('roboto-regular.svg') format('svg'); font-weight: normal; font-style: normal; }
/* Zeki Alert ############### */
.modalBackgroundUP { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-color: #fff; opacity: 0.8; z-index: 1000; }
.modalBackgroundUP  table { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.modalBackground { background-color: black; filter: alpha(opacity=80); opacity: 0.8; z-index: 1000; }
.divAlertBack { display: none; position: fixed; top: 0%; left: 0%; z-index: 100000; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; }
.divAlertCerceve { display: none; position: fixed; top: 50%; left: 0%; z-index: 100001; width: 100%; height: 150px; margin-top: -100px; background-color: #232323; opacity: 1; color: #ffffff; }
.divAlertCerceveIc { font-family: Arial; position: relative; left: 50%; width: 980px; margin-left: -500px; padding: 10px; }
.divAlertCerceveIc span { font-size: 26px; height: 50px; display: block; }
.divAlertCerceveIc p { font-size: 16px; min-height: 50px; }
.divAlertCerceveIc input { float: right; border: solid 2px #ffffff; padding: 5px 15px; background-color: #232323; margin: 2px; color: #ffffff; font-family: Arial; font-size: 12px; cursor: pointer; }
.divAlertCerceveIc input:hover { background-color: #0050ef; }
@media screen and (max-width:1050px) { .divAlertCerceveIc { position: relative; left: 10%; width: 80%; margin-left: 0px; padding: 10px; } }
/* Zeki Alert ############### */


/* SABITS */
body { margin: 0px; background-color: #fff; color: #000; font-family: ZWFont1, Arial; font-size: 13px; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type=checkbox], input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox] + label, input[type=radio] + label {padding-left: 30px;padding-right: 10px;margin: 5px 2px;height: 25px;display: inline-block;line-height: 25px;background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;cursor: pointer;background-image: url(../img/toolCheck.png);/* font-size: 11px; */font-family: ZwFont4;}
input[type=checkbox]:checked + label, input[type=radio]:checked + label { background-image: url(../img/toolCheck.png); background-position: 0 -25px; }
select { border: solid 1px #545759; background-color: #fff; padding: 5px 10px; height: 35px; font-family: ZWFont2; font-size: 11px;
         -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none; 
         background: url(../img/icoDDOk.png) no-repeat right center;max-width:100%; }
*::-webkit-scrollbar { width: 3px; background-color: #eee; }
/**::-webkit-scrollbar-button:vertical:increment { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px -15px; }
*::-webkit-scrollbar-button:vertical:decrement { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px 0px; }*/
*::-webkit-scrollbar-track { background-color: #ccc; width:1px; border:1px solid #fff; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background-color: #000; }

.tl { font-family: TL; font-size: 85%; }
.tl2 { font-family: TL; font-size: 85%; }
.tl3 { font-family: TL; font-size: 85%; }
.tl4 { font-family: TL; font-size: 85%; }


#myBar {
    width:0px;
  height: 3px;
  position:fixed;
  left:0px;
  top:0px;
  background-color:red;
}

.acIcerikUrun { cursor: pointer; padding: 10px 5px; width: 100%;
                background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                color: #333333; font-size: 12px; vertical-align: middle; }

.acIcerikUrun2 { cursor: pointer; padding: 10px 5px; width: 100%;
                 background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                 color: #9b3799; font-size: 12px; vertical-align: middle; }

.icoWhatsApp { background: url(../img/icoWhatsApp.png) no-repeat center center; background-size: auto; }
.icoTelefon { background: url(../img/icoTelefon.png) no-repeat center center; background-size: auto; }

/* default h's */
/* tum fomrlarin/inputlarin defaultlari */
/**********************************/


/* GENEL */
.divContainer { position: relative; display: block; margin: auto auto; width:100% !important; }
.divContainerBack { width: 100%; }
.divSayfaPasif { display: none; position: absolute;  top: 0px; z-index: 100; width: calc(100vw - 17px); height: 100%; background-color: #000000; opacity: 0.3;  }

.divMenuUstSabit { display: table; width: 100%; background-color: #000; color: #fff; line-height: 35px; }

.ulUstSabit { display: table; float: left; color: #fff; }
.ulUstSabit li { float: left; margin-right: 20px; background-position: left center; }
.ulUstSabit li:before { margin-right: 15px; content: "|"; }
.ulUstSabit li:first-of-type:before { margin-right: 0px; content: ""; }
.ulUstSabit .icoWhatsApp, .ulUstSabit .icoTelefon { display: inline-block; width: 25px; height: 25px; margin: 3px 5px -7px 0px; }
.ulUstSabit .icoWhatsApp:before, .ulUstSabit .icoTelefon:before { margin-right: 0px; content: ""; }

.divUstDil { padding-left: 35px; background: no-repeat left center url(../img/icoTR.png); }

.divMenuUst {display: block;width: 100%;}
.divMenuUstMesaj { background-color: #000; line-height: 30px; color:#fff; text-align: center;  letter-spacing:4px; font-size:11px; font-family:ZWFont2;  }
.divMenuIc { position: relative; display: table; width: 100%; padding: 0px 0px; margin: auto auto; }
.divMenuIcFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; }

.divMLeft {position: fixed !important;z-index: 200;top: 0px;left: -100%;width: 100% !important;height: 100%;margin: 0px 0px 0px 0px !important;overflow-y: auto !important;background-color: #ffffff;border: solid 0px #dfdfdf;}
.divMLeft > * {padding: 13px 0px 0px 10px;border-bottom: solid 1px #dfdfdf;}
.divMLeft > *:last-child { border-bottom: none; }
.divMLeftBaslik { display: none; background-color: #000; }
.aMLeftLogo {display: inline-block;width: 100px;height: 60px;background: url(../img/logoMLeft.png) no-repeat center center;background-size:cover;}
.aMLeftKapat { float: right; display: inline-block; width: 30px; height: 30px; background: url(../img/btnMLeftKapat.png) no-repeat center center; }
.divMLeftAltGoster { display: none; position: absolute; top:10px; right: 10px; width: 30px; height: 30px; background: url(../img/btnMLeftAlt.png) no-repeat center center; }

.divMMenu {display: none;width: 22px;height: 22px;background: url(../img/btnMMenu.png) no-repeat center center;margin-top: 20px;background-size:cover;margin-left: 10px; padding-right:10px;z-index:999;}
.aLogo {display: block;width: 330px;height: 100px;background: url(../img/logo.png) no-repeat center center;background-size: contain;margin-top: 15px;margin-bottom: 15px;}

.aMenuHome { display: inline-block; width: 20px; height: 20px; background: url(../img/icoHome.png) no-repeat center center; }

.navMenuUst { border:solid 1px #f0f0f0; }
.navMenuUst > ul { display: table; margin: auto auto; }
.navMenuUst > ul > li {float: left;}
.navMenuUst > ul > li > a {margin: 0 25px;font-size: 14px;letter-spacing:1px;line-height: 350%;font-family:ZwFont3;}
/*.navMenuUst > ul > li > a:last-of-type { margin-right: 0px; }*/
.navMenuUst > ul > li > div {display: none;position: absolute;left: 0;top: 131px;z-index: 110;width: 100%;background-color: rgba(255,255,255,0.98) !important;-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);}
.navMenuUst > ul > li > div > div {display: table;background-color: #ffffff;margin:  auto;}
.navMenuUst > ul > li > div > div > * {float: left;display: table;padding: 25px 35px; line-height:35px;}
.navMenuUst > ul > li > div > div > ul > li {display: block;}

.navMenuUst > ul > li > div > div > ul > li > a {display: block;width: 100%;font-size: 13px;font-family: ZwFont3;letter-spacing: 1px;font-weight:  bold;}
.navMenuUst > ul > li > div > div > ul > li > ul > li > a {position:relative;font-size: 12px;font-family: ZwFont3;letter-spacing: 1px;color:#737373;padding-left:15px;}
.navMenuUst > ul > li > div > div > ul > li > ul > li > a:before{ position:absolute; content:""; background:url(../img/icoKategori.png); left:0; top:5px; width:6px; height:5px;}
.navMenuUst > ul > li > div > div > ul > li > ul > li:first-of-type > a {color:#000;}
.navMenuUst > ul > li > div > div > ul > li:last-of-type a { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
    .navMenuUst > ul > li > div > div > ul > li:nth-of-type(6) > ul {display:none;
    }


.divMenuUstTool {margin: -40px 5px -5px 0px;cursor: pointer;}
.divMenuUstTool > * { margin-left: 0px; position:relative;float:left;z-index:100;}
.btnMAra, .btnMKullanici, .btnMSepet {width: 40px;height: 30px;background: no-repeat center top;background-size:contain;}
.btnMAra {background-image: url(../img/icoArama.png);/* position:  absolute; *//* left: 34px; *//* top: 10px; */}
.btnMKullanici { background-image: url(../img/icoKullanici.png); }
.btnMSepet { background-image: url(../img/icoSepet.png); }

.divMenuSiparis {float:left;margin-right:10px;width:27px;height:27px; position:relative;}
.divMenuSiparis > a {background-image: url(../img/siparistakip.jpg); background-repeat:no-repeat;display:block;width:27px;height:27px;}

    .divMenuSiparis > span {
        position: absolute;
        bottom: 0px;
        right: 10px;
        width: 19px;
        height: 19px;
        padding-top: 3px;
        background: url(../img/icoSepetAdet.png) no-repeat center center;
        color: #fff;
        text-align: center;
        font-size: 13px;
        animation: divSepetZil 9s .4s ease-in-out infinite;
        transform-origin: 50% 12px;
    }

.divMenuSepet { display: inline-block; position: relative; padding-right: 7px; }
.divMenuSepet > span { position: absolute; bottom: 0px; right: 10px; width: 19px; height: 19px; padding-top:3px; background: url(../img/icoSepetAdet.png) no-repeat center center; color: #fff; text-align: center; font-size: 11px; animation: divSepetZil 12s .7s ease-in-out infinite; transform-origin: 50% 4px; }

.divMenuAltSabit { }
.divAltMenuCerez {position: fixed;left: 10px;bottom: 20px;text-align: left;width: 500px;padding: 10px;border-radius: 10px;background-color: #000;opacity: 0.7;color: #fff;font-family: Arial;font-size: 12px;}
.divAltMenuCerez .altMenuCerezKapat {position: absolute;top: 3px;right: 8px;font-size: 15px;}
.divMenuAlt { padding: 2% }
/*.divAltAciklama1 { display: inline-block; width: 100%; background-color: #e7e7e7; font-size: 14px; text-align: center; }
.divAltAciklama1 > div { float: left; width: calc(20% - 21px); padding: 10px 10px; border-right: solid 1px #bfbfbf; }
.divAltAciklama1 > div:last-of-type { border-right: none; }
.divAltAciklama1 > div > img { margin-right: 10px; }*/
.tblAltAciklama1 {  width: 100%; background-color: #e7e7e7; font-size: 14px; text-align: center; border-collapse: separate; border-spacing: 10px; }
.tblAltAciklama1 td { border-right: solid 1px #bfbfbf; }
.tblAltAciklama1 td:last-of-type { border-right: none; }
.tblAltAciklama1 img { padding: 5px; }

.divEBulten { float: right; display: table; min-width: 450px; font-size: 14px; text-align: left; }
.divEBultenBaslik { position: relative; font-size: 18px; text-align: center; font-weight: bold; letter-spacing: 1px; line-height: 52px; }
.divEBultenBaslik:before { content: " "; position: absolute; top: 15px; left: 0px; width: 100%;  }
.divEBultenBaslik a { position: relative; display: inline-block; background-color: #fff; }
.divEBultenBaslik a:before { content: " "; position: absolute; top: 0px; left: -20px; width: 20px; height: 20px; background-color: #fff; }
.divEBultenBaslik a:after  { content: " "; position: absolute; top: 0px; right: -20px; width: 20px; height: 20px; background-color: #fff; }
/*.divEBultenBaslikIcon { width: 70px; height: 20px; background: url(../img/icoReyonAlt.png) no-repeat center center; }*/
.divEBultenDetay { display: table; background-color: #fff; float:right; }
.divEBultenDetay > div:first-of-type { }
.divEBultenDetay > div:nth-of-type(2) {  }
.divEBultenDetay > div:last-of-type { display: table; width: calc(100% - 2px); border: solid 1px #f0f0f0; }
.txtEBulten { text-indent: 10px; line-height: 50px; border: none; background-color: transparent; width: calc(100% - 80px); color: #c6c8ca; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: italic; letter-spacing: 0.5px; }
.btnEBulten { float: right; width: 60px; height: 50px; border-left: solid 1px #bfbfbf !important; background: url(../img/btnEBulten.png) no-repeat center center; background-color: #c6c8ca !important; }

.divAltAciklama2 { display: table; margin-top: 25px; width: 100%; font-size: 14px; }
/*.divAltAciklama2 img:first-of-type { margin-right: 15px; }
.divAltAciklama2 img:last-of-type { margin: 0px 15px 0px 40px; }
.divAltAciklama2 h6 { display: inline-block; }*/
.divAltAciklama2 div {  }

.divMenuAltDetay { display :table; position: relative; margin-top: 40px; padding-top: 40px; width: 100%; border-top: solid 1px #ededed; }
.divMenuAltDetay > div { display: table; width: 80%; }
.divMenuAltDetay > div > div { float: left; }
.divMenuAltDetay > div > div a { display: block; color: #b9b9b9;  font-size: 12px; line-height: 25px; font-family:ZWFont2;}
.divMenuAltDetay > div > div > a:first-of-type {margin-bottom: 10px;color: #000000;font-size: 14px;font-weight: bold;border-bottom: solid 1px #000;font-family: ZWFont2;letter-spacing: 1px;}
.divMenuAltDD { padding: 5px; margin: 10px 0px 0px 0px; border: solid 1px #e5e5e5; background: none; -moz-appearance: menulist; -webkit-appearance: menulist; appearance: menulist;   }

.ds { float: right; color: #363636; font-size: 15px;font-family:Arial;line-height:45px;}
.ds img {margin-right:5px;}
.ds a { display: inline-block !important; margin-left: 5px; }

.divSM { float: left; display: table; font-size: 15px; color: #c6c8ca; }
.divSM > * { }
.divSM > a {float: left;display: block;position: relative;width: auto;margin-right: 20px;padding-left: 45px;height: 40px;line-height: 40px;}
.divSM > a:nth-of-type(1) { padding-left: 5px; width: auto; height: auto; color: #000; font-size: 18px; }
.aSMFace:before, .aSMTwitter:before, .aSMInstagram:before, .aSMPinterest:before, .aSMLinkedIn:before, .aSMGoogle:before { content: ""; position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; background-color: #c6c8ca; background-image: url(../img/icoSM.png); background-repeat: no-repeat; }

.aAppIos{background-image: url(../img/icoApp.png);background-repeat: no-repeat;background-size: cover;width: 156px !important;height: 50px !important;}
.aAppGp{background-image: url(../img/icoApp.png);background-repeat: no-repeat;background-size: cover;background-position: 0px -52px;width: 156px !important;height: 50px !important;}

.aSMFace:before { background-position: 0px 0px; }
.aSMTwitter:before { background-position: 0px -40px; }
.aSMInstagram:before { background-position: 0px -80px; }
.aSMPinterest:before { background-position: 0px -120px; }
.aSMLinkedIn:before { background-position: 0px -160px; }
.aSMGoogle:before { background-position: 0px -200px; }


.divAMDefault {display: none;position: absolute;right: 0px;top: 130px;z-index: 101;background-color: #fff;padding: 14px 15px;color: #000;font-size: 13px;z-index:99;width: 100%;}
.divAMDil { top: 35px; }
.ddUMDil { border: solid 1px #888888; color: #fff; }

.divAMArama {font-size: 13px;font-family: Zwfont3;background-color:rgba(255,255,255,0.98) !important; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2); color: #000;border: solid 1px #ededed;}
.divAMArama > div { width:1000px;}
.divAMCerceve {position: relative;padding: 10px 15px;letter-spacing:1.2px;margin-bottom:  50px;}
.divAMCerceve > div {/* display: none; *//* position: absolute; */z-index: 100;margin-left: 10px;top: 50px;width: calc(100% + -10px);max-height: 280px;overflow: auto;background-color: #fff;color: #000;}
.divAMCerceve a {display: block;width: 100%;border-bottom: solid 1px #d6d6d6;padding: 10px 0;margin: 10px 0;}
.cekAMSeviye1 { margin-left: 0px; }
.cekAMSeviye2 {
    font-weight:  bold;
}


.cekAMSeviye3 {}
.txtArama {padding: 20px 60px;border: solid 1px #dcdcdc;background: url(../img/BtnAra.png) no-repeat 20px center #fff;font-size: 12px;color: #000;letter-spacing:1.1px;}
.btnArama {padding: 12px 15px;background-color: #FFF!important;border: 1px solid #000 !important;color: #000!important;font-size: 12px;letter-spacing: 1.1px;margin: 0 5px; margin-top:5px;}

.divAMArama input[type=checkbox] + label, input[type=radio] + label {background-image: url(../img/toolCheck2.png);margin: 10px 0;padding-left: 40px;}



.divAMKullanici {font-size: 15px;line-height: 35px;border:solid 1px #ededed;}
.txtAMDefault {padding: 2% 3%;margin-bottom: 2%;border: none;background-color: #ffffff;color: #333333;font-style: italic;border-radius:3px;border:solid 1px #ededed;font-family: ZwFont3;}
.btnAMDefault {padding: 10px 6px;background-color: #000000 !important;color:#ffffff !important;font-size: 11px;letter-spacing:1px;text-transform:uppercase;line-height:150%;margin-bottom:10px;font-family:ZwFont2;text-align:center;}
.divAMKullanici > div { padding: 3% 4%; border-right: solid 1px #ededed; }
.divAMKullanici > div:last-of-type { border-right: none; }
.divAMKullanici > div > p { padding: 4% 0px; font-family: ZWFont2; font-size: 12px; }
.divAMKullanici > div > div:first-of-type { margin-bottom: 2%; padding-left: 6%; font-size: 24px; background:url(../img/icoUyelik1.jpg) no-repeat left center; }

.divAMKullanici > div:first-of-type > div:first-of-type { background-image:url(../img/icoUyelik2.jpg);}
.divAMKullanici > div > div:last-of-type > a:first-of-type { margin-right: 5px; }
.divAMKullanici > div > div:last-of-type > a:last-of-type { margin-left: 5px; }


.divAMSepet {display: block;position: fixed;z-index: 101;right: -353px;top: 0px;padding: 20px 20px;width: 350px;height: calc(100vh);overflow: auto;border-left: solid 3px #fff;background-color: #ffffff;}
.divAMSepet > div {position: relative;display: table;width: 100%;margin-bottom: 10px;padding-bottom: 10px;border-bottom: solid 1px #e5e5e5;font-family: ZwFont2;font-size: 12px;}
.divAMSepet > div:after { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; border-bottom: solid 1px #fff; }
.divAMSepet > div:last-of-type { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.divAMSepet > div:after { display: none; }

.aMRightKapat { float: right; display: inline-block; width: 30px; height: 30px; background: url(../img/btnSSSil.png) no-repeat center center; }

.divAMSepetBaslik { text-align: center; line-height: 30px; font-size:16px; }
.divAMSepetBaslik > span {display: inline-block;width: 20px;height: 30px;background: url(../img/icoAMSepet.png) no-repeat center -2px;color: #000000;font-family:ZwFont2;}

.divAMSepetUrun {  }
.divAMSepetUrun > div > a { display: block; width: 100%; }
.divAMSepetUrun > div > a > img {max-width: 100%;max-height: 90px;}
.divAMSepetUrun > div:first-of-type > a {padding: 5px;background-color: #fff;text-align: center;}
.divAMSepetUrun > div:last-of-type > a:first-of-type { }
.divAMSepetUrun > div:last-of-type > * { margin-bottom: 10px; }
.divAMSepetUrun > div:last-of-type > div {font-size: 15px;}

.divAMSepetKargo { font-size: 14px; text-align: center; }
.divAMSepetKargo > b { color: #ce0707; font-family: ZWFont2; font-size: 14px;   }

.divAMSepetToplam { font-size: 12px; line-height: 35px; font-family:ZwFont2; }
.divAMSepetToplam > div:first-of-type { margin-bottom: 10px; }
.divAMSepetToplam > div:first-of-type > b { float: right; font-size: 24px; font-weight: normal; }
.divAMSepetToplam > div:last-of-type { margin-bottom: 30px; }
.divAMSepetToplam > div:last-of-type > a { display: block; background-color: #000000 !important; text-align: center; line-height: 200%; }


.btnScrollUp {cursor: pointer;display: none;position: fixed;left: 50%;bottom: 20px;width: 45px;height: 45px;background: url(../img/btnYukariGit.png) no-repeat #fff center center;}
/**********************************/



/* ANASAYFA */
.divSlide { display: block; width: 100%; overflow: hidden; }
.divSlideM { display: none; width: 100%; overflow: hidden; }
.divAnaBanners {display: table;width: 100%;margin: 20px 0px 20px 0px;}
.aAnaBanner { float: left; display: block; position: relative; margin-bottom: 2%; width: 100%; overflow: hidden; text-align: center; color: #000000; }
.divAnaBannerR { margin: auto auto; background-color: #fff;  }
.divAnaBannerB { position: relative; }
.divAnaBannerB > div { display: table; margin: auto auto; }
.divAnaBannerB1 { font-size: 30px; }
.divAnaBannerB2 { font-size: 15px; line-height: 200%;  }
.divAnaBannerB3 { border-bottom: solid 1px #fff; font-size: 14px; letter-spacing: 1.5px; }

/* BUYUKMODA BANNERS
.divAnaBanners .aAnaBanner:nth-of-type(1), .divAnaBanners .aAnaBanner:nth-of-type(6) { width: 31%; }
.divAnaBanners .aAnaBanner:nth-of-type(2), .divAnaBanners .aAnaBanner:nth-of-type(7) { width: 31%; margin-left: 3.5%; margin-right: 3.5%; }
.divAnaBanners .aAnaBanner:nth-of-type(3), .divAnaBanners .aAnaBanner:nth-of-type(8) { width: 31%; }
.divAnaBanners .aAnaBanner:nth-of-type(4) { width: 48.25%; }
.divAnaBanners .aAnaBanner:nth-of-type(5) { width: 48.25%; margin-left: 3.5% }
.divAnaBanners .aAnaBanner:nth-of-type(6), .divAnaBanners .aAnaBanner:nth-of-type(7), .divAnaBanners .aAnaBanner:nth-of-type(8) { margin-bottom: 0px; }*/

/*NESLIHAN*/
.divAnaBanners .aAnaBanner:nth-of-type(1) { width: calc(50% - 20px); margin-right: 20px; }
.divAnaBanners .aAnaBanner:nth-of-type(1) .divAnaBannerB { margin-top: 20%; }
.divAnaBanners .aAnaBanner:nth-of-type(2) { width: calc(50% - 20px); margin-left: 20px; }
.divAnaBanners .aAnaBanner:nth-of-type(2) .divAnaBannerB { margin-top: 20%; }
.divAnaBanners .aAnaBanner:nth-of-type(3) .divAnaBannerB1 { font-size: 20px; padding-right: 8%; letter-spacing: 4px; }
.divAnaBanners .aAnaBanner:nth-of-type(3) .divAnaBannerB2 { font-size: 25px; letter-spacing: 6px; }
.divAnaBanners .aAnaBanner:nth-of-type(3) .divAnaBannerB3 { padding: 10px 5%; border: solid 1px #000; font-size: 16px; }
.divAnaBanners .aAnaBanner:nth-of-type(4) { float: initial; z-index: 5; margin: auto auto; width: 600px; max-width: 100%; }
.divAnaBanners .aAnaBanner:nth-of-type(4) .divAnaBannerB {margin-top: -8%;}
.divAnaBanners .aAnaBanner:nth-of-type(4) .divAnaBannerB1 {font-size: 17px;font-family: ZwFont3;}
.divAnaBanners .aAnaBanner:nth-of-type(4) .divAnaBannerB2 { font-size: 25px; line-height: 125%;   font-family:ZwFont2, Arial; }
.divAnaBanners .aAnaBanner:nth-of-type(5) { float: left; margin-left: 0%; margin-top: -8%; width: 600px; max-width: 100%; }
.divAnaBanners .aAnaBanner:nth-of-type(5) .divAnaBannerB { margin-top: -3%; }
.divAnaBanners .aAnaBanner:nth-of-type(5) .divAnaBannerB1 {font-size: 17px;font-family: ZwfONT3;}
.divAnaBanners .aAnaBanner:nth-of-type(5) .divAnaBannerB2 { font-size: 25px; line-height: 125%; font-family:ZwFont2, Arial;}
.divAnaBanners .aAnaBanner:nth-of-type(6) { float: right; margin-right: 0%; margin-top: -8%; width: 600px; max-width: 100%; }
.divAnaBanners .aAnaBanner:nth-of-type(6) .divAnaBannerB { margin-top: -3%; }
.divAnaBanners .aAnaBanner:nth-of-type(6) .divAnaBannerB1 {font-size: 17px;FONT-FAMILY:  zWfONT3;}
.divAnaBanners .aAnaBanner:nth-of-type(6) .divAnaBannerB2 { font-size: 25px; line-height: 125%;  font-family:ZwFont2, Arial; }

.divGaleriDis { display: block; width: 100%; }
.divGaleriBaslik { position: relative; margin: 0px 0px 0px 0px; font-size: 18px; line-height:35px; text-align: center; font-family: ZWFont2; font-size: 11px; letter-spacing: 3px; }
.divGaleriBaslik > h2  a:first-of-type { font-size: 50px; font-family: ZWFont1 }

.owlGaleri { padding: 0px 1%; }

.divGaleriIc { float: left; display: table; width: 100%; padding: 5%; position: relative; text-align: center; cursor: pointer; overflow: hidden; }
.divGResim { overflow: hidden; position: relative; border-bottom: solid 1px #e7e7e7; }
.divGResim img { position:absolute;bottom:0px; }
/**********************************/


/* URUNLER */
.divUrunler { display: block; margin: 0px 1%; width: 98%; }
.divUrunlerBaslik { position: relative; margin: 40px 0px; font-size: 27px; text-align: center; font-weight: bold; letter-spacing: 1px; }
/*.divUrunlerBaslik:before { content: " "; position: absolute; top: 15px; left: 0px; width: 100%; border-top: solid 1px #000;  }*/
.divUrunlerBaslik a { position: relative; display: inline-block; background-color: #fff; }
/*.divUrunlerBaslik a:before { content: " "; position: absolute; top: 0px; left: -20px; width: 20px; height: 30px; background-color: #fff; }
.divUrunlerBaslik a:after  { content: " "; position: absolute; top: 0px; right: -20px; width: 20px; height: 30px; background-color: #fff; }*/
/*.divUrunlerBaslikIcon { width: 70px; height: 20px; background: url(../img/icoReyonAlt.png) no-repeat center center; }*/

.owlUrunler .owl-item .item { margin-right: 3%; }
.urunyok {font-size:16px;text-align:center;}
.divUrun { float: left; display: table; width: 100%; position: relative; text-align: center; cursor: pointer; overflow: hidden; }
.divUrun:hover {  }
/*.divUrun:hover > .divUDetay > .divUVaryant { display: block !important; }*/
.divUResim { overflow: hidden; position: relative; border-bottom: solid 1px #e7e7e7; }
.divUDCerceve {display: inline-block;width:100%;background-color:#ededed;}
.divuDResimDis {position:relative;}
.divUReyon {position: absolute;top: 2%;right: 0%;text-align:right;}
.divUDReyon {position: absolute;top: 2%;right: 0%;text-align:right;z-index:1;}
.divUReyon img { width:50%;}
.divUDReyon img{width:50%;}
.divUKargo { position: absolute; bottom: 7.5%; right: 0px; width: 25px; height: 140px; background: url(../img/imgUKargoBedava.png) no-repeat right bottom;  }
.divUStokYok { opacity: 0.7; position: absolute; left: 0px; top: 0px; }
.divUIndirim {position: absolute;top:0%;right:15%;background-color:#ffffff;color:#000000;display: none;}
.divUIndirim > span:first-child { font-size:30px;}
.divUDetay { padding: 15px 0px; text-align:left; }
.divUVaryant {margin-bottom: 5px;padding-bottom: 5px;height: 35px;}
.divURenk { text-align:left;}
.divURenk > a {position:relative;display: inline-block;margin: 0px 3px;width: 30px;height: 30px;background: no-repeat center center;/* border-radius: 30px; */background-size: contain;border: 1px solid #ededed;border-radius: 15px;background-position-y: -1px; background-color: #ededed;}
.divURenk > a:before {/* content:" "; */border:solid 1px #e4e4e4;padding:9px;border-radius:30px;width:17px;height:17px;position:absolute;left:-3px;top:-3px;}
.divUBeden { font-size: 14px; }
.divUBeden > span { position: relative; display: inline-block; width: 25px; height: 25px; line-height: 25px; }
.divUBedenPasif { color: #bbbbbb; }
.divUBedenPasif:after { content:""; position: absolute; bottom: 3px; left: 2px; border-top: 1px solid #bbbbbb; height: 50%; height: calc(50% - 1px); width: 110%; transform: rotateZ(-45deg); }
.divUAd { font-size: 12px;  font-family:ZwFont2; height:0px;}
.divUKod { font-size: 13px;  font-family:ZwFont2; font-weight:bold;display:block;}
.divUFiyat * {  }
.divUFiyat1 { font-size: 20px; font-family:ZwFont2; line-height:45px; }
.divUFiyat2 {font-size: 16px;color: #686868;margin-right: 5px;position:relative; font-family: ZwFont2;}
.divUFiyat2:after {content: " ";border: 0.5px solid #686868;transform: rotateZ(-15deg);position: absolute;width: 90%;left: 6px;bottom: 9px;opacity: 0.7;}
.cbUFStok {font-size: 12px; }
.cbUFStok > label {margin-top:0px !important;}
.divUUst { display: table; margin-bottom: 1%; width: 100%; font-size: 14px; line-height: 25px; letter-spacing:1px; }
.divUUst1 { padding: 15px 25px; background-color: #646464; color: #fff; }
.divUUst2 { padding: 10px 25px; height:55px;}

.divUUst2Bg {background-color: #ededed;}
.divUUst2 select{ width:250px;font-weight:bold;font:12px;}
.divUUst2 option{ font-size:15px; }
.divUUst2 h1{ line-height:35px}
.divUUst2 ul > li {float:left;font-size: 13px;font-family: ZwFont3;letter-spacing: 1px;}
.divUUstGorunum > * { display: inline-block; margin-left: 5px; margin-bottom: -7px; width: 50px; height: 25px; background: no-repeat center center; }
.divUUstGorunum1 { background-image: url(../img/icoUGoserim1.png) }
.divUUstGorunum1A { background-image: url(../img/icoUGoserim1A.png) }
.divUUstGorunum2 { background-image: url(../img/icoUGoserim2.png) }
.divUUstGorunum2A { background-image: url(../img/icoUGoserim2A.png) }

.divMUUstGorunum > * { display: inline-block; margin-left: 0px; margin-bottom: -12px; width: 25px; height: 25px; background: no-repeat center center; }
.divMUUstGorunum1 { background-image: url(../img/icoMUGoserim1.png) }
.divMUUstGorunum1A { background-image: url(../img/icoMUGoserim1A.png) }
.divMUUstGorunum2 { background-image: url(../img/icoMUGoserim2.png) }
.divMUUstGorunum2A { background-image: url(../img/icoMUGoserim2A.png) }

.divMUUst {display: none;margin-bottom: 2%;border-top: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1;line-height: 30px;text-align: center;font-family: ZWFont2;font-size: 14px;}
.divMUUstFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7; }
.divMUUst > div { padding: 7px 7px; border-right: solid 1px #e1e1e1; text-align:left; }
.divMUUst > div:last-of-type { padding: 0px 0px; border-right: none; }
.divMUUst > div:nth-of-type(1) > a {display: inline-block;padding-left: 20px;background: url(../img/icoMUDFiltre1.png) no-repeat right center;font-family: ZwFont3;letter-spacing:1Px;width:calc(100% - 20px);font-size:  12px;}
.divMUUst > div:nth-of-type(2) > a {display: inline-block;padding-left: 20px;background: url(../img/icoMUDFiltre1.png) no-repeat right center;line-height:50px;font-family: ZwFont3;letter-spacing:1Px;width:calc(100% - 20px);font-size:  12px;}

.divUFiltre { font-size: 14px; padding: 15px 25px;  }
.divUFCerceve {display: inline-block;position: relative;margin-bottom: -5px;width: 100%;overflow: hidden;}
.divUFUzatH {max-height:280px;}
.divUFCerceve:last-of-type { border-bottom: none; overflow: hidden;}
.divUFCerceveBaslik, .divUFCerceveBaslikYatay {cursor:pointer; width:100%; text-align:left;font-weight: bold;font-size: 15px;line-height:35px;font-family: ZwFont3;text-decoration:  underline;}
.divUFCerceveBaslik:after { content: ""; position: absolute; z-index: 10; left: 0px; bottom: 0px; width: 100%; height: 40px; background: url(../img/icoUFLUzat.png) no-repeat 96% center; }
.divUFCerceveBaslikYatay { writing-mode: inherit; padding: 0px 0px;  height: inherit; }
.divUFCerceveDetay {padding: 2% 0%;font-family: ZwFont3;}
.divUFCerceveDetayDuz { padding: 2% 0%; }
.divUKategoriAciklama { max-height:200px; overflow-y:auto;padding:5px;width:100%;border:1px solid #ededed;font-size:12px;color:#6f6f6f;border-radius: 5px;}
.divUFCerceveUzat { cursor: pointer; display: inline-block; position: absolute; left: 0px; top: 210px; padding: 10px 20px; width: 160px;background-color: #fff;
    padding-left: 0px;}
.divUFCerceveUzat:after { content: ""; position: absolute; z-index: 10; left: 0px; bottom: 0px; width: 100%; height: 40px; background: url(../img/icoUFLUzat.png) no-repeat 96% center; }
.divUFCerceveBosluk { padding-bottom: 20px;}
.divUFiltre select { width: 100%; }
.divUFCerceve a {display: block;margin: 10px 10px;width:calc( 100% - 20px);font-size: 13px;}
.divUFCFiyatSlideF { position: relative; margin-bottom: 30px; }
.divUFCFiyatSlideF1 {position: absolute;top: 15px;left: 10px;font-family:  ZwFont3;}
.divUFCFiyatSlideF2 {position: absolute;top: 15px;right: 10px;font-family: ZwFont3;}
.aUFKategoriL1 {font-size: 13px;margin-left: 0px !important;/* font-weight: bold !important; */}
.aUFKategoriL1A {text-decoration:underline;font-size: 16px;margin-left: 0px !important;}
.aUFKategoriL2 {font-size: 13px;}
.aUFKategoriL2A {font-size: 13px;text-decoration:underline;}
.aUFKategoriL3 { margin-left:20px !important;}
.aUFKategoriL3A { margin-left:20px !important; text-decoration:underline;}

.divUUrunler { display: table; }
    .divUUrunler .divUrunlerBaslik {margin:0px;
    }
.divUUrunlerG2 > .divUrun { width: 48%; margin: 0px 4% 0% 0%; }
.divUUrunlerG2 > .divUrun:nth-of-type(even) { margin-right: 0px; }
.divUUrunlerG3 > .divUrun { width: 31%; margin: 0px 3.5% 0% 0%; }
.divUUrunlerG3 > .divUrun:nth-of-type(3n) { margin-right: 0px; }
.divUUrunlerG4 > .divUrun {width: 24%;margin: 0px 1.3% 0% 0%;}
.divUUrunlerG4 > .divUrun:nth-of-type(4n) { margin-right: 0px; }
.divUUrunlerG5 > .divUrun { width: 18%; margin: 0px 2.5% 0% 0%; }
.divUUrunlerG5 > .divUrun:nth-of-type(5n) { margin-right: 0px; }

.divUPager { display: table; width: 100%; text-align: right; }
.divUPager > td> table { margin:auto; margin-top:10px;}
.divUPager > a { display: inline-block; width: 50px; height: 40px; border: solid 1px #e7e7e7; border-right: 0px; line-height: 40px; text-align: center; }
.divUPager > a:last-of-type { border-right: solid 1px #e7e7e7;}
.divUPager > td > table  span { display: inline-block; width: 50px; height: 40px; border: solid 1px #e7e7e7;  line-height: 40px; text-align: center;background-color: #e7e7e7; color: #000; font-weight: bold;  }
.divUPager > td > table  a { display: inline-block; width: 50px; height: 40px; border: solid 1px #e7e7e7;  line-height: 40px; text-align: center; font-size:13px;}



.aUPagerAktif { background-color: #e7e7e7; color: #000; font-weight: bold; }
/**********************************/



/* URUN DETAY */
.divUDDis { display: inline-block; }
.divUDResimKucuk {margin-top: 9%;}
.divUDResimKucuk > a {display: block;margin: 0px 15px 15px 0px;border: 1px solid #ccc;}
.divUDResimBuyuk { margin-top: -4%; }
.divUDResimBuyuk > a { display: block;  }

.divUDSag {  text-align: center; }
.divUDSag > * {margin-top: 1.5%;padding-bottom: 1.5%;margin-bottom: 1.5%;}

.divUDSag > div:first-of-type {margin-top: 3%;text-align:center;bottom: 0px;}
.divUDSpecG1 { display: table; background-color: #e7e7e7; text-align: center; font-size: 12px; }
.divUDSpecG1 div { padding: 10px 0px;  border-right: solid 1px #d2d2d2; }
.divUDSpecG1 div:last-of-type { border-right: none; }
.divUDSpecG1 img { margin-right: 5px; vertical-align: bottom; }

.divUDAd { }
.divUDAd1 {font-size: 17px;font-family: 'ZwFont3';}
.divUDAd2 {font-size: 15px;font-family: 'ZWFont3';margin-top:10px;display:block;}
.divUDAd2 span:nth-of-type(1) {/* font-weight:bold; *//* display: none; */}
.divUDAd2 span:nth-of-type(2) {
    /* text-decoration: underline; */
}

.divUDOzet { display: table; width: 100%;  line-height: 200%; font-size: 10px;  font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase; color:#6e6e6e; text-align:center; }
.divUDOzet img { margin-right: 10px; }

.divUDOzet .divUDOzellik:before { content:"-";;padding: 0px 4px;font-size: 12px;}

.divUDFiyat { display: table; width: 100%; }
.divUDFiyatSatis { margin-top: -10px; margin-bottom: -5px; color: #000000; font-size: 36px; text-align:center;}
.divUDFiyatEtiket { color: #686868; font-size: 14px; text-decoration: line-through;text-align:center; }
.divUDFiyatKargo { color: #323232; font-size: 12px; text-align: right; }
.divUDFiyatIndirim { padding: 0px 10px; margin-top: 5px; background-color: #eeeeee; color: #323232; font-size: 24px; font-weight: bold; }
.divUDFiyatIndirim span { font-size: 12px;  font-weight: normal; }

.divUDVaryant {font-size: 14px;margin-bottom: 0px;padding-bottom: 0px;}
.divUDVaryant > div { display: table; margin-top: 3%; padding: 2% 3%; width: 100%; text-align:center; }
.divUDVaryant > div > div { margin-top: 0px; }
.divUDRenk {}
.divUDRenk > div > a {cursor:pointer;display: inline-block;position: relative;background-position-y: -15px;margin: 5px;background-repeat: no-repeat;width: 60px;height: 60px;border: 1px solid #ccc;border-radius: 30px;background-size: cover;}
.divUDRenk > div > a:before {/* content:" "; *//* border:solid 1px #e4e4e4; *//* padding:9px; *//* border-radius:30px; *//* width:34px; *//* height:34px; *//* position:absolute; *//* left:-3px; *//* top:-3px; */}
.divUDRenkKutuA { border-color: #525050 !important; }
.divUDBeden {display: table;/* margin-top: 3%; */padding: 0px 0px 3% 0px;width: 100%;text-align: center;}
.divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {position: relative;display: inline-block;margin-right: -4px;border: solid 1px #9e9e9e;text-align: center;color: #333333;padding:15px 30px;font-family: ZwFont3;cursor:pointer;}
.divUDBedenA,.divUDBedenPA { color: #000 !important; border-color: #000 !important; background-color:#ededed;}
.divUDBedenP { border-color: #eeeeee !important; color: #eeeeee !important; }
.divUDBedenP:after { content:""; position: absolute; bottom: 3px; left: 22px; border-top: 1px solid #eeeeee; height: calc(50% - 1px); width: 60%; transform: rotateZ(-45deg); }
.divUDBedenPA:after { content:""; position: absolute; bottom: 3px; left: 22px; border-top: 1px solid #000; height: calc(50% - 1px); width: 60%; transform: rotateZ(-45deg); }

.divUDBedenTablo { background-color: #eaeaea; text-align: center; }
.divUDBedenTablo > a { display: inline-block; padding-left: 50px; background: url(../img/icoUDBedenTablo.png) no-repeat left top; line-height: 22px; }

.divUDButon { display: table; width: 100%; margin:auto; text-align:center; }
.btnUDSepet, .btnUDHizli { padding: 15px; background-color:#000000 !important; color:#ffffff !important; font-size: 18px; letter-spacing:1px; font-weight: bold; width:85%;   }
.btnUDHizli { background-color: #ededed !important; border:solid 1px #000000 !important; color: #000000 !important; margin-top:10px; }

.divUDTelefon { }
.divUDTelefon > a { position: relative; display: inline-block; padding-left: 50px; background: url(../img/icoUDTelefon.png) no-repeat left top; line-height: 22px; font-size: 11px; font-weight: bold; }
.divUDTelefon > a:before { content: " "; position: absolute; top: -3px; left: 35px; height: 30px; border-right: solid 1px #000;  }

.divUDTabDis {display: table;width: 100%;margin:auto;}
.divUDTab {display: table;width: 100%;margin-bottom: 40px;/* border-bottom: solid 1px #cbcbcb; */margin-top: 20px;font-family:ZwFont3;letter-spacing:1px;padding: 5px;}
.divUDTab > div:first-of-type {position: relative;/* line-height: 350%; */font-size: 18px;text-decoration: underline;} /*background: url(../img/icoUDTab.jpg) no-repeat right top;*/ 
/*.divUDTab > div:first-of-type:before { content: ""; position: absolute; top: 0px; right: 0px; width: 3.5%; height: 30%; border-top: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; }
.divUDTab > div:first-of-type:after { content: ""; position: absolute; top: 0px; right: 0px; width: 7%; height: 50%; background: url(../img/icoUDTab.png) no-repeat left bottom; }*/
.divUDTab > div:last-of-type {/* margin-top: 20px; */font-size: 11px;}
.divUDTabDis img { max-width: 100%; }
.divUDOnSiparis {font-size: 13px;color:red;font-weight:bold;font-family: Arial;padding-bottom: 5px;margin:1%;}


/**********************************/


/* S1SEPET */
.divSMenu {display: table;border-bottom: solid 1px #cecece;text-align: center;font-size: 12px;font-family: Zwfont4;letter-spacing: 1px;}
.divSMenu a {position: relative;display: inline-block;padding: 10px 30px 25px;margin-right: 7%;color: #6d6d6d;}
.divSMenu a:before{position:absolute;content:"1";background-color:#9d9d9d;z-index: 99;top: 35px;left: -22px;margin-left: 50%;color:#fff;text-align:center;line-height: 24px;width:44px;height:44px;border:10px solid #e8e8e8;border-radius:100%;}
.divSMenu a:nth-of-type(1):before  { position:absolute; content:"1";}
.divSMenu a:nth-of-type(2):before  { position:absolute; content:"2";}
.divSMenu a:nth-of-type(3):before  { position:absolute; content:"3";}

.divSMenu a:last-of-type { margin-right: 0px; }
.aSMenuAktif {color: #000 !important;}
.aSMenuAktif:before {position:absolute;content:"1";background-color: #000 !important;z-index: 99;top: 35px;left: -22px;margin-left: 50%;color:#fff;text-align:center;line-height: 24px;width:44px;height:44px;border:10px solid #e8e8e8;border-radius:100%;}
/*.divSMenu a:nth-of-type(1):before {background-image: url(../img/icoSM1.png);}
.divSMenu a:nth-of-type(2):before { background-image: url(../img/icoSM2.png) }
.divSMenu a:nth-of-type(3):before { background-image: url(../img/icoSM3.png) }
.divSMenu a:nth-of-type(4):before { background-image: url(../img/icoSM4.png) }
.divSMenu a:nth-of-type(5):before { background-image: url(../img/icoSM5.png) }*/

.divSOrta {display: block;background-color: #fff;padding: 2.5% 0;margin-bottom: 3%;}
.divSOBaslik {position: relative;padding: 20px 0 50px;color: #000;letter-spacing: 1px;font-weight: bold;font-size: 13px;}
.divSOBaslik span {background-color: #fff;z-index: 1;position: relative;padding-right: 10px;}
.divSOBaslik:after {position:absolute;content:"";width:100%;height:1px;left: 0;background-color:#cecece;top: 27px;z-index: 0;}

.divSOBaslik .cekOdemeSec > label {background: none !important;padding: 0px;margin: 0px;line-height: 15px;}

.divSOSol {
    font-family: ZwFont4;
}
.divSOSag {font-size: 11px;font-family: Zwfont4;}

.divSOSag > div {  }
.divSOSag > div:nth-of-type(1) {position:relative;padding: 20px 0 50px;color: #000;letter-spacing:1px;font-weight: bold;font-size: 13px;font-family: Zwfont4;}
.divSOSag > div:nth-of-type(1) span {background-color:#fff;z-index: 1;position: relative;}
.divSOSag > div:nth-of-type(1):after {position:absolute;content:"";width:100%;height:1px;left: 0;background-color:#cecece;top: 27px;z-index: 0;}

.divSOSag > div:nth-of-type(2) {/* padding: 0px 15px; *//* background-color: #ffffff; *//* border: solid 1px #dcdcdc; */}
.divSOSag > div:nth-of-type(2) > div {display: inline-block;width: calc(100% - 10px);padding: 10px 15px;border: solid 1px #dcdcdc;margin: 2.5px 5px;}
.divSOSag > div:nth-of-type(2) > div > div {
    display: table;
    line-height: 24px;
}
.divSOSag > div:nth-of-type(2) > div > div:last-of-type {font-size: 18px;}

.divSOSag > div:nth-of-type(3) {color: #000000;font-family: ZwFont4;width: 100%;display: table;}
.divSOSag > div:nth-of-type(3) > span { margin-right: -15px; }
.divSOSag > div:nth-of-type(3) > a > span { display: block; margin: -5px 0px 10px 0px; padding-left: 33px; color: #000; font-size: 11px; }
.divSOSag > div:nth-of-type(4)  input{padding: 5% 15px;background-color: #000;color: #ffffff;text-align: center;letter-spacing:1px;width: calc(100% - 10px);margin: 5px;font-size: 13px;}

.Onay .divSOSol {float:right;}
.Onay .divSOSag {float:right;}

.divSSepet {display: table;width: 100%;border-bottom: solid 1px #cecece;font-family: ZwFont4;font-size: 11.5px;letter-spacing: 1px;}
.divSSepet .divSSepetSatir:last-of-type { border-bottom: none; }

.divSSepetBaslik {display: table;width: 100%;/* background-color: #f8f8f8; */border: solid 1px #dcdcdc;line-height: 30px;margin: 5px 0;}
.divSSepetBaslik > div {display: table-cell;padding: 8px 15px;/* border-right: solid 2px #fff; */vertical-align: middle;width: 15%;}
.divSSepetBCheck {width: 60px !important;/* background-color: #ffffff; *//* border-right: solid 1px #ededed !important; */display:none;}
.divSSepetBCheck label { padding-left: 15px !important; }
.divSSepetBUrunAd {width: 40% !important;}
.divSSepetBBFiyat {width: 10%;text-align: center;}
.divSSepetBAdet { width: 10%; text-align: center; }
.divSSepetBToplam {width: 10%;text-align: center;}
.divSSepetBKargo {width: 35% !important;text-align: right;}
.divSSepetBSil { width: 60px; text-align: center; }

.divSSepetSatir {display: table;width: 100%;border-bottom: solid 1px #cecece;line-height: 30px;position: relative;}
.divSSepetSatir > div {display: table-cell;padding: 15px 5px;vertical-align: middle;width: 15%;}
.divSSepetSCheck {width: 60px !important;background-color: #ffffff;display:none;}
.divSSepetSCheck label { padding-left: 15px !important; }
.divSSepetSUrunAd {width: 40% !important;}
.divSSepetSUrunAd > div {float:left;}
.divSSepetSUrunAd > div:first-of-type {width: 120px;}
.divSSepetSUrunAd > div:last-of-type{width: calc(100% - 120px);}
.divSSepetSUrunAd a img { display: inline-block; margin-right: 5%; max-width : 100%;  }
.divSSepetSUrunAd a div { display: inline-block; font-family:ZwFont2; }
.divSSepetSUrunAd a div div { font-weight: normal; }
.divSSepetSUrunAd  .divSSepetSAciklama{font-size:12px;color:red;display:block;}
.divSSepetSBFiyat {width: 10%;text-align: center;}
.divSSepetSAdet { width: 10%; text-align: center;}
.divSSepetSToplam {width: 10%;text-align: center;}
.divSSepetSKargo {width: 35% !important;text-align: right;color:red;}
.BtnSepetSil{position:relative;padding-left: 20px;font-size: 12px;}
.BtnSepetSil:before {position:absolute;content:"";background: url(../img/icoDelte.png) no-repeat;background-size:contain;width:13px;height:16px;left: 0;top: 0;}

.divSiparisUrunler .divUrunlerBaslik {margin: 20px 0px 0px 0px;}
.divSiparisUrunler .divUVaryant {display:none;}
.divSiparisUrunler .divUFiyat {text-align:center;margin-bottom:5px;}
.divSiparisUrunler .divUFiyat1 {font-size:17px;}
.divSiparisUrunler .btnUDSepet {padding:10px; cursor:pointer;}
.divSiparisUrunler .divUDetay {text-align:center;padding:0px;}

.divSiparisUrunler .divUKod  {display:none;}
.divSiparisUrunler .divUAd  {display:none;}
.divSiparisUrunler .divUFiyat2  {display:none;}

.divSSepetSSil {
    width: 60px;
    text-align: center;
}
.txtSSAdet {line-height: 40px;border: none;background-color: transparent;width: 25px;color: #333333;font-size: 14px;text-align: center;}
.btnSSSil { width: 25px; height: 25px; border: none; background: url(../img/btnSSSil.png) no-repeat center center; }

.diSAlt { display: table; width: 100%; background-color: #fff; padding-top: 2.5%;  }
.diSAltBaslik {position: relative;padding: 20px 0 30px;color: #000;letter-spacing: 1px;font-weight: bold;font-size: 13px;}
.diSAltBaslik span {background-color: #fff;z-index: 1;position: relative;padding-right: 10px;}
.diSAltBaslik:after {position:absolute;content:"";width:100%;height:1px;left: 0;background-color:#cecece;top: 27px;z-index: 0;}

.btnSSFavori { background-color: #ededed !important;  padding: 15px 50px 15px 20px; background: url(../img/btnSSFavori.png) no-repeat right center; font-size:12px; }
.cekSSHPaket { position: relative; margin-left: 2%; padding-left: 50px; }
.cekSSHPaket label::after{ content: ""; position: absolute; left: 0px; top: -15px; width: 50px; height: 50px; background: url(../img/btnSSHPaket.png) no-repeat center center; }

.divSSKupon {display: table;width: 100%;}
.txtSSKupon {text-indent: 10px;height: 45px;border: 1px solid #dcdcdc;background-color: transparent;width: calc(65% - 0px);color: #363636;font-size: 12px;}
.btnSSKupon {float: right;height: 45px;width: 30%;background-color: #000 !important;color: #fff !important;font-size: 13px;letter-spacing: 1px;}
/**********************************/


/* S2ADRES */
.divSAdres {display: table;width: 100%;}
.divSAdresBaslik { padding: 0px 15px; font-size: 12px; font-style: italic; }
.divSAdresSecim { display: table; width: 100%; margin-top: 3%; padding: 0px 15px; font-size: 12px; }
.divSAdresSecimDetay { padding: 10px 15px; margin-right: 20px; width: calc(50% - 10px); background-color: #ffffff; border:solid 1px #ededed; box-shadow: inset 0 2px 2px rgba(0,0,0,.075);}
div.divSAdresSecimDetay:nth-of-type(2) { margin-right: 0px;}
.divSAdresSecimDetay > div:first-of-type { margin-bottom: 1.5%; padding-bottom: 1.5%; border-bottom: solid 1px #000; font-size:15px; }
.divSAdresSecimDetay > div:last-of-type { display: none; padding: 10px 15px; background-color: #f8f8f8; max-height: 200px; overflow-y: auto;  }
.divSAdresSecimDetay > a { display: table; position: relative; width: 100%; margin: 1.5% 0px; padding-left: 60px; background: url(../img/icoS2Secim1.png) no-repeat left center; font-family:ZwFont2; }
.divSAdresSecimDetay > a:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: calc(50% - 5px); right: 0px; background: url(../img/icoS2Secim2.png) no-repeat right center; }
.divSAdresSecimDetay > div > a { display: table; position: relative; width: 100%; margin: 1.5% 0px; padding-bottom: 1.5%; border-bottom: solid 1px #ededed; }
.divSAdresSecimDetay > div > a:last-of-type { margin: 0px 0px; padding-bottom: 0px; border-bottom: none; }

.divSAdresAlt {display: table;width: 100%;}
.divSAdresAlt > div:first-of-type { padding: 0px 15px; }
.btnSAYeni, .btnSAGuncelle { margin-right: 30px; padding: 20px 20px 20px 65px; margin-bottom: -3px; font-size: 12px; background: no-repeat left center; }
.btnSAYeni { background-image: url(../img/btnS2Yeni.png); }
.btnSAGuncelle { background-image: url(../img/btnS2Duzenle.png); }

.divSAdresKayit {display: table;width: 100%;}
.divSAdresKayit > div {float: left;margin: 5px;width: calc(50% - 10px);border: solid 1px #dcdcdc;}
.divSAdresKayitTek {width: calc(100% - 10px) !important;}
.divSAdresKayit > div > input, .divSAdresKayit > div > textarea, .divSAdresKayit > div > select {padding: 0px 20px;width: calc(100% - 50px);height: 45px;background-color: transparent;border: none;color: #000;line-height: 250%;font-size: 12px;}


.divSAdresKayit > div > select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divSAdresKayitAlt {width: 94% !important;border: none !important;}
.divSAdresKayitAlt > div { margin-top: 2%; padding: 1%; background-color: #fff; }

.divSKargo { display: table; margin-top: 2%; width: 100%; font-size:15px; }
.divSKargo .divSKargoSatir:last-of-type { border-bottom: none; }

.divSKargoBaslik { display: table; width: 100%; border-bottom: solid 1px #000; line-height: 30px; font-weight: bold; }
.divSKargoBaslik > div { display: table-cell; padding: 10px 15px; border-right: solid 2px #fff; vertical-align: middle; }
.divSKargoBCheck { width: 60px; background-color: #ffffff; border-right: solid 1px #000 !important; }
.divSKargoBCheck label { padding-left: 15px !important; }
.divSKargoBAd { width: calc(55% - 60px); }
.divSKargoBFiyat { width: 20%; text-align: right; }
.divSKargoBKOdeme { width: 25%; text-align: right; }

.divSKargoSatir { display: table; width: 100%; border-bottom: solid 1px #fbeded; line-height: 30px; font-family:ZwFont2; }
.divSKargoSatir > div { display: table-cell; padding: 30px 15px; border-right: solid 2px #fff; vertical-align: middle; }
    .divSKargoSatir > div > div > span {font-size:11px;}
.divSKargoSCheck { width: 60px; background-color: #ffffff; border-right: solid 1px #000 !important; }
.divSKargoSCheck label { padding-left: 15px !important; }
.divSKargoSAd { width: calc(55% - 60px); }
.divSKargoSAd a { display: table; width: 100%;  font-size:14px;}
.divSKargoSAd a img { display: inline-block; margin-right: 5%; max-width: 100%; }
.divSKargoSBFiyat { width: 20%; text-align: right; }
.divSKargoSKOdeme { width: 25%; text-align: right; }
/**********************************/


/* S3ODEME */
.divSOdeme { display: table; width: 100%; }
.divSOdemeTip, .divSOdemeTipAktif {
    display: table;
    width: 100%;
    }
.divSOdemeTipAktif { border: solid 1px #ededed; background-color:#f8f8f8; }


.divSOdemeTipBaslik {position: relative;padding: 20px 0 5px;color: #000;letter-spacing: 1px;font-weight: bold;font-size: 13px;}
.divSOdemeTipBaslik span {background-color: #fff;z-index: 1;position: relative;padding-right: 10px;}
.divSOdemeTipBaslik:after {position:absolute;content:"";width:100%;height:1px;left: 0;background-color:#cecece;top: 27px;z-index: 0;}

.divSOdemeTipBaslik .cekOdemeSec > label {background: none !important;padding: 0px;margin: 0px;line-height: 15px;}

.divSOdemeTipBaslik > div:last-of-type {font-size: 12px;font-style: italic;color: #6d6d6d;font-size:12px;margin-top:2%;font-weight:normal;letter-spacing:0px; }
.divSOdemeTipDetay {display: table;width: 100%;margin-top: 5%;}

.divSOdemeTipDetayKKSol, .divSOdemeTipDetayKKSag {float: left;display: table;width: 100%;}
.divSOdemeTipDetayKKSag { margin-top: 4%; }
.divSOdemeTipDetayKKSol > div > div {float: left;margin: 5px;width: calc(100% - 10px);border: solid 1px #dcdcdc;}
.divSOdemeTipDetayKKSol50 {width: calc(50% - 10px) !important;}
.divSOdemeTipDetayKKSol33 {width: calc(33.3% - 8px) !important;border-left: 1px solid #dcdcdc !important;margin-right: 6px;}
.divSOdemeTipDetayKKSol > div > div > input, .divSOdemeTipDetayKKSol > div > div > select {padding: 0px 5px;width: calc(100% - 50px);height: 45px;background-color: transparent;border: none;color: #000;line-height: 250%;font-size: 12px;font-family: Zwfont4;}
.divSOdemeTipDetayKKSol > div > div > select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }

.divSOdemeTipDetayH { display: table; width: 100%; }
.divSOdemeTipDetayH .divSOdemeTipDetayHSatir:last-of-type { border-bottom: none; }

.divSOdemeTipDetayHBaslik { display: table; width: 100%; border-bottom: solid 1px #000; line-height: 30px; font-weight: bold; }
.divSOdemeTipDetayHBaslik > div { display: table-cell; padding: 10px 15px; border-right: solid 2px #fff; vertical-align: middle; }
.divSOdemeTipDetayHBCheck { width: 60px; border-right: solid 1px #000 !important; }
.divSOdemeTipDetayHBCheck label { padding-left: 15px !important; }
.divSOdemeTipDetayHBAd { width: calc(35% - 60px); }
.divSOdemeTipDetayHBBirim { width: 10%; text-align: center; }
.divSOdemeTipDetayHBIban { width: 35%; text-align: center; }
.divSOdemeTipDetayHBSube { width: 20%; text-align: center; }

.divSOdemeTipDetayHSatir { display: table; width: 100%; border-bottom: solid 1px #fbeded; line-height: 30px; }
.divSOdemeTipDetayHSatir > div { display: table-cell; padding: 30px 15px; border-right: solid 2px #fff; vertical-align: middle; font-family:ZwFont2; }
.divSOdemeTipDetayHSCheck { width: 60px; border-right: solid 1px #000 !important; }
.divSOdemeTipDetayHSCheck label { padding-left: 15px !important; }
.divSOdemeTipDetayHSAd { width: calc(35% - 60px); }
.divSOdemeTipDetayHSAd a { display: table; width: 100%; }
.divSOdemeTipDetayHSAd a img { display: inline-block; max-width: 100%; }
.divSOdemeTipDetayHSBirim { width: 10%; text-align: center; }
.divSOdemeTipDetayHSIban { width: 35%; text-align: center; }
.divSOdemeTipDetayHSSube { width: 20%; text-align: center; }

.divSOdemeTipDetayHNot { margin-top: 2%; font-size:15px; }
.divSOdemeTipDetayHNot ul { padding-left: 40px; list-style: initial; }

  .divSOUyari {text-align:center;padding-bottom:5px;font-weight:bold;}
/**********************************/



/* S4ONAY */
.divSOnay .divSSepetSUrunAd a img { width: 15%; max-width: 60px; }

.divSOnay { display: table; margin-top: 3%; width: 100%; }
.divSOnaySecim { display: table; width: 100%; font-size: 14px; font-family:ZwFont2; }
.divSOnaySecimDetay { float: left; display: table; margin-right: 20px; width: calc(50% - 10px); }
div.divSOnaySecimDetay:nth-of-type(2) { margin-right: 0px;}
div.divSOnaySecimDetay:nth-of-type(3) { width: 100%; margin-right: 0px;}
.divSOnaySecimDetay > div:first-of-type { position: relative; margin-bottom: 1.5%; padding: 2% 1.5%; padding-left: 70px; background: url(../img/icoS4Secim1.png) #f5f5f5 no-repeat 20px center; font-size: 14px; font-weight: bold; }
.divSOnaySecimDetay > div:first-of-type:after { content: ""; position: absolute; left: 0px; bottom: -5px; width: 100%; height: 1px; border-bottom: solid 1px #000; }
.divSOnaySecimDetay > div:last-of-type { display: table; margin: 1.5% 0px; padding: 4% 1.5%; padding-left: 70px !important; width: 100%; background-color: #f5f5f5; line-height: 200%; font-family:ZwFont2; font-size:12px; }
div.divSOnaySecimDetay:nth-of-type(3) > div:first-of-type { background-image: url(../img/icoS4Secim2.png); }
div.divSOnaySecimDetay:nth-of-type(3) > div:last-of-type { padding: 1% 1.5%; background-color: transparent; }
div.divSOnaySecimDetay:nth-of-type(3) > div:last-of-type > div { margin-bottom: 1%; font-weight: bold; }
div.divSOnaySecimDetay:nth-of-type(3) td { padding-right: 10px; vertical-align: top; }
div.divSOnaySecimDetay:nth-of-type(3) img { padding-right: 20px }
div.divSOnaySecimDetay:nth-of-type(3) table table tr > td:first-of-type { font-weight: bold; }
.divSOSozlesme { color:#000 !important;}
.divSOSozlesme > a {text-decoration:underline;}
.divSOSozlesme > label {padding-right:0 !important;}
/**********************************/


/* S5SONUC */
.divSSonuc { display: table; width: 800px; text-align: center; font-size: 14px; line-height: 200%; }
.divSSonuc > div > div { display: table; margin: auto auto; padding: 1% 1%; }
.divSSonuc > div > div:first-of-type { margin: 3% auto 1% auto; font-weight: bold; color: #252f24; font-size:18px; }

.divSSonucOK > div:first-of-type { border-top: solid 1px #11b605; }
.divSSonucOK > div:nth-of-type(2) { font-size: 15px;  font-family:ZwFont2;  }
.divSSonucOK > div:nth-of-type(2) > span:first-of-type { color: #11b605;}
.divSSonucOK > div:nth-of-type(3) { font-size:13px; }

.divSSonucHata > div:first-of-type { border-top: solid 1px #a20303; }
.divSSonucHata > a { display: inline-block; padding: 5px 15px; background-color: #a20303; color: #fff; font-size:13px; }

.divSSonucHavale { padding: 2% 15%; background-color: #f8f8f8; }
.divSSonucHavale > div:first-of-type { margin: 0px auto !important; }
.divSSonucHavale > div:last-of-type { color: #626262; font-size: 12px;  line-height: 150%; }
/**********************************/


/* HABER */
.divHOrta { margin: 20px 0px; }
.divHOrta > div { float: left; display: table; padding: 2.5% 3%;  }

.divMHUst { display: none; margin: 2% 0px; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; background-color: #fff; line-height: 30px; text-align: center; font-family: ZWFont2; font-size: 14px; }

.divMHUstFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7; }
.divMHUst > div { padding: 5px 10px; border-right: solid 1px #e1e1e1; }
.divMHUst > div:last-of-type { padding: 0px 0px; border-right: none; }

.divMHUst > div:nth-of-type(1) > a { display: inline-block; padding-left: 30px; background: url(../img/icoMUDFiltre1.png) no-repeat left center; }

.divHFiltre { margin-right: 20px; width: calc(25% - 20px); background-color: #ffffff; border-right: solid 1px #ededed;}
.divHKategori { display: inline-block; margin-bottom: 10%; width: 100%; }
.divHKategori:last-of-type { margin-bottom: 0px; }
.divHKategoriBaslik { margin-bottom: 3%; padding-bottom: 3%; font-size: 20px; font-family:ZwFont2;}
.divHKategoriDetay { padding: 0% 0%; }
.divHKategoriDetay a { margin-bottom: 6%; color:#000; padding-bottom: 6%; border-bottom: dotted 1px #e2e2e2; display: block; width: 100%;  font-family:ZwFont2; font-size:12px; font-family:ZWFont3;}
.divHKategoriDetay a:last-of-type {  padding-bottom: 0px; border-bottom: none; }
.aHKategoriDetayA { font-weight:bold;
}

.divHSag { margin-bottom: 20px; width: 75%; background-color: #fff; line-height: 170%; font-family:ZwFont2; font-size:12px; line-height:25px; }
.divHBaslik { font-size: 16px; font-weight: bold; margin-bottom: 2%; font-family:ZwFont2; }
/**********************************/


/* ILETISIM */
.divIForm { }
.divIFBaslik { padding: 0px 0px; width: 100%; background-color: #ffffff; color: #000000; font-size: 20px; text-align: left;  }

.divIFKayit { display: table; width: 100%; padding: 2% 1% 0px 1%;  }
.divIFKayit > div { float: left; margin: 1% 3%; width: 44%; border-bottom: solid 1px #ededed;  }
.divIFKayitTek { width: 94% !important; }
.divIFKayit > div > input, .divIFKayit > div > select { padding: 0px 5px; width: calc(100% - 50px); height: 35px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 12px; font-family:ZwFont2; }
.divIFKayit > div > select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divIFKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divIFKayitGKod input { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divIFKayitGKod img { float: right; }
.divIFKayitButon { border-bottom: none !important; }
.btnIFTemizle, .btnIFGonder { float: left; padding: 1% 0px; width: calc(50% - 5px) !important; height: 45px !important; background-color: #000 !important; color: #fff !important; letter-spacing: 1px; }
.btnIFGonder { float: right; background-color: #8d0303 !important; }

.divIAdres { }
.divIABaslik { font-size: 20px; text-align:left; line-height: 200%; }
.divIABaslik > div { font-size: 18px; font-weight: normal; }

.divIAMagazalar { display: table; margin-top: 2.5%; font-size: 12px; width:100%;}
.divIAMagaza { float: left; display: table; width: 24%; margin-right: 1%; }
div.divIAMagaza:last-of-type { margin-right: 0px; }
.divIAMagaza > div { margin-top: 10px; }
.divIAMagaza > div > a {color:#0c0ac4;text-decoration:underline;}
.divIAMagazalar .divHSSSDetay2 { margin-top:20px;}
.divIAMagazalar .divHSSSDetay2 > iframe { width:100% !important;height:240px !important;}
.divIAMagaza > div:first-of-type { margin-top: 25px; font-family:ZwFont2; font-size:13px; text-decoration:underline; }
/**********************************/


/* SSS */
.divHSSS {display: table;width: 100%;border-bottom: solid 1px #ccc;}
.divHSSSBaslik {padding-left: 40px;background: url(../img/icoSSS1.png) no-repeat 10px center;/* font-weight: bold; */font-size: 13px;display: block;width: 100%;line-height: 60px;color: #000000;}
.divHSSSBaslikAktif {background-image: url(../img/icoSSS2.png);}
.divHSSSDetay {display: none;margin-top: 15px;padding-left: 40px;font-size: 12px;font-family: ZwFont2;/* background-color: #ededed; */}
/**********************************/


/* KURUMSAL */
.divKurumsal { background: url(../img/backKurumsal.jpg) no-repeat center center; background-size: cover; }
.divKurumsalIc { display: table; margin-bottom: 10%; padding: 35px; width: 300px; background-color: #f5f5f5; text-align: justify; font-size: 12px; }
.divKurumsalBaslik { display: table; width: 100%; margin-bottom: 5%; padding-bottom: 5%; border-bottom: solid 1px #e2e3e3; font-size: 36px; font-family: ZWFont2; font-style: italic; }
/**********************************/


/* UYELIK */
.divKOrta { margin: 20px 0px; overflow: hidden; }
.divKOrta > div { float: left; display: table; padding: 2.5% 3%; }

.divKSol { margin-right: 20px; width: calc(35% - 20px); background-color: #fff; }
.divKSag {width: 65%; background-color: #fff; }

.divKSolBaslik { padding: 15px 0px; width: 100%; background-color: #e9e9e9; color: #000000; font-size: 12px; letter-spacing:2px; text-align: center; font-family:ZwFont2;}
.divKSagBaslik { padding: 15px 0px; width: 100%; background-color: #e9e9e9; color: #000000; font-size: 12px; letter-spacing:2px; text-align: center; font-family:ZwFont2; }

.divKKayit { display: table; width: 100%; padding: 2% 0px;  }
.divKKayit > div { float: left; margin: 1% 3%; width: 44%; border-bottom: solid 1px #c9c9c9;  }
.divKKayitTek { width: 94% !important; }
.divKKayit > div > input, .divKKayit > div > select { padding: 0px 5px; width: calc(100% - 50px); height: 45px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 12px; font-family:ZwFont2; }
.divKKayit > div > select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divKKayitAlt { margin-top: 2%; padding: 1%; }
.divKKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divKKayitGKod input { float: left; margin-top: 0px;  text-indent: 10px; }
.divKKayitGKod img { float: right; }
.divKKayitButon { border-bottom: none !important; }
.divKKayitButon > a { font-size: 14px; letter-spacing: 1px; text-decoration: underline; }
.divKKayitSozlesme  {min-height:55px; font-family:Arial;}
.divKKayitSozlesme > label {padding-right:0 !important;
}
.btnKRenk1, .btnKRenk2, .btnKRenk3 { float: left; padding: 1% 0px; width: calc(100% - 0px) !important; height: 45px !important; background-color: #000000 !important; color: #fff !important; letter-spacing: 2px; }
.btnKRenk2 { background-color: #8d0303 !important; }
.btnKRenk3 { background-color: #3f5d9b !important; }

.divKSolForm { }
.divKSolForm .divKKayit > div { margin: 2% 0px !important; width: 50% !important; }
.divKSolForm .divKKayitTek { margin: 2% 0px !important; width: 100% !important; }

.divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 { position: relative; padding-left: 80px !important; background: url(../img/icoKGiris1.png) no-repeat 20px center; }
.divKGiris2 { background-image: url(../img/icoKGiris2.png); }
.divKGiris3 { background-image: url(../img/icoKGiris3.png); }
.divKGiris4 { background-image: url(../img/icoKGiris4.png); }
.divKGiris5 { background-image: url(../img/icoKGiris5.png); }
.divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before { content: ""; position: absolute; left: 70px; top: 0px; width: 1px; height: 45px; border-right: solid 1px #c9c9c9; }

.divKSagForm { margin-top: 5px; }
/**********************************/





/* SIPARISLERIM */
.divKSiparis { display: table; margin-top: 2%; width: 100%; }
.divKSiparis .divKSiparisSatir:last-of-type {  }

.divKSiparisBaslik { display: table; width: 100%; border-bottom: solid 1px #000; line-height: 30px; font-weight: bold; }
.divKSiparisBaslik > div { display: table-cell; padding: 5px 10px; border-right: solid 2px #fff; vertical-align: middle; }
.divKSiparisB20 { width: 20%; }
.divKSiparisB15 { width: 15%; }
.divKSiparisB10 { width: 10%; text-align: right; }

.divKSiparisSatir { display: table; width: 100%; border-bottom: solid 1px #fbeded; line-height: 30px; }
.divKSiparisSatir > div { display: table-cell; padding: 15px 10px; border-right: solid 2px #fff; vertical-align: middle; }
.divKSiparisS20 { width: 20%; }
.divKSiparisS15 { width: 15%; }
.divKSiparisS10 { width: 10%; text-align: right; }


/* BarkodLERIM */
.divKBarkod { display: table; margin-top: 2%; width: 100%; }
.divKBarkod .divKBarkodSatir:last-of-type {  }

.divKBarkodBaslik { display: table; width: 100%; border-bottom: solid 1px #000; line-height: 30px; font-weight: bold; }
.divKBarkodBaslik > div { display: table-cell; padding: 5px 5px; border-right: solid 2px #fff; vertical-align: middle;text-align:center; }
.divKBarkodB30 { width: 30%; }
.divKBarkodB20 { width: 20%; }
.divKBarkodB15 { width: 15%; }
.divKBarkodB10 { width: 10%; text-align: right; }

.divKBarkodSatir { display: table; width: 100%; border-bottom: solid 1px #fbeded; line-height: 20px; }
.divKBarkodSatir > div { display: table-cell; padding: 5px 5px; border-right: solid 2px #fff; vertical-align: middle;text-align:center; }
.divKBarkodS30 { width: 30%; }
.divKBarkodS20 { width: 20%; }
.divKBarkodS15 { width: 15%; }
.divKBarkodS10 { width: 10%; text-align: right; }


.divTaksitSec {position:relative;padding: 20px 45px;}
.divTaksitSec:before {position:absolute;content:"";background:url(../img/icoTaksit.png);width:27px;height:17px;left: 10px;background-size:contain;}
/**********************************/


/* TAKSIT TABLOSU */


.divTBaslik { padding: 15px 0px; font-size: 18px; color: #000; text-align: center; }
.divTTablo { display: table; width: 100%; font-family:Arial;}

.divTTabloBaslik { display: table; width: 100%; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; color: #1f1f1f; line-height: 30px; font-weight: bold; }
.divTTabloBaslik > div { display: table-cell; padding: 10px 15px; border-right: solid 1px #e5e5e5; vertical-align: middle; }
.divTTabloBLogo { width: 15%; max-width: 150px; }
.divTTabloBTaksit { width: 10%; text-align: center; }

.divTTabloSatir { display: table; width: 100%; border-bottom: solid 1px #e3e3e3; line-height: 20px; text-align: center; color: #636262; font-size: 14px; }
.divTTabloSatir > div { display: table-cell; padding: 10px 15px; border-right: solid 1px #e5e5e5; vertical-align: middle; }
.divTTabloSLogo { width: 15%; max-width: 150px; background-color: #eeeeee; }

.divTTabloSLogo img { max-width: 100%; max-height: 30px; }
.divTTabloSTaksit { width: 10%; }
/**********************************/

.divSHaberSayfa {padding:5px; width:100%;font-family:ZWFont4;font-size:12px; color:#000;letter-spacing:1px;}
.divSHaberBaslik {margin: 5px 0px;text-align:center;}
.divSHaberSecenek {margin:5px;}
.divSHaberSecenek > table { margin:auto; font-weight:bold;}
.divSHaberInput {margin:5px;}
.divSHaberInput input{padding: 3% 3%;margin-bottom: 2%;font-size: 16px;border-radius: 3px;letter-spacing: 2px;text-align: center;color: #000;width: 100%;border: solid 1px #ccc;font-family: ZwFont4;}
.divSHaberButon {margin:5px;}
.divSHaberButon > input{padding: 15px;background-color: #000000 !important;color: #ffffff !important;font-size: 18px;letter-spacing: 1px;width:100%;}
.divSHaberSayfa .divKKayitSozlesme {width:100% !important;}

/* MENÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ STORY */
.divStoryBg {position:fixed; width:100%;height:100%; z-index:999;background-color:#000;opacity:0.8;}
.divStoryDis {position:fixed;width:100%;height:100%;z-index:1000;font-family:Arial;}
.divStoryKapat {position: absolute;right: -25px;top: -10px;z-index: 11;cursor: pointer;font-size: 30px;color: #fff;}
.divStoryIcerik {position:relative;margin:auto;margin-top:30px;margin-bottom:20px; width:100%;height:100%; }
.divStoryMedia {position:absolute;width:100%;text-align:center; z-index:11;}
.divStoryLink {cursor:pointer;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.25)),to(transparent));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.25),transparent);
    background: linear-gradient(to top,rgba(0,0,0,.25),transparent);
    bottom: 0;height: 20%;left: 0;z-index:12;position: absolute;width: 100%;text-align:center;
}
.divStoryLink > a {position: absolute;bottom: 15px;color: #fff;left: 0px;width: 100%;font-size:14px;z-index:12;}
.divStoryGizli {display:none;}
.divStoryGeri {background-image: url('../img/navleftM.png');width: 30px;height:30px;cursor:pointer;position:absolute;left:-30px;top:50%;margin-top:-30px;}
.divStoryIleri {background-image: url('../img/navrightM.png');width: 30px;height:30px;cursor:pointer;position:absolute;right:-30px;top:50%;margin-top:-30px;}

.btnMInstagram {display:none;background-image:url('../img/btninstagramprofil.png'); background-size:contain;background-repeat:no-repeat;width:40px;height:40px;float:left;display:block;margin-top:-5px;margin-right:9px;border-radius:50%;}
.btnMInstagramA {display:none; background-image:url('../img/btninstagramprofil.png');background-size:contain; background-repeat:no-repeat;width:40px;height:40px;float:left;display:block;margin-top:-5px;margin-right:9px;border-radius:50%;}

.divUDInstagram {display:none;text-align: left;font-family: ZwFont2;font-size: 11px;margin-top:25px;position: relative;background-color: #fff;height: 50px;width: 85%;margin: auto;text-align: center;margin-top: 15px;}
.divUDStory {cursor: pointer;}
.divUDPost {cursor:pointer;}

.divUDPost a {line-height:30px;}
.divUDStory a { line-height:30px;}

.divBGbtnInstagram {background-image: url('../img/instagramborder.png');width: 48px;height: 48px;background-size: contain;position:absolute;top:-9px;left:-4px;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}

.divUDBGbtnInstagram {
    background-image: url('../img/instagramborder.png');
    width: 43px;
    height: 43px;
    background-size: contain;
    position:absolute;
    top: 0px;
    z-index: 99;
    left: 0;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
.divUDStory > div {position:relative;}

.divUDStory > div:first-of-type a{background-image:url('../img/btninstagramprofil.png');background-repeat:no-repeat;width:37px;height:37px;float: right;display:block;margin-top:-5px;margin-right: 10px;border-radius:50%;}
.divUDPost > div:first-of-type > a:first-of-type{background-image: url('../img/btninstagramud.png');background-repeat:no-repeat;background-size: contain;width:40px;position: absolute;height:40px;left: 2px;top: 1px;display:block;z-index: 99;}
.divUDPost > div:first-of-type > a:last-of-type {position: absolute;width: 90%;font-weight: bold;height: 40px;border-radius: 4px;font-size: 11px;left: 20px;font-family: ZwFont4;line-height: 40px;padding-left: 15px;top: 1px;-webkit-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);-moz-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);}

@-moz-keyframes spin { 100% { -moz-transform: rotateZ('360deg'); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateZ(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateZ(360deg);  } }
/**********************************/
/* ANIMASYON */
@keyframes divSepetZil {
    0% { transform: rotate(0); }
  0.3% { transform: rotate(30deg); }
  1% { transform: rotate(-28deg); }
  1.6% { transform: rotate(34deg); }
  2.3% { transform: rotate(-32deg); }
  3% { transform: rotate(30deg); }
  3.6% { transform: rotate(-28deg); }
  4.3% { transform: rotate(26deg); }
  5% { transform: rotate(-24deg); }
  5.6% { transform: rotate(22deg); }
  6.3% { transform: rotate(-20deg); }
  7% { transform: rotate(18deg); }
  7.6% { transform: rotate(-16deg); }
  8.3% { transform: rotate(14deg); }
  9% { transform: rotate(-12deg); }
  9.6% { transform: rotate(10deg); }
  10.3% { transform: rotate(-8deg); }
  11% { transform: rotate(6deg); }
  11.6% { transform: rotate(-4deg); }
  12.3% { transform: rotate(2deg); }
  13% { transform: rotate(-1deg); }
  13.6% { transform: rotate(1deg); }

  14.3% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/**********************************/


/* RESPONSIVE */
@media screen and (max-width: 1600px) {
    .divUDTab > div:first-of-type { line-height: 45px; }
    .divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {padding:10px 23px;}

    /*.divAltAciklama2 { padding: 10px 15px; }
    .divAltAciklama2 img { height: 40px; }*/
	.divSOSag {font-size: 12px;}
    .divSOSag > div:nth-of-type(2) > div { line-height: 18px; }
    .divSOSag > div:nth-of-type(2) > div:last-of-type { line-height: 24px; }
    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 20px; }

   
}
@media screen and (max-width: 1400px) {
    body { font-size: 12px; }
    .divContainer { width:100%!important; }

    .ulUstSabit li { margin-right: 10px; }
    .ulUstSabit li:before { margin-right: 10px; }

    .navMenuUst > ul > li > a { margin: 0px 10px;  }
     .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a {padding:9px 18px;}

    .tblAltAciklama1 { border-spacing: 5px; font-size: 13px; }

    /*.divAltAciklama2 { font-size: 13px; }
    .divAltAciklama2 img { height: 35px; }
    .divAltAciklama2 img:last-of-type { margin: 0px 15px 0px 30px }
    .divAltAciklama2 div { }*/

    .divMenuAltDetay > div { width: 100%; }

    .divAnaBanners .aAnaBanner:nth-of-type(5) { margin-top: 0px; margin-left: 0%; }
    .divAnaBanners .aAnaBanner:nth-of-type(6) { margin-top: 0px; margin-right: 0%; }
	
	.divSOSag > div:nth-of-type(2) > div { line-height: 16px; }
    .divSOSag > div:nth-of-type(2) > div > div:last-of-type {font-size: 16px;}
    .divSOSag > div:nth-of-type(2) > div:last-of-type { line-height: 18px; }
    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 18px; }
    .divSSepetSBFiyat { font-size: 16px; }
    .divSSepetSToplam { font-size: 16px; }
    .divSOrta {padding: 2.5% 1%;}
    .divSSepetSatir > div {font-size:12px;}
    .txtSSAdet { font-size: 16px; line-height: 40px; }
}
@media screen and (max-width: 1280px) {
    .divAnaBanners .aAnaBanner:nth-of-type(4), .divAnaBanners .aAnaBanner:nth-of-type(5), .divAnaBanners .aAnaBanner:nth-of-type(6) { width: 500px; }


    .owlUrunler .owl-item:nth-of-type(3n+1) .item { margin-right: 4.5%; }
    .owlUrunler .owl-item:nth-of-type(3n+2) .item { margin-right: 3%; margin-left: 1.5%; }
    .owlUrunler .owl-item:nth-of-type(3n+3) .item { margin-right: 0px; margin-left: 4.5%; }
	
	 .divSOSag {font-size: 11px;letter-spacing:1px;}
    .divSOSag > div:nth-of-type(2) {}
    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type { font-size: 16px; }


    .divSSepetBaslik > div { padding: 5px 10px; }
    .divSSepetBCheck, .divSSepetBSil { width: 50px; }
    .divSSepetSatir > div { padding: 5px 10px; }
    .divSSepetSCheck, .divSSepetSSil { width: 50px; }
    .divSSepetSBFiyat { font-size: 13px; }
    .divSSepetSToplam { font-size: 13px; }
    .txtSSAdet { font-size: 16px; line-height: 30px; }
	 .divSSepetSAdet { font-size: 16px; }

    .divHBaslik { font-size: 16px; }

    /* ILETISIM */
    .divIAMagaza { width: 49%; }
    div.divIAMagaza:first-of-type { width: 100%; margin-right: 0px; margin-bottom: 30px; }
    .divIAMagaza > div:first-of-type { margin-top: 10px; }
    /**********************************/
	
	 /* UYELIK */
    .divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 { padding-left: 60px !important; background-position: 10px center !important; }
    .divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before { left: 50px; }
    /**********************************/

    /* SIPARISLERIM */
    .divKSiparisSatir > div { padding: 5px 10px; }
    .divKSiparisS20, .divKSiparisS10 { font-size: 13px; }
    /**********************************/
}
@media screen and (max-width: 1000px) {
	
	.aUFKategoriL2A { font-size:14px;}
	.aUFKategoriL1 { font-size:14px;}
	.aUFKategoriL2 { font-size:14px;}
	.aUFKategoriL1A { font-size:14px;}
    .divContainer { width: 100% !important; }
    .divOrta {margin-top: 8px;}
    .divAltMenuCerez {width:95%;}

    .divUKod {font-size:12px;}
    /*.divUAd a  {white-space: nowrap; text-overflow: ellipsis}*/

    .divMenuUstSabit {
        padding: 0px 10px;
    }
    .divMenuUstMesaj { line-height: 25px; letter-spacing:2px; }

    .divMLeftBaslik { display: block; }
    .divMLeftAltGoster { display: block; }

    .divMenuIc { /*margin: 10px auto -45px auto; padding: 0px 0px 15px 0px;*/ margin-top:10px; padding:0px; }
    .divMMenu { display: block; }
	
    .aLogo {width: 125px;height: 45px;background-image: url(../img/logoM.png);background-size: cover;background-size:cover;margin: auto;}
	.aLogo:before {content: " "; position: absolute; width: 100%; border-bottom: solid 1px #ededed; left: 0px; top: 50px;}
    .aLogo:after {content: " "; position: absolute; width: 100%; border-bottom: solid 1px #ededed; left: 0px; top: 90px;}
    .divMenuUstTool {margin-top: 18px;margin-right: 10px;}
    .divMenuUstTool > * {content: " ";margin-left: 15px;}
    .divMenuUstTool > *:first-child { margin-left: 0px; }

    .navMenuUst {display: block;margin: 0px 0px 0px 0px;background-color: #ffffff;}
    .navMenuUst > ul { padding: 0px 0px 0px 0px; }
    .navMenuUst > ul > li { padding: 0px 0px; width: 100%; border-bottom: solid 1px #fff;position:relative; }
    .navMenuUst > ul > li:after {content: " ";position: absolute;left: 0px;bottom: 1px;width: 100%;height: 1px;border-bottom: solid 1px #ededed;}
    .navMenuUst > ul > li > a {display: block;margin-right: 0px;padding: 0px;font-size: 14px;margin-left: 10px;}
    .navMenuUst > ul > li > div { position: relative; top: 0px; left: 0px;  margin-top: 0px; padding-top: 0px; width: 100%; }


    .navMenuUst > ul > li > div > div { width: 100%; background-color: #fff; }
    .navMenuUst > ul > li > div > div > * {display: block;padding: 0px 20px;max-height: 250px;overflow: auto;}
    .navMenuUst > ul > li > div > div > ul > li:first-of-type a { /*padding:0px;*/ }
    .navMenuUst > ul > li > div > div > ul > li > a { font-size: 14px; }

    .divSM {position: relative;margin: 2% auto 1.5%;/* width: 100%; */display:  table;text-align: center;float: none;}
    .divSM > a {float: none;margin: 2% 0;}
    .divSM > a:nth-of-type(1) {width: 100%;padding-left: 0px;margin-right: 0px;}
	.divAMArama > div { width:100%;}
    .divAMDefault { top: 90px; }
	
    .divAMCerceve { margin-right: auto; margin-bottom: 5px; background: url(../img/icoDDOk.png) no-repeat right center #ffffff; padding:3px 5px;}
	.divAMCerceve > div { display:none;}
    .divMenuAltSabit { margin-top: 0px; }
    .txtArama {margin-bottom:5px; padding:15px 50px;}

    .tblAltAciklama1 { border-spacing: 0px; font-size: 12px; letter-spacing: 0px; }
    .tblAltAciklama1 td { float: left; width: 50%; padding: 5px 0px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }

    .tblAltAciklama1 td:nth-of-type(even) { border-right: solid 1px #fff; }
    .tblAltAciklama1 td:last-of-type { width: 100%; }
    .tblAltAciklama1 img { height: 30px; }
    .divUDBeden {
        padding: 0px 0px 5% 0px;
    }
    .divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {
        padding: 10px 15px;
    }
	.divHKategoriBaslik { font-size:15px; font-weight:bold;}

    .divEBulten { width: 100%; margin: 20px 0px; min-width: 100%; border-top: solid 1px #e7e7e7; }
    .divEBultenBaslik { font-size: 14px; }
    /*.divEBultenBaslik:before { top: 10px; }*/

    .divEBultenDetay > div:nth-of-type(3) { width: 90%; }

    .txtEBulten { line-height: 40px; }
    .btnEBulten { width: 50px; height: 40px; }


    .divAltAciklama2 { margin-top: 0px; padding-top: 20px; }
    .divAltAciklama2 img { max-height: 30px; }
    .ds {line-height:30px;}
    /*.divAltAciklama2 h6 { display: table; margin: auto auto; }
    .divAltAciklama2 div { position: absolute; left: 50%; margin-left: -115px; bottom: -17px; color: #fff; line-height: 100%; }*/

    .divMenuAltDetay { margin-top: 0px; padding-top: 0px; text-align: center; }
    .divMenuAltDetay > div > div { margin: 0px 0px 0px 0px; width: 100%; background-color: #e7e7e7; }
    /*.divMenuAltDetay > div > div:last-of-type { margin: 0px 0px 0px 0px; background-color: #fcfcfc; }*/
    .divMenuAltDetay > div > div > div { display: none; background-color: #fff; }
    .divMenuAltDetay > div > div > a { padding: 5px 0px; }
    .divMenuAltDetay > div > div > a:first-of-type { margin-bottom: 0px; border-bottom: solid 1px #fcfcfc; font-size: 14px; line-height:30px; }

    /*.ds { display: block !important; padding: 15px; }
    .ds > a { display: initial !important; }*/
    
    .divSlide { display: none; }
    .divSlideM { display: block; }
    .aAnaBanner { width: 100% !important; margin: 5px 0px 0px 0px !important; }
    .divAnaBanners { margin: 0px 0px; }
    .divAnaBannerB { margin: 10px 0px; }
    .divAnaBanners .aAnaBanner:nth-of-type(1) .divAnaBannerB, .divAnaBanners .aAnaBanner:nth-of-type(2) .divAnaBannerB { margin-top: 0px;  }

    .owlUrunler .owl-item:nth-of-type(2n+1) .item { margin-right: 3%; }
    .owlUrunler .owl-item:nth-of-type(2n+2) .item { margin-right: 0%; margin-left: 3%; }

    .divUrun:hover > .divUDetay > .divUVaryant {  }
    .divUrunlerBaslik { margin: 20px 0px; font-size: 14px; }
    .divUrunlerBaslik:before { top: 10px; }
    .divUDetay { padding: 5px 10px; }
    .divUKargo { background-image: url(../img/imgUKargoBedavaM.png);  }
    
    .divUVaryant {}
    .divUAd { font-size: 10px; }
    .divUFiyat * { margin: 1px; }
    .divUFiyat1 { font-size: 20px; }
    .divUFiyat2 {font-size: 14px;}
    .divUPager { text-align: center; margin-bottom: 10px; }

    .divUUst1, .divUUst2 {padding: 5px 10px;font-size: 12px;height:auto;}
    .divMUUst { display: block; }
   .divMUUst select {border: none;width: 100%;height: 30px;padding: 0px;display: inline-block;background: url(../img/icoMUDFiltre1.png) no-repeat right center;font-family: ZwFont3;letter-spacing: 1Px;
    font-size: 12px;-webkit-appearance:none;}
     .divMUUst > div:last-of-type {padding: 7px 7px}
    .divUFCerceve { padding: 0px 0px; }
    .divUFCerceveBaslik, .divUFCerceveBaslikYatay {line-height: 300%;font-size: 14px;padding-left: 10px;}
    .divUFCerceveBaslikYatay { padding: 3% 0px;  }
    .divUFCerceveDetay, .divUFCerceveDetayDuz {max-height: 250px;overflow: auto;background-color: #fff;}
    .divUFCerceveUzat {display:none;}
    .divUFCerceveDetay {padding: 2% 0%;padding-left: 10px;}
    .divUFCerceveDetayDuz > img { margin: 0px 0px 15px 0px !important; } /* GECICI */

    .divUDDis { padding: 0px 10px; }
    .divUDSpecG1 { font-size: 11px; }
    .divUDSpecG1 img { display: none; }
    .divUDSpecG1 div { float: initial; display: table-cell; width: auto !important; }
	.divUIndirim { top:8%;}

	.divUIndirim > span:first-child { font-size:19px;}
	.divGaleriBaslik { margin-top:40px; font-size:9px; letter-spacing:1px; }
	.divGaleriBaslik > h2 a:first-of-type { font-size:30px;}
	
	.btnMAra, .btnMKullanici, .btnMSepet {width: 22px;}
	.divMenuSepet > span { bottom:3px; right:4px;}
	.divUFiltre { font-size: 14px; padding:0px 0px;  }
	.btnUDSepet, .btnUDHizli { width:85%;}
	.divAMKullanici > div > div:first-of-type {margin-bottom: 2%; padding-left: 13%; font-size:15px;}
	.divAMKullanici > div > p { font-size:11px;}
	
	/* S1SEPET */
    .divSSepet { border-bottom: none; }
    .divSMenu {margin-top: 0px;font-size: 13px;padding: 20px 0;}
    .divSMenu a {margin-right: 0px;padding: 5px;width: 100%;display: none;}
    .aSMenuAktif {display: block !important;padding: 5px 50px !important;font-weight: bold;text-align: left;}
    .divSMenu a:before{height: 30px;width: 30px;left: 10px;margin-left: 0;top: 0;border: none;}

    .divSSepetBaslik { display: none; }


    .divSSepetSatir > div {float: left;padding: 5px 3px 0;line-height: 200%;font-size: 11px;}
    .divSSepetSCheck, .divSSepetSSil { float: right !important; text-align: right; }
    .divSSepetSCheck { border-right: none !important; }
    .divSSepetSUrunAd {width: 100% !important;/* position:relative; */}
	.divSSepetSUrunAd > div:first-of-type {width: 70px;margin-right: 10px;}
	.divSSepetSUrunAd > div:last-of-type{    width: calc(100% - 80px);}
    .divSSepetSBFiyat {width: calc(100% - 80px)!important;text-align: left;margin-left: 80px;}
    .divSSepetSBFiyat  *  {
    display: inline-block;
}
    .divSSepetSAdet {width: calc(100%)!important;text-align: left;margin-left: 80px; display:none !important;}
    .divSSepetSToplam {width: calc(50% - 50px)!important;display: none !important;}
    .divSSepetSKargo { width: 100% !important;font-size: 12px !important;text-align: center;color: red;font-weight: bold;}
    .diSAlt { margin-bottom: 15px; }
    .txtSSAdet{
    text-align: left;
    font-size: 11px;
}
    .btnSSFavori { width: 100%; }
    .cekSSHPaket { display: table; margin: 20px 0px; width: 100%; }

    .cekSSHPaket label::after { top: -10px; }
    .divSSKupon { width: 100%; }
    .txtSSKupon { height: 35px; }
    .btnSSKupon { height: 35px; font-size: 13px; }
    .divSOSag > div:nth-of-type(1) {
    padding: 20px 0 20px;
}
    .divSOSag > div:nth-of-type(2) > div {padding: 10px;}
    .divSOSag > div:nth-of-type(2) > div:last-of-type{
    font-size: 11px;
}
	.BtnSepetSil{position: absolute;right: 1%;top: 50%;font-size: 11px;}
    /**********************************/


    /* S2ADRES */
    .divSAdresBaslik { padding: 0px 0px; }
    .divSAdresSecim { padding: 0px 0px; }
    .divSAdresSecimDetay { margin-right: 0px; margin-top: 2%; width: calc(100% - 10px);}
    .divSAdresAlt > div:first-of-type { padding: 0px 0px; }
    .divSAdresKayit > div {width: 96%;}
    .divSAdresKayitAlt > div { font-size: 11px; }

    .divSKargo { border-bottom: none; }
    .divSKargoBaslik { display: none; }
    .divSKargoBCheck, .divSKargoSCheck { width: 35px; }
    .divSKargoSatir > div { padding: 5px 3px; line-height: 200%; }
    .divSKargoSCheck { border-right: none !important; }
    /**********************************/


    /* S3ODEME */
    .divSOBaslik {    padding: 20px 0 20px;}
    .divSOdemeTipBaslik > div:last-of-type { padding-left: 0px; }
    .divSOdemeTipDetay { padding: 3%;padding-top:0;    }
	.divSOdemeTipBaslikBilgi {position:absolute;right: 0;top: 18px;background-color: #fff;z-index: 1;padding: 0 10px;}

    .divSOdemeTipDetayKKSol, .divSOdemeTipDetayKKSag { width: 100%; }
    .divSOdemeTipDetayKKSol50 {width: calc(100% - 10px) !important;}
  

    .divSOdemeTipDetayH {
        border-bottom: none;
    }
    .divSOdemeTipDetayHBaslik { display: none; }
    .divSOdemeTipDetayHBCheck, .divSOdemeTipDetayHSCheck { width: 35px; }
    .divSOdemeTipDetayHSatir > div { padding: 5px 3px; line-height: 200%; }
    .divSOdemeTipDetayHSCheck { border-right: none !important; }

    .divSOdemeTipBaslik > div:last-of-type {display:none;}
    /**********************************/


      /* S4ONAY */
    .divSOnaySecim { font-size: 12px; }
    .divSOnaySecimDetay { margin-right: 0px; width: 100%; }
    .divSOnaySecimDetay > div:first-of-type { font-size: 14px; }
    .divSOnaySecimDetay > div:last-of-type { padding: 2% !important; }
    div.divSOnaySecimDetay:nth-of-type(3) > div > table > tbody > tr > td { float: left; padding-right: 0px; width: 100%; }
    /**********************************/

    /* S5SONUC */
    .divSSonuc { width: 100%; }
    .divSSonucHavale { padding: 2%; }
    /**********************************/

    /* HABER */
    .divHOrta { margin: 0px 0px; }
    .divMHUst { display: block; }
    .divHFiltre { display: none; }
    .divHKategori { margin-bottom: 0px; }
    .divHKategoriDetay { max-height: 200px; overflow-y: auto; }
    .divHSag { width: 100%; }
    div.divHSag:last-of-type { margin-bottom: 0px; }

    /**********************************/

    /* ILETISIM */
    .divIFKayit { padding: 0px 0px; }
    .divIFKayit > div { width: 94%; }

    .divIAMagaza { margin: 0px 0px 30px 0px !important; width: 100%; }
    div.divIAMagaza:last-of-type { margin: 0px 0px 0px 0px !important; }
    /**********************************/

    /* SSS */
    .divHSSSDetay { padding-left: 0px; }
    /**********************************/

    /* KURUMSAL */
    .divKurumsalIc { width: 100%; }
    .divKurumsalBaslik { text-align: center; }
    /**********************************/
	
	

	 /* UYELIK */
    .divKSol { margin-right: 0px; width: 100%; }
    .divKSag {width: 100%; }
    .divKKayit > div { width: 94%; }
    .divKSiparisSatir > div { padding: 0px 10px; }
    .divKSiparisS20 { float: left; width: 100%; }
    .divKSiparisS10 { display: none !important; }
    /* TAKSIT TABLOSU */
    .divTTabloBaslik { line-height: 20px; }
    .divTTabloBaslik > div { padding: 5px 3px; }

    
    .divTTabloSatir { line-height: 20px; font-size: 12px; }
    .divTTabloSatir > div { padding: 5px 3px; }

    /**********************************/
    .divUDInstagram {position:absolute;width:100%;top:-50px;margin:auto;}
    .divuDResimDis { padding-bottom:60px;
    }

    .btnMInstagram {width:30px;height:30px;background-size:contain;margin-top:-2PX;margin-right:1px;}
    .btnMInstagramA { width:30px;height:30px;background-size:contain;margin-top:-2PX;margin-right:1px;}
	.divUDPost > div:first-of-type a {}
    .divBGbtnInstagram {width:36px;height:36px;top:-5px;left:-3px;}

    .divUReyon img {width:35%;}
	

    .divUDStory a{width:30px;height:30px;background-size:contain;margin-top:-2PX;margin-right:1px;}
    .divUDPost a{}

 
}


@media screen and (max-width: 375px) {
    /*.owlUrunler .owl-item:nth-of-type(n) .item { margin-right: 0px; margin-left: 0px; }*/
}
/**********************************/





/* IE EDGE */
@supports (-ms-ime-align: auto) {
    .divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { height: 140px; }
}
/**********************************/

/* IE +9 */
@media screen\0 {
    .divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { height: 140px; }
    /*.divUFCerceveBaslikYatay { writing-mode: lr-bt; }*/
}


/**********************************/