@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('FuturaBT-Bold.eot'); src: url('FuturaBT-Bold.eot?#iefix') format('embedded-opentype'), url('FuturaBT-Bold.woff') format('woff'), url('FuturaBT-Bold.ttf') format('truetype'), url('FuturaBT-Bold.svg#arialnarrow') format('svg'); font-weight: normal; font-style: normal; }


@font-face {
  font-family: "MangoSans-Light";
  src: url("fonts/MangoSans-Light.eot"); /* IE9 Compat Modes */
  src: url("fonts/MangoSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/MangoSans-Light.otf") format("opentype"), /* Open Type Font */
    url("fonts/MangoSans-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/MangoSans-Light.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: "MangoSans-Regular";
  src: url("fonts/MangoSans-Regular.eot"); /* IE9 Compat Modes */
  src: url("fonts/MangoSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/MangoSans-Regular.otf") format("opentype"), /* Open Type Font */
    url("fonts/MangoSans-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/MangoSans-Regular.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Dosis-SemiBold";
  src: url("fonts/Dosis-SemiBold.eot"); /* IE9 Compat Modes */
  src: url("fonts/Dosis-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Dosis-SemiBold.otf") format("opentype"), /* Open Type Font */
    url("fonts/Dosis-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Dosis-SemiBold.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* Zeki Alert ############### */
.modalBackgroundUP { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; opacity: 0.93; 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; }

#myBar {width: 0px;height: 3px;position: fixed;left: 0px;top: 0px;background-color: red;z-index:9999;}
.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: 40px; display: block; }
.divAlertCerceveIc p { font-size: 13px; 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 ############### */

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {-webkit-appearance: none;border-radius: 0;}

/* SABITS */
body { margin: 0px; background-color: #fff; color: #000; font-family: Arial; font-size: 13px; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y:scroll; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
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: 6px;margin: 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.svg);font-size: 11px;font-family: "MangoSans-Light";color: #000000;}
input[type=checkbox]:checked + label, input[type=radio]:checked + label {background-image: url(../img/toolCheck.svg);background-position: 0 -25px;}
select {
         border: solid 1px #545759;
         background-color: #fff;
         padding: 5px 10px;
         height: 35px;
         font-family: "MangoSans-Light";
         font-size: 11px;
         -moz-appearance: none;
         -webkit-appearance: none;
         -webkit-border-radius: 0px;
         appearance: none;
         background: url(../img/icoDDOk.png) no-repeat right center;
         }
*::-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; }
*::-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%; }

.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 {display: block !important;margin-top: 0px !important;margin: auto auto;width: 90% !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;}
.divOrta { position:relative; display: block;margin-top: -60px;z-index:2;}
.divMenuUstSabit {width: 100%;color: #fff;position:  absolute;z-index: 106;}

.divMobilSabit {position: fixed;z-index: 3;bottom: 0;left: 0;width: 100%;border-top: 1px solid #ededed;height: 60px;background-color: #fff;padding: 10px 0;color: #9f9fa3;font-family: "MangoSans-Regular";}
.divAMArama {width: 80%;margin: auto;height: 50px;margin-left: 4%;margin-top: 12px;margin-bottom: 2px;text-align: center;background: url(../img/icoSearch.svg) no-repeat top center;background-size: 15px 15px;}
.divAMArama:after {   letter-spacing: 1px; font-family: "MangoSans-Light";content: none;font-size: 9px;text-align: center;position: absolute;bottom: 3px;left: 0;width: 100%;}
.divMKullanici {position: absolute;right: 10px;top: 14px;width: 50px;z-index: 1;height: 50px;text-align: center;background: url(../img/icoKullanici.svg) no-repeat top center;background-size: 24px 24px;}
.divMenuHome {width: 80%;margin: auto;height: 50px;margin-left: 10%;margin-top: 9px;margin-bottom: 2px;text-align: center;background: url('../img/icoHome.svg?v=001') no-repeat top center;background-size: 20px 20px;}
.divMenuHome:after {  letter-spacing: 1px;   font-family: "MangoSans-Light";content: none;font-size: 9px;text-align: center;position: absolute;bottom: 3px;left: 0;width: 100%;}
.divMenuSepet {width: 80%;margin: auto;height: 50px;margin-left: 10%;margin-top: 8px;margin-bottom: 2px;text-align: center;/*background: url('../img/icoSepetAdet.png?v=001') no-repeat top center;background-size: 24px 24px;*/}
.divMenuSepet:after {   letter-spacing: 1px;  font-family: "MangoSans-Light";content: none;font-size: 9px;text-align: center;position: absolute;bottom: 3px;left: 0;width: 100%;}
.divMMenu {width: 80%;margin: auto;height: 25px;margin-left: 10%;margin-top: 8px;margin-bottom: 2px;text-align: center;background-size: 32px 24px; color: #000;}
.divMMenu:after {   letter-spacing: 0px;  font-family: "MangoSans-Regular";content: 'MENÜ';font-size: 11px; text-align: center;position: absolute;bottom: 6px;left: 0;width: 100%;}

.divMMenu2 {width: 80%;margin: auto;height: 50px;margin-left: 10%;margin-top: 8px;margin-bottom: 2px;text-align: center;background: url(../img/icoMenu.svg) no-repeat top center;background-size: 32px 24px;}


.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%;position: relative;background-color: #fff;height: 55px;}
.divMenuUstMesaj { background-color: #000; line-height: 30px; color:#fff; text-align: center;  letter-spacing:4px; font-size:11px; font-family:"MangoSans-Light";  }
.divMenuIc {position: relative;display: table;width: 100%;padding: 0px 0px;margin: 2px auto 6px auto;}
.divMenuIcFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; }

.divMLeft {position: fixed !important;z-index: 201;bottom: 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 > * {}
.divMLeft > *:last-child {border-bottom: none;}
.divMLeftBaslik {background-color: #fff;text-align:  center;font-family: "MangoSans-Regular";font-size: 16px;display: block;padding: 3% 0;padding-right: 40px;position: absolute;width: 100%;top: 0px;background-color: #fff;z-index: 202;left:0px;}
.divMLeftBaslik > .aMLeftKapat {background: url(../img/btnGeri.svg?v=01) no-repeat center center;margin-top: 5px;}
.aMLeftLogo { display: inline-block; width: 180px; height: 40px; background: url(../img/logoMLeft.png) no-repeat center center;background-size:cover; }
.aMLeftKapat {float: left;display: inline-block;width: 20px;height: 20px;background: url(../img/btnMLeftKapat.svg) no-repeat center center;background-size:  contain;margin: 10px 0 0 20px;padding:10px;}
.divMLeftAltGoster {display: block;position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;/* background: url(../img/btnMLeftAlt.svg) no-repeat center right; */background-size:12px;}

.aLogo {display: block;width: 150px;height: 45px; float: left;background: url(../img/logo.svg) no-repeat center center;background-size:contain;}
.aLogo:before {content: " "; position: absolute; width: 100%;  left: 0px; top: 50px;}

.aMenuHome { display: inline-block; width: 20px; height: 20px; background: url('../img/icoHome.svg?v=001') no-repeat center center; }

.navMenuUst {border:solid 1px #f0f0f0;display: block;margin: 0px 0px 0px 0px;background-color: #ffffff;}
.navMenuUst > ul {display: table;margin: auto auto;padding: 100px 0px 0px 30px;height: 100%;overflow-y: auto;}
.navMenuUst > ul > li {float: left;position: relative;padding: 0px 0px;width: 100%;border-bottom: solid 1px #fff;}
.navMenuUst > ul > li:after {display: none;content: " ";position: absolute;left: 0px;bottom: 1px;width: 100%;height: 1px;border-bottom: solid 1px #ededed;}
.navMenuUst > ul > li > a {margin-right: 0px;font-size: 18px;letter-spacing: 0px;line-height: 230%;font-family: "MangoSans-Light";display:inline-block;width:100%;}
/*.navMenuUst > ul > li > a:last-of-type { margin-right: 0px; }*/
.navMenuUst > ul > li > div {display: none;position: relative;top: 0px;left: 0px;margin-top: 0px;padding-top: 0px;width: 100%;/*border-top: 1px solid #ededed;*/}

.navMenuUst > ul > li > div > div {width:  100%;background-color: #ffffff;/* border-left:solid 1px #ededed; *//* border-right:solid 1px #ededed; *//* border-bottom:solid 1px #ededed; */}
.navMenuUst > ul > li > div > div > * {display: block;max-height: 500px;overflow-x:hidden;overflow-y: auto;line-height: 30px;}
.navMenuUst > ul > li > div > div > ul > li { display: block; width: 100%; }
.navMenuUst > ul > li > div > div > ul > li > a {display: block;width: 100%;font-size: 13px;font-family: "MangoSans-Light";color: #000000;letter-spacing: 1px;line-height: 40px;}
.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 > ul > li > a {display: block;width: 100%;font-size: 13px;font-family: "MangoSans-Light";color: #000000;letter-spacing: 1px;margin-left:10px;line-height: 35px;}
    .navMenuUst > ul > li > div > div > ul > li:nth-of-type(5) > ul {display:none;
    }

.divMenuUstTool {cursor:pointer; position:  fixed; background-color: #fff;z-index: 1;width: 100%;bottom: 0;}
.divMenuUstTool > * {margin-left: 0px;width: 24% !important;}
.divMenuUstTool > *:first-child { margin-left: 0px; }


.btnMAra, .btnMKullanici, .btnMSepet {width: 27px;height: 27px;background: no-repeat center top;background-size:contain;position: relative;}
.btnMAra {background-image: url(../img/icoArama.svg);/* position:  absolute; *//* left: 34px; *//* top: 10px; */}

.btnMKullanici { background-image: url(../img/icoKullanici.svg); }
.btnMSepet {background-image: url(../img/icoSepet.svg);margin:auto;background-size: 16px 16px;top: 2px;}

.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: fixed;right: -2px;top: 14px;padding-left:30px;}*/
.divMenuSepet > .btnMSepet > span {position: absolute;top: 5px;left: 10px;width: 19px;height: 19px;padding-top: 5px;background: url(../img/icoSepetAdet.png) no-repeat center center;color: #ffffff;text-align: center;font-size: 8px;animation: divSepetZil 12s .7s ease-in-out infinite;transform-origin: 50% 4px;font-family: "MangoSans-Light";/* font-family:Arial, Helvetica, sans-serif; */}



@-moz-keyframes spin { 100% { -moz-transform: rotateZ('360deg'); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateZ(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateZ(360deg);  } }

.btnMInstagram {background-image: url(../img/btninstagramprofil.jpg);background-repeat: no-repeat;width: 60px;height: 60px;position: absolute;top: 9.5px;left:2px; border-radius:50%;}
.btnMInstagramA {background-image: url(../img/btninstagramprofil.jpg);background-repeat: no-repeat;width: 54px;height: 54px;position: absolute;top: 9.5px;left: 2px;border-radius:50%;}

.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:65px;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:40px;cursor:pointer;position:absolute;left:-30px;top:50%;margin-top:-30px;}
.divStoryIleri {background-image: url('../img/navrightM.png');width: 30px;height:40px;cursor:pointer;position:absolute;right:-30px;top:50%;margin-top:-30px;}


.divUDInstagram {text-align: left;font-family: "MangoSans-Light";font-size: 11px;position:absolute;top: 20px;left: 10px;}
.divUDStory {position:absolute}
.divUDPost {position:absolute;}

.divUDPost a { line-height:30px;}
.divUDStory a { line-height:30px;}

.divUDInstagram > div > div:last-child {position: absolute;width: 170px;display:none !important; text-align: left;left: 45px;border-radius: 15px;line-height: 35px;padding-left: 10px;margin-top: -4px;display:block; font-family: "MangoSans-Light";} 

.divBGbtnInstagram {
    background-image: url('../img/instagramborder.png');
    width: 60px;
    height: 60px;
    background-size: contain;
    position:absolute;
    top: 7px;
    left:-1px;
    -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: 40px;
    height: 40px;
    background-size: contain;
    position:absolute;
    top: -8px;
    left: 0px;
    -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/btninstagramud.png?v=001');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{background-image: url('../img/btninstagramud.png?v=001');background-repeat:no-repeat;width: 40px;height: 36px;float: right;display:block;margin-top: -6px;margin-left: 2px;background-size: contain;}


.divMenuAltSabit {padding-bottom:85px; }
.divMenuAlt {    display:  none;}
/*.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 {}
.divMenuAltDetay > div {display: table;width: 100%;}
.divMenuAltDetay > div > div { float: left; }
.divMenuAltDetay > div > div a { display: block; color: #b9b9b9;  font-size: 12px; line-height: 25px; font-family:"MangoSans-Light";}
.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: "MangoSans-Light";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;   }

.pikare { float: right; color: #363636; font-size: 15px; }
.pikare 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; }


.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: fixed;bottom:0px; right: 0px;z-index: 101;height:100%;background-color: #fff;color: #000;font-size: 13px;/* border-bottom: solid 1px #888; */padding: 0px 0px;}
.divAMDefault .divHFiltre {padding-top:0px;} 
.divAMDil { top: 35px; }
.ddUMDil { border: solid 1px #888888; color: #fff; }


/* 4 item */
.divSlideM > div > .item:nth-of-type(1){width: 100%; margin-bottom: 2px;}
.divSlideM > div > .item:nth-of-type(2){width: 100%; margin-bottom: 2px;}
.divSlideM > div > .item:nth-of-type(3){width: 100%; margin-bottom: 2px;}
.divSlideM > div > .item:nth-of-type(4){width: 100%;}

/* 5 item */

/* .divSlideM > div > .item:nth-of-type(4){width: calc(50% - 1px)!important; margin-right: 1px; margin-bottom: 2px; float: left;}
.divSlideM > div > .item:nth-of-type(5){width: calc(50% - 1px); margin-left: 1px; margin-bottom: 2px; float: right;} */
.divMenuArama{z-index: 900;}

.divAMCerceve {position: relative;padding: 0px 5px;letter-spacing:1.2px;/* margin-bottom:  10px; */border-bottom: solid 1px #ededed;font-family: "MangoSans-Light";background: url(../img/icoDDOk.png) no-repeat right center;}
.divAMCerceve > div {display: none;/* position: absolute; */z-index: 100;margin-left: 10px;top: 50px;width: calc(100% + -10px);max-height: 180px;overflow: auto;background-color: #fff;color: #000;}
.divAMCerceve a {display: block;width: 100%;padding: 5px 0;margin: 5px 0;font-family: "MangoSans-Light";font-size: 12px;}
.txtArama {border: none;background-color: #ededed;font-size: 15px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;color: #000;width: 100%;height: 45px;letter-spacing: 1px;margin-top: 5px;font-family: "MangoSans-Light";text-align: center;}
.btnArama {background-color: #000000 !important;float:right;height: 50px;font-size: 13px;border: 1px solid #ededed !important;margin-bottom:10px;width: 100%;color: #ffffff !important;font-family: "MangoSans-Light";margin-top: 15px;}
.ddSirala {border:none;width:100%;padding-left: 0px;font-family: "MangoSans-Light";font-size: 12px;letter-spacing: 1px;background: none;}

.divAMKullanici {font-family:  "MangoSans-Light";font-size: 14px;line-height: 35px;border-top: solid 1px #ededed;position:fixed;bottom: 0px;height: 100%;}
.txtAMDefault {padding: 16px 6px;margin-bottom: 3%;background-color: #ffffff;color: #000000;border-radius: 0;border: solid 1px #ededed;font-family: "MangoSans-Light";-webkit-appearance: none;background-color: #f7f7f7;}
.btnAMDefault {display:  block;padding: 16px;background-color: #000000 !important;color:#ffffff !important;font-size: 12px;letter-spacing:1px;text-transform:uppercase;line-height: 150%;text-align: center;/* background: url(../img/icoUyelik2.png) no-repeat 10%; */background-size: 41px;font-family: "MangoSans-Light";}
.divAMKullanici > div {padding: 0% 3%;border-right: solid 1px #ededed;}
.divAMKullanici > div:last-of-type { border-right: none; }
.divAMKullanici > div > p { padding: 4% 0px; font-family: "MangoSans-Light"; font-size: 12px; }
.divAMKullanici > div > div:first-of-type {}

.divAMKullanici > div:first-of-type > div:first-of-type {font-size: 13px;text-align:  center;background: url(../img/icoUyelik1.png) no-repeat 33%;background-size: 19px;/* border: 1px solid #000; */padding: 5px;margin: 2% 0;display: block;font-family: "MangoSans-Light";letter-spacing: 1px;}
.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;text-align: center;font-family: "MangoSans-Light";}

.divAMKullaniciGiris {height:100%;position:fixed; padding:0px;
}


.divAMSepet {display: block;position: fixed;z-index: 101;right: -101%;top: 0px;width: 100%;height: 100%;overflow: auto;background-color: #ffffff;color: #000;padding-bottom: 110px;}
.divAMSepet > div {position: relative;display: table;width: 100%;font-family: "MangoSans-Light";font-size: 11px;padding: 0 10px;text-align: left;}
.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 {display: block;width: 20px;height: 20px;background: url(../img/btnRightKapat.svg) no-repeat center center;background-size: contain;margin: 15px 0 0 20px;position:  relative;z-index:  99;}

.divAMSepetBaslik {text-align: left;font-size: 13px !important;}
.divAMSepetBaslik > span:first-child {display: block;color: #000000;border-bottom: 1px solid #ededed;font-family: "MangoSans-Light";font-size: 15px;text-align:  center;padding-bottom: 10px;margin-bottom: 10px;margin-top: -20px;letter-spacing: 1px;}

.divAMSepetUrun {margin: 2% 0;position: relative;display: inline-block;width: 100%;}
.divAMSepetUrun > div:nth-of-type(2) {/* border:1px solid #dfdfdf; */text-align:  center;}
.divAMSepetUrun > div > a {display: block;width: 100%;line-height: 170% !important;text-align: left;}
.divAMSepetUrun > div > a:nth-of-type(3) {font-weight:bold;font-family:  Arial;}

.divAMSepetUrun > div > a > img { max-width: 100%; max-height: 100px; }

.divAMSepetUrun > div:first-of-type > a { padding: 10px; background-color: #fff; text-align: center; }
.divAMSepetUrun > div:last-of-type > div {font-size: 16px;margin-top:10px;text-align: left;}

.divAMSepetU {overflow-y: auto;max-height: 290px;display: block !important;}

.divAMSepetKargo { font-size: 14px; text-align: center;     display: none !important;}
.divAMSepetKargo > b { color: #ce0707; font-family: "MangoSans-Light"; font-size: 14px;   }

.divAMSepetToplam {position: absolute !important;bottom:  0;left: 0;background:  #fff;display: block !important;border-top: 1px solid #ededed;font-size: 12px;line-height: 25px;font-family:"MangoSans-Light";padding:  0 !important;}
.divAMSepetToplam > div:first-of-type {margin: 10px 0;text-align:  center;font-family: "MangoSans-Light";/* font-weight:  bold; */font-size: 20px;}
.divAMSepetToplam > div:last-of-type > a {display: block;background-color: #000000 !important;text-align: center;line-height: 150%;}
.divAMSepetToplam > div > span:last-of-type{display:block;color: #000000;font-size: 12px;line-height: 25px;font-family: "MangoSans-Light";height: 25px;}

.btnAMDefaultSepet {display:  block;padding: 20px;background-color: #000000 !important;color:#ffffff !important;font-size: 16px;font-family: "MangoSans-Light";/* font-weight:  bold; */letter-spacing:1px;text-transform:uppercase;line-height: 150%;text-align: center;}

.btnScrollUp {cursor: pointer;display: none;position: fixed;right: 20px;bottom: 20px;width: 45px;height: 45px;background: url(../img/btnYukariGit.png) no-repeat #fff center center;}

.divUstGeri{width:100%;background: url(../img/btnGeri.svg) no-repeat 3% center;background-size: 12px;border-bottom:1px solid #d1d1d1;font-family:"MangoSans-Light";font-size: 16px;text-align: center;padding: 8% 0;}
/**********************************/


/* ANASAYFA */
.divSlide {display: block;width: 100%;overflow: hidden;}
.divAnaBanners { display: table; width: 100%; }
.aAnaBanner {float: left;display: block;position: relative;margin-bottom: 5%;width: 100%;overflow: hidden;text-align: center;color: #000000;}
.divAnaBannerR { margin: auto auto; background-color: #fff;  }
.divAnaBannerB { position: relative; }
.divAnaBannerB > div {display: block;margin: auto auto;}
.divAnaBannerB1 {font-size: 22px;text-align:center; font-family:ZwFont1;}
.divAnaBannerB2 {font-size: 16px;text-align:center; font-family:ZwFont1;}

.divAnaIletisim > div { background-color:#f5f5f5; padding: 10% 0;}
.divAnaIletisim > div:first-of-type { border-right:2px solid #fff;}
.divAnaIletisim > div:last-of-type { border-left:2px solid #fff;}

.divAnaIletisim > div > a > *{ float:none; display:block; text-align:center; margin:auto; font-family:Arial; font-size:9px;}
.divAnaIletisim > div > a > img{max-width: 60px;}


/*NESLIHAN*/
.divAnaBanners .aAnaBanner {width: 100%;}
.divAnaBanners .aAnaBanner .divAnaBannerB {}
/*.divAnaBanners > .aAnaBanner:nth-child(1) .textCenter {display:none;}
.divAnaBanners >  .aAnaBanner:nth-child(2) .textCenter {display:none;}*/

.divGaleriDis {display: block;width: 100%;padding-bottom: 10px;}
.divGaleriBaslik {position: relative;margin-top: 0px;font-size: 18px !important;line-height: 40px;text-align: center;font-family: "MangoSans-Light";}
.divGaleriBaslik > h2  a:first-of-type { font-size: 50px; font-family: ZWFont1 }

.owlGaleri {}

.divGaleriIc {float: left;display: table;width: 100%;/* padding: 5%; */position: relative;text-align: center;cursor: pointer;overflow: hidden;}
.divGResim {overflow: hidden;position: relative;}
    .divGResim img {position:absolute;bottom:0px;
    }
/**********************************/


/* URUNLER */
.divUrunler { display: block; margin: 0px 1%; width: 100%; }
.divUrunlerBaslik {font-family: Arial;position: relative;margin: 0 0 15px 0px;font-size: 12px;text-align: center;font-weight: bold;letter-spacing: 0px;}
/*.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:nth-of-type(4n+1) .item { margin-right: 4.5%; }
.owlUrunler .owl-item:nth-of-type(4n+2) .item { margin-right: 3%; margin-left: 1.5%; }
.owlUrunler .owl-item:nth-of-type(4n+3) .item { margin-right: 1.3%; margin-left: 3%; }
.owlUrunler .owl-item:nth-of-type(4n+4) .item { margin-left: 4.7%; }*/


.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; padding-right: 1%; } /* padding: 1%; border-bottom: solid 1px #e7e7e7;border-right: 1px solid #e7e7e7; */
.divUResim img { display:inline !important; }
.divUReyon {position: absolute;top: 4%;right: -6%;}
.divUReyon img { width:50%;}
.divUKargo { display: none; position: absolute; bottom: 7.5%; right: 0px; width: 25px; height: 140px; background: url(../img/imgUKargoBedava.png) no-repeat right bottom;  }
.divUStokYok { opacity: 0.6; position: absolute; left: 0px; top: 0px; }
.divUPageP {display:none;position:absolute;left:3px;top:0%;height:100%;width:20px;z-index:99;}
.divUPageN {position:absolute;right:3px;top:0%;height:100%;width:20px;text-align:right;z-index:99;}
.divUPageN span {position:absolute;top:50%;margin-top:-10px;font-size:20px;color:#ccc;right:0px;}
.divUPageP span {position:absolute;top:50%;margin-top:-10px;font-size:20px;color:#ccc;right:0px;}
.divUIndirim {position: absolute;top:0%;right:15%;background-color:#ffffff;color:#000000;display: none;}
.divUIndirim > span:first-child { font-size:30px;}
.divUDetay {text-align: center;}
.divUVaryant {position:  absolute;margin-bottom: 5px;padding-bottom: 5px;height:20px;right:  0;top: 0;}
.divURenk {text-align:left;margin-right: 5px;margin-top:  3px;display:none;}
.divURenk > a {position:relative;display: block;margin: 0px 3px;width: 30px;height: 30px;background: no-repeat center center;background-size: contain !important;}
.divURenk > a:before {content:" ";width: 40px;height: 40px;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: 10px;font-family: Arial;letter-spacing: 0px;padding-top: 10px;}
.divUFiyat {font-family: "MangoSans-Regular";padding-top: 3px;margin-bottom: 10px !important;}
.divUFiyat1 {font-size: 13px;font-family: Arial;color: #000000;letter-spacing: 0px;}
.divUFiyat2 {font-size: 11px;color: #969696;margin-right: 5px;position:relative;font-family: "MangoSans-Regular";letter-spacing: 1px;}
.divUFiyat2:after {content: " ";border: 0.5px solid #686868;transform: rotateZ(-15deg);position: absolute;width: 80%;left: 6px;bottom: 6px;opacity: 0.7;}
.cbUFStok {font-size:13px;}

.adivUstLeftGeri {float: left;position:absolute;width: 20px;height: 20px;background: url('../img/btnGeri.svg?v=01') no-repeat center center;background-size:  contain;/* margin: 5px 0; */left: 0px;margin-top: 15px;padding: 0px 25px;margin-bottom: 13px;margin-right:35px;}
.adivUstLeftGeriT {float: left;display: inline-block;width: 20px;height: 20px;background: url('../img/btnGeri.svg?v=01') no-repeat center center;background-size:  contain;margin: 5px 0;margin-left:14px;margin-top: 15px;padding-right:25px;}
.divUUst {display: table;font-size: 14px;width: 100%;/* line-height: 20px; */margin-bottom: 3px;height: 40px;}
.divUUst1 { padding: 15px 25px; background-color: #646464; color: #fff; }
.divUUst2 {padding-top: 14px!important;padding: 5px 10px;font-size: 12px;height: auto;background-color: #f1ecea;font-family: "MangoSans-Light";font-size: 16px;height: 55px;}
.divUUst2 ul > li {
    float: left;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: "MangoSans-Light";
}
.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: 20px;height: 20px;background: no-repeat center center;background-size: contain;} */

.divMUUstGorunum  a{display: inline-block;margin-left: 0px;margin-bottom: -12px;width: 20px;height: 20px;/* background: no-repeat center center; */background-size: contain;}
.divMUUstGorunum1 {background-image: url(../img/icoGosterim1.svg)!important;}
.divMUUstGorunum1A { background-image: url(../img/icoMUGoserim1A.png) !important}
.divMUUstGorunum2 { background-image: url(../img/icoMUGoserim2.png) }
.divMUUstGorunum2A {background-image: url(../img/icoGosterim2.svg);}

/* .divMUUst {display:inline-block;width:100%;}
.divMUUstFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7; }
.divMUUst > div:first-of-type {text-align: right;position: absolute;display: block;line-height: 50px;left: 3%;top: 53px;z-index:99;}
.divMUUst > div:nth-of-type(2) {display: inline-block;width: 100%;position:  relative;text-align: center;/* border-top: 1px solid #ddd; */padding: 10px 0;}
.divMUUst > div:nth-of-type(1) > a {display: inline-block;font-family: Arial;font-weight:  bold;font-size:  12px;}
.divMUUst > div:nth-of-type(2) > a {    font-family:  "MangoSans-Light";    font-size: 16px;    color: #9b9b9b;}
.divMUUstGorunum{left: 10px;position: absolute;top: 5px; width: 100%;}
.divMUUstGorunum > div {width: 50%; display: inline;}
.divMUUstGorunum > div:nth-of-type(1) {float: left;}

.divMUUst{/* padding: 10px 20px; *//* margin-bottom: 2%; */border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; line-height: 30px;text-align: center;font-size: 10px;letter-spacing: 1px;font-family: "MangoSans-Light";}
.divMUUst > div:nth-of-type(2) > 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 {padding: 10px 10px;/* border-right: solid 1px #e1e1e1; */text-align: center;}
.divMUUst > div:last-of-type {padding: 10px 10px;border-left: 1px solid #ededed;}


.divUFiltre {    top: 0;}
.divUFCerceve {display: inline-block;position: relative;margin-bottom: 5px;width: 100%;overflow: hidden;padding: 0 5%;}
.divUFUzatH {max-height:280px;}
.divUFCerceve:last-of-type { border-bottom: none; overflow: hidden;}
.divUFCerceveBaslik, .divUFCerceveBaslikYatay {text-align:left;font-size: 15px;line-height: 45px;font-family: "MangoSans-Light";border: 1px solid #bebebe;padding-left:  20px;}
.divUFCerceveBaslik:after{position:absolute;content:"";background:url(../img/icoAdresKapat.svg) no-repeat;background-size: contain;width: 16px;height: 16px;right: 10px;top: 10px;}
.divUFCerceveBaslikYatay {writing-mode: inherit;height: inherit;}
.divUFCerceveDetay {padding: 2% 5%;font-family: "MangoSans-Light";max-height: 250px;overflow: auto;background-color: #fff;display:none;}
.divUFCerceveDetay:first-of-type {display:block;}
.divUFCerceveDetayDuz { padding: 2% 0%; }
.divUFCerceveUzat { cursor: pointer; display:none; 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:  Arial;}
.divUFCFiyatSlideF2 {position: absolute;top: 15px;right: 10px;font-family: Arial;}
.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; }
.divUUrunlerG1 > .divUrun {width: 100%;/* padding: 0px 4% 0% 0%; */border-top: 1px solid #e7e7e7;margin-bottom: 5%;}
.divUUrunlerG2 > .divUrun {width: 50%;/* padding: 0px 4% 0% 0%; *//* border-top: 1px solid #e7e7e7; *//* margin-bottom: 5%; */}
.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: 23%; margin: 0px 2.66% 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 {width: 100%;text-align: center;    padding-bottom: 100px;}
.divUPager > a { display: inline-block; width: 50px; height: 40px; border: solid 1px #e7e7e7; line-height: 40px; text-align: center; }
.aUPagerAktif { background-color: #e7e7e7; color: #000; font-weight: bold; }
/**********************************/



/* URUN DETAY */
.divUDDis {
    width: 100%!important;
    padding-bottom: 74px;
    
background-color: #e8e8e6;}
.divUDResimKucuk {  margin-top: 15%; }
.divUDResimKucuk > a { display: block; margin: 0px 15px 15px 0px;  }
.divUDResimBuyuk { margin-top: -4%; }
.divUDResimBuyuk > a { display: block;  }

.divUDSag {text-align: center;/* display: inline-block; */}
.divUDSag > * {}
.divUDSag > div:first-of-type { margin-top: 3%; text-align:center;}
.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 {background-color: #e8e8e6;text-align: center;position: fixed;width: 100%;height: 52px;line-height: 52px;z-index: 9;font-family: "MangoSans-Light";font-size: 12px;/* border-bottom: 1px solid #ddd; */}
.divUDAd1 {
    letter-spacing: 1px;
}
.divUDAd2 { font-size: 14px; }

.divUDOzet {display:table;font-size: 12px;font-family: "MangoSans-Light";text-align-last: center;width: 100%;background-color: #e8e8e6;}


.divUDOzetDetay {
    display:block;
    font-size: 11px;
    width: 100%;
    color: #000;
    text-align: center;
}


/*.divUDOzet > div:first-of-type{position:relative; font-size:14px; border-bottom:#e7e7e7 1px solid;line-height: 400%;}*/
/*.divUDOzet > div:first-of-type:after{position:absolute;content:"";background:url(../img/icoAdresAc.svg) no-repeat;background-size:contain;width: 16px;height:16px;right: 5%;top: 20px;}*/


.divUDOzellik{font-family:"MangoSans-Light";line-height: 200%; /* font-size: 13px; */}
.divUDOzellik > span{ font-family:"MangoSans-Light"; font-weight: normal;}
.divUDFiyat {position:  fixed;bottom: 40px;right: 0;width: 50%;height: 40px;z-index: 4;border: none;background-color:#fff;border-top: 1px solid #ededed;}
.divUDFiyatSatis {font-family: "MangoSans-Regular";padding-left: 10px;color: #000;font-size: 16px;text-align:center;line-height: 40px;display:  inline-block;}
.divUDFiyatEtiket {color: #999;text-decoration: line-through;font-weight:  normal;font-family: "MangoSans-Regular";letter-spacing: 1px;text-align: center;font-size: 11px;display:  inline-block;}
.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; }
.divUDVaryant > div {}
.divUDVaryant > div > div {margin-top: 0px;/* width: 100%; */display: table;margin: auto;}
.divSlideM {display:block;position:relative
}
.divUDAlt {width: calc(100% - 40px);background-color: #ffffff;margin: auto;margin-top: 20px;/* padding-bottom: 20px; */}
.divUDTabDis {display: table;width: 100%;margin: auto;background-color: #ffffff;}

.divUDRenk {width:100%;display:block;margin-top:10px;padding-bottom:20px;background-color:#e8e8e6;padding-top: 20px;display:table}
.divUDRenk div{display:table;margin:auto;}
.divUDRenk > div > a {cursor:pointer;display: block;position: relative;float: left;margin: 5px;width: 50px;height: 50px;background: no-repeat center center;background-size: contain!important;border:1px solid transparent;}
.divUDRenk > div > a:before {content:" ";padding:9px;width:34px;height:34px;position:absolute;left:-3px;top:-3px;}
.divUDRenkKutuA { border:1px solid #000 !important; }
.divUDBeden {position: fixed;bottom: 80px !important;left:  0;width: 100%;background-color:  #fff;border-top: 1px solid #e7e7e7;padding: 10px 0;display:none}
.divUDBeden > div > h4 > div ,.divUDBeden > div > h4 > a {position: relative;display: inline-block;margin-right: 4px;margin-left: 4px;margin-bottom: 5px;border: solid 1px #000;/* border-radius:  100%; */text-align: center;color: #000;padding: 11px 11px;font-family: "MangoSans-Light";background-color: #fff;font-size: 11px;}
.divUDVaryant > div:nth-of-type(1) {
    bottom: 40px;
}
.divUDVaryant > div:nth-of-type(2) {
    bottom: 102px;
    /* border-top: solid 1px #ffffff; */
}
.divUDBedenA, divUDBedenPA {
    color: #fff !important;
	background-color: #000 !important;
    border-color: #000 !important;
    font-weight: bold;
    border: 1px solid;
}
.divUDBedenP {border-color: #f9f7f7 !important;color: #9d9898 !important;background-color: #f1f1f1 !important;}
.divUDBedenP:after {content:"";position: absolute;top: -7px;right: -4px;border: 1px solid #ededed;border-radius: 100%;height: 20px;width: 20px;background-image: url(../img/ud-zil.png);background-size: contain;}
.divUDBedenPA:after {content:"";position: absolute;bottom: 3px;left: 7px;border-top: 1px solid #cfcfcf;height: calc(50% - 1px);width: 100%;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; }
.divUrunAd{position:  fixed;bottom: 40px;padding-left: 5px;margin:auto;text-align:left;width: 50%;height: 40px;background-color: #fff !important;border-top: 1px solid #ededed;}
.divUrunAd > span{color: #000 !important;font-size: 11px;font-family: "MangoSans-Light";width: 100%;line-height: 40px;}
.divBedenSec {
    position:  fixed;bottom: 0px;left: 0;margin:auto;text-align:center;width: 50%;height: 40px;background-color: #ededed !important;
}
.divBedenSec > span{color: #000 !important;font-size: 12px;letter-spacing: 0px;/* font-weight: bold; */font-family: "MangoSans-Regular";width: 100%;line-height: 40px;}
.divUDButon {position:  fixed;bottom: 0px;right: 0;margin:auto;text-align:center;width: 50%;height: 40px;background-color: #000 !important;}
.btnUDSepet, .btnUDHizli {/* background: url(../img/btnUDSepet.svg) no-repeat #000 9% center !important; */background-size: 30px !important;color:#ffffff !important;font-size: 12px;letter-spacing:1px;font-weight: bold;font-family: "MangoSans-Regular";width: 100%;line-height: 40px;}
.btnUDHizli { background-color: #ffffff !important; border:solid 1px #000000 !important; color: #000000 !important; margin-top:10px; }

.divSiparisUrunler .btnUDSepet {
    padding: 10px;
    cursor: pointer;
    float: none;
    background-color:#000;
}

.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;  }

.divUDTab { display: table; width: 100%; margin-bottom: 10px; /*border-bottom: solid 1px #cbcbcb;*/ margin-top:20px; font-family:Arial; letter-spacing:1px; }
.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 { display: none; margin-bottom: 20px; font-size: 13px; }
.divUDTabDis img { max-width: 100%; }
.divUDOnSiparis {width:100%;text-align:center;font-size: 12px;position: fixed;/* font-weight: bold; */color: #fff;left: 0;background-color: red;opacity: 0.7;font-family: Arial;padding: 5px 0px;border-radius: 6px;bottom: 180px;display:none;}

.modalOnSiparis .divUDOnSiparis {font-weight:normal;text-align:center;text-align-last:center;display:block !important;position: relative;bottom: 0px;background: none;color: red;opacity: 1;}
.modalOnSiparis .btnUDHizli {font-size: 14px;background-color: #ededed !important;border: 1px solid #000000 !important;width:98%;}


/**********************************/


/* S1SEPET */
.divSMenu {display: block;position: fixed;background-color: #fff;width: 100%;text-align: center;font-size: 14px;/* position:relative; */z-index:9;}
.divSMenu a {position: relative;display: inline-block;font-family: "MangoSans-Light";font-size: 16px;height: 45px;line-height: 45px;text-align: center;width: 100%;background: url(../img/btnGeri.svg) no-repeat 20px 15px;background-size: 12px;border-bottom: 1px solid #e7e7e7;/* padding: 5px 0; */}
.divSMenu a:last-of-type { margin-right: 0px; }

.aSMenuAktif {}
.aSMenuAktif:before { content: ""; position: absolute; left: 0px; top: 0px; width: 50px; height: 45px; background: no-repeat #000 left center; display:none; }
.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: table;width: 100%;background-color: #fff;margin-bottom: 3%;padding-bottom:200px;}
.divSOBaslik {position: relative;padding: 20px 0px 20px 35px;width: 100%;color: #b2b2b2;font-size: 14px;text-align: left;font-family: "MangoSans-Light";border-bottom: 1px solid #ededed;}

.divSOBaslik:before{position:absolute;content:"";width: 16px;height:16px;left: 0;top: 25px;}
.divSOBaslik:after{position:absolute;content:"";background-size:contain;width: 16px;height:16px;right: 0;}

.divSOBaslikDuzenle {}
.divSOBaslikDuzenle > span { display:block; font-size:14px; color:#000;}

.divSOBaslikDuzenle:after{position:absolute;content:"";background:url(../img/icoAdresDuzenle.svg) no-repeat;background-size:contain;width: 20px;height: 20px;right: 0;top: 20px;}
.divSOSol {font-family: "MangoSans-Light" !important;text-align: justify;}



.divSOSag {background: #fff;position:  fixed;bottom:  0;left:  0;border-top: 1px solid #dfdfdf;}
.divSOSag > div {}
.divSOSag > div:nth-of-type(1) {margin: 10px 0;text-align: center;font-family: "MangoSans-Light";/* font-weight: bold; */font-size: 15px;}
.divSOSag > div:nth-of-type(1) > div > div:nth-child(1) {float:left;width:55%;text-align: right;padding-right: 10px;}
.divSOSag > div:nth-of-type(1) > div > div:nth-child(2) {float: left;width: 40%;text-align: left;font-weight:bold;}

.divSOSag > div:nth-of-type(2)  input{padding: 20px;background-color: #000;color: #ffffff;text-align: center;letter-spacing:1px;width:100%;font-size: 16px;font-family: "MangoSans-Light";line-height: 130%;}
.divSOSag > div > div > span:last-of-type{ display:block; color:#999; font-size:11px;     line-height: initial; font-family: "MangoSans-Light"; }

.Onay .divSOSol {float:right;}
.Onay .divSOSag {float:right;}
.divSOFiyat {font-size:15px !important ;font-weight:bold;}
.divSOFiyat > div {line-height:20px; display:table;margin:auto}
.divSOFiyat > div span {margin-left:3px;}
.divSOUyari {
    font-weight:normal;font-size:11px;
    margin-top:10px !important;
    text-align:center;
}
.divSSepet {
    display: table;
    width: 100%;
    border-bottom: solid 1px #ededed;
    font-family: "MangoSans-Light";
}
.divSSepet .divSSepetSatir:last-of-type { border-bottom: none; }

.divSSepetBaslik { display: table; width: 100%; background-color: #f8f8f8; border-bottom: solid 1px #ededed; line-height: 30px; }
.divSSepetBaslik > div { display: table-cell; padding: 10px 15px; border-right: solid 2px #fff; vertical-align: middle; }
.divSSepetBCheck { width: 60px; background-color: #ffffff; border-right: solid 1px #ededed !important; }
.divSSepetBCheck label { padding-left: 15px !important; }
.divSSepetBUrunAd { width: calc(55% - 120px); }
.divSSepetBBFiyat { width: 15%; text-align: right; }

.divSSepetBAdet { width: 15%; text-align: center; }
.divSSepetBToplam { width: 15%; text-align: right; }
.divSSepetBSil { width: 60px; text-align: center; }

.divSSepetSatir { display: table; width: 100%; border-bottom: solid 1px #ededed; line-height: 30px; }
.divSSepetSatir > div { display: table-cell; padding: 15px 15px; border-right: solid 2px #fff; vertical-align: middle; font-family:"MangoSans-Light"; }
.divSSepetSCheck { width: 60px; background-color: #ffffff; border-right: solid 1px #ededed !important; }
.divSSepetSCheck label { padding-left: 15px !important; }
.divSSepetSUrunAd { width: calc(55% - 120px); }
.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:"MangoSans-Light"; }
.divSSepetSUrunAd a div div { font-weight: normal; }
.divSSepetSUrunAd  .divSSepetSAciklama{font-size:12px;color:red;}
.divSSepetSBFiyat { width: 15%; text-align: right; font-size: 18px; }
.divSSepetSAdet { width: 15%; text-align: center; font-size: 18px;  }
.divSSepetSToplam { width: 15%; text-align: right; font-size: 18px; }


.divSSepetSSil {margin-top: 50px;}

.txtSSAdet { line-height: 40px; border: none; background-color: transparent; width: 40%; background-color: #ededed; color: #333333; font-size: 14px; text-align: center; }
.btnSSSil {width: 20px;height: 20px;border: none;background: url(../img/btnSSSil.svg) no-repeat center center;background-color: #000000 !important;background-size: 40%;}

.diSAlt { display: table; width: 100%; background-color: #fff; padding-top: 2.5%;  }
.btnSSFavori {background: url(../img/btnSSFavori.svg) no-repeat;background-size: 70%;width:  30px;height: 30px;text-align: left;background-position: left;}
.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: block;width: 35%;border: solid 1px #ededed;}
.txtSSKupon {text-indent: 10px;height: 45px;border: none;background-color: transparent;width: calc(65% - 0px)!important;color: #363636;font-size: 12px;font-family: "MangoSans-Light";width: 100%;}
.btnSSKupon {float: right;height: 45px!important;width: 30%;background-color: #000 !important;color: #fff !important;font-size: 12px;}
/**********************************/


/* 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:"MangoSans-Light"; }
.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%; margin-top: 3%; }
.divSAdresAlt > div:first-of-type {}
.btnSAYeni, .btnSAGuncelle {width:100%;display:  block;text-align:  center;padding: 20px 0;margin: 20px 0;font-family:  Arial;font-weight:  bold;font-size: 14px;}
.btnSAYeni {background:#fff;border:1px solid #000;color:#000;}
.btnSAGuncelle {background:#000; border:1px solid #000; color:#fff; }

.divSAdresKayit {display: table;width: 100%;background-color: #ffffff;margin-top: 10px;}
.divSAdresKayit > div {float: left;margin: 2% 0;width: 100%;border: solid 1px #ededed;}
.divSAdresKayitTek {width: 100% !important;}
.divSAdresKayit > div > input, .divSAdresKayit > div > textarea, .divSAdresKayit > div > select {padding: 0px 5px;width: calc(100% - 50px);height: 50px;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);background-size: 12px;}
.divSAdresKayitAlt {width: 94% !important;border: none !important;margin-top: 20px;}
.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;display: none;}
.divSKargoBaslik > div {display: table-cell;padding: 10px 15px;border-right: solid 2px #fff;vertical-align: middle;font-size: 12px;}
.divSKargoBCheck {width: 46px;background-color: #ffffff;/* border-right: solid 1px #000 !important; */}
.divSKargoBCheck label { padding-left: 15px !important; }
.divSKargoBAd { width: calc(55% - 60px); }
.divSKargoBFiyat {width: 38%;text-align: right;}
.divSKargoBKOdeme { width: 25%; text-align: right; }

.divSKargoSatir { display: table; width: 100%; border-bottom: solid 1px #fbeded; line-height: 30px; font-family:"MangoSans-Light"; }
.divSKargoSatir > div {display: table-cell;padding: 20px 10px;border-right: solid 2px #fff;vertical-align: middle;}
    .divSKargoSatir > div > div > span {font-size:11px;}
.divSKargoSCheck {width: 45px;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%;    margin: 1.5% 0px;    background-color: #ffffff;    /* border: solid 1px #ededed; */    /* box-shadow: inset 0 2px 2px rgba(0,0,0,.075); */}
.divSOdemeTipAktif { border: solid 1px #ededed; background-color:#f8f8f8; }
.divSOdemeTipBaslik > div:first-of-type {position: relative;width: 100%;color: #b2b2b2;font-size: 18px;text-align: left;font-family: "MangoSans-Light";border-bottom: 1px solid #e7e7e7;padding: 10px 0px 10px 20px;}
.divSOdemeTipBaslik > div:first-of-type:before{position:absolute;content:"";width: 16px;height:16px;left: 0;top: 20px;}

.divSOdemeTipBaslik > div:first-of-type:after{position:absolute;content:"";width: 16px;height:16px;right: 0;}

.divSOdemeTipBaslik > div:first-of-type > label{ font-weight: bold; }
.divSOdemeTipDetay {display: table;width: 100%;margin-top:10px;}
.divSOdemeTipBaslik > div:last-child {display:none;
}

.divSOdemeTipDetayKKSol, .divSOdemeTipDetayKKSag {display: table;width: 100%;color: #000000;}
.divSOdemeTipDetayKKSag { margin-top: 4%; }
.divSOdemeTipDetayKKSol > div > div {float: left;margin: 2% 0px;width: 100%;border: solid 1px #ededed;color: #000000;}

.divSOdemeTipDetayKKSol50 { width: 49% !important; margin-right:1%; float:left!important; }
.divSOdemeTipDetayKKSag50 { width: 49% !important; margin-left:1%; float:right!important; }
.divSOdemeTipDetayKKSol > div > div > input, .divSOdemeTipDetayKKSol > div > div > select {padding: 0px 5px;width: calc(100% - 50px);height: 45px;background-color: transparent;border: none;line-height: 250%;font-size: 12px;color: #000000;font-family: "MangoSans-Light";}
.divSOdemeTipDetayKKSol > div > div > select {width: calc(100% - 10px);background-image: url(../img/icoS2Secim2.png);background-size: 10px 6px;}

.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:"MangoSans-Light"; }
.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; }

.divSOdemeKartSakla {
    position: relative; display: inline-block; clear: both;margin-bottom:45px;
}

/**********************************/



/* 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: 12px; font-family:"MangoSans-Light"; }
.divSOnaySecimDetay {  display: table; margin-right: 0px; width: 100%; }
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: 2%; padding-left: 70px !important; width: 100%; background-color: #f5f5f5; line-height: 200%; font-family:"MangoSans-Light"; font-size:12px; }
.divSOSozlesme {font-size: 9px;}
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; }


/**********************************/


/* S5SONUC */
.divSSonuc { display: table; width: 100%; 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:"MangoSans-Light";  }
.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%; 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 {/* padding-bottom:70px; */}
.divHOrta > div {display: table;padding-top: 55px;}

.divMHUst {display: block;margin: 2% 0px;background-color: #fff;border-bottom: 1px solid #e7e7e7;text-align: center;font-family: "MangoSans-Light";font-size: 20px;padding: 2% 0;}
.divMHUstFixed { position: fixed; z-index: 111; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7; }
.divMHUst > div {}
.divMHUst > div:last-of-type {}

.divMHUst > div:nth-of-type(1) > a {display: inline-block;background: url(../img/btnGeri.svg) no-repeat 3% center;width: 100%;background-size: 10px;}
.divMHUst > div:nth-of-type(1) > span {font-size: 12px;}
.divHFiltre {width: 100%;background-color: #ffffff;}
.divHKategori {display: inline-block;width: 100%;}
.divHKategori:last-of-type {}

.divHKategoriBaslik {font-size: 10px;font-family:"MangoSans-Light";text-align:  center;}
.divHKategoriDetay {}
.divHKategoriDetay a {position:relative;/* margin-bottom: 2%; */color: #000;padding: 15px 0px 15px 55px;border-bottom: solid 1px #e2e2e2;display: block;width: 100%;font-family: "MangoSans-Light";font-size: 14px;}
.divHKategoriDetay a:before{position:absolute;content:"";width: 20px;height: 20px;left: 20px;top: 16px;}
.divHKategoriDetay .aUye:before{background:url(../img/icoKullanici.svg) no-repeat; background-size:contain;}
.divHKategoriDetay .aSifre:before{background:url(../img/icoSifre.svg) no-repeat; background-size:contain;}
.divHKategoriDetay .aSiparis:before{background:url(../img/icoSiparisler.svg) no-repeat; background-size:contain;}
.divHKategoriDetay .aIndirim:before{background:url(../img/icoIndirim.svg) no-repeat; background-size:contain;}

.divHKategoriDetay a:after{position:absolute;content:"";background:url(../img/icoHesabimAc.svg) no-repeat;background-size:contain;width: 16px;height:16px;right: 20px;}

.divHSag {margin:auto;margin-bottom: 40px;width: 90%;background-color: #fff;line-height: 170%;font-family:"MangoSans-Light";font-size:12px;line-height:25px;}
.divHBaslik { font-size: 16px; font-weight: bold; margin-bottom: 2%; font-family:"MangoSans-Light"; }
/**********************************/


/* 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:"MangoSans-Light"; }
.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;height: 45px !important;background-color: #000 !important;color: #fff !important;letter-spacing: 1px;font-family: "MangoSans-Light";}
.btnIFGonder { float: right; background-color: #8d0303 !important; }

.divIAdres {padding-bottom: 10px;padding-top:10px !important;}
.divIABaslik {font-size: 20px;line-height: 150%;text-align: left;font-family: "MangoSans-Regular";}
.divIABaslik > div { font-size: 18px; font-weight: normal; }

.divIAMagazalar { display: table; margin-top: 2.5%; font-size: 12px; }
.divIAMagaza {float: left;display: table;width: 100%;padding: 20px;border: 1px solid #d9d9d9;margin-bottom: 15px;background-color: #f5f5f5;}
div.divIAMagaza:last-of-type { margin-right: 0px; }
.divIAMagaza > div {font-family: "MangoSans-Light";font-size: 13px;margin-top: 10px;}
.divIAMagaza > div > a {/*color:#0c0ac4;*/}
.divIAMagaza > div:first-of-type {margin-top: 10px;font-family: "MangoSans-Light";font-size: 16px;}
/**********************************/


/* SSS */
.divHSSS {display: table;width: 100%;padding: 10px 0px;background-color: #ededed;border: 1px #ccc;margin: 15px 0;border-radius: 5px;}
.divHSSSBaslik {padding-left: 40px;background: url(../img/icoSSS1.png) no-repeat 10px center;/* font-weight: bold; */font-size: 12px;color: #000000;}
.divHSSSBaslikAktif { background-image: url(../img/icoSSS2.png); }
.divHSSSDetay {display: none;margin-top: 15px;padding-left: 40px;font-size: 11px;font-family: "MangoSans-Light";/* background-color: #ededed; */}

/**********************************/


/* UYELIK */
.divKOrta {overflow: hidden;}

.divKSol {/* margin-right: 20px; *//* width: calc(35% - 20px); */background-color: #fff;}
.divKSag {width:  100%;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:"MangoSans-Light";}
.divKSagBaslik {background-color:#fff;position: fixed;top: 0px;z-index:9;left: 0px;height: 55px;line-height: 55px;font-family: "MangoSans-Light";font-size: 16px;text-align: center;width: 100%;border-bottom: 1px solid #e7e7e7;/* padding: 5% 0; */}

.divKKayit {display: table;width: 100%;padding: 10% 0px;}
.divKKayit > div {float: left;margin: 2% 0;width: 100%;border: solid 1px #ededed;}
.divKKayitTek {width: 100% !important;}
.divKKayit > div > input, .divKKayit > div > select {padding: 0px 10px;width: 90%;height: 45px;background-color: transparent;border: none;color: #363636;line-height: 250%;font-size: 12px;font-family: "MangoSans-Light";}
.divKKayit > div > select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divKKayitAlt {margin-top: 2%;padding: 1%;border: none !important;}
.divKKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divKKayitGKod input { float: left; margin-top: 0px;  text-indent: 10px; }
.divKKayitGKod img { float: right; }

.divKKayitButon {border: none !important;}
.divKKayitButon > a { font-size: 14px; letter-spacing: 1px; text-decoration: underline; }
.btnKRenk1, .btnKRenk2, .btnKRenk3, .btnKRenk4 {float: left;padding: 1% 0px;width: 100% !important;height: 55px !important;background-color: #000000 !important;color: #fff !important;letter-spacing: 1px;border-radius: 0px !important;}
.divKKayitSozlesme  {font-family: "MangoSans-Light";min-height:55px;}
.divKKayitSozlesme > label {padding-right:0 !important;
}
.btnKRenk2 {background-color: #000!important;}
.btnKRenk3 { background-color: #3f5d9b !important; }
.btnKRenk4 {background-color: #000!important;background: url(../img/icoOturumKapat.svg) no-repeat 25% center;background-size: 20px;width: 90% !important;margin-left: 5%;margin-top: 5%;}
 
.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%; padding-bottom:70px;}
.divKSiparis .divKSiparisSatir:last-of-type { border-bottom: none; }

.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%; }
.divKSiparisB10 { width: 10%; text-align: right; }

.divKSiparisSatir {display: table;position:  relative;width: 100%;background-color: #f5f5f5;border-bottom: solid 1px #e7e7e7;border-top: solid 1px #e7e7e7;line-height: 25px;margin: 10px 0;padding: 0px 0 10px 0;}
.divKSiparisSatirKargo{border-left: 3px solid #71da76;}
.divKSiparisSatirOnay{border-left: 3px solid #000000;}
.divKSiparisSatirIptal{border-left:5px solid #9d0606;}

.divKSiparisSatir > div {padding: 0px 10px;vertical-align: middle;width:100%;position:relative;z-index:1;font-family: "MangoSans-Light";line-height: 40px;}
.divKSiparisSatir > div:nth-of-type(2)  {position:absolute;right:10px;top: 0px;text-align: right;z-index:0;}
.divKSiparisSatir > div:nth-of-type(3)  {line-height: 10px;}
.divKSiparisSatir > div:nth-of-type(4)  {font-family: "MangoSans-Light";font-size: 14px;line-height:  30px;padding-top: 10px;font-weight: bold;}
.divKSiparisSatir > div:nth-of-type(5)  {font-family: "MangoSans-Light";line-height: 25px;}
/**********************************/


/* 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: 20px;font-weight: bold;}
.divTTabloBaslik > div {display: table-cell;padding: 5px 3px;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: 11px;}
.divTTabloSatir > div {display: table-cell;padding: 5px 3px;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:"MangoSans-Light";font-size:14px; color:#000;letter-spacing:1px;margin-top:50px;}
.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: "MangoSans-Light";}
.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;}



/* 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); }
}



 

/* Cihan */
.textCenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; }
.textCenter div:nth-of-type(1) {font-family: "MangoSans-Regular";font-size: 7vw;letter-spacing: 5px;}
.textCenter div:nth-of-type(2) {font-family: "MangoSans-Regular";font-size: 2.5vw;letter-spacing: 3px;margin-top: 2.5vh;text-decoration: underline;}


.dropdown  li {list-style-type: none;}
.dropdown  li a {font-family: "MangoSans-Regular"; font-size: 3.5vw; letter-spacing: 2px; line-height: 5vh; display: block; text-align: center;text-decoration: none; color: #fff; }
/*.dropdown ul li a:hover { background: #0d7ad0; }*/
.changePosition{ top: 15%; transition: 0.5s; }
.anaKategori .col-wb-2 div:last-child {margin-top: 80px;font-size: 10px;padding-left: 15px;font-family: "MangoSans-Light";letter-spacing: 1px;}
.anaKategori .owl-item {width: 65px !important;margin-right: 11px;margin-top: 5px;}
.anaKategori .owl-item .item div {text-align: center;font-size: 10px;letter-spacing: 1px;padding: 10px 0;font-family: "MangoSans-Light";}
.anaKategori { height: 80px; }

/* Merve */
.divUDOrta{width: 100%!important;}
.renkAd{display: block;position: absolute;bottom: -20px;color: #000000;font-family: "MangoSans-Light";font-size: 8px;text-align: center;width: 100%;}
.divUUrunler {padding-left: 5px; padding-right: 3px;padding-bottom:90px;}
.divAramaUst {margin-top:30px !important;}
.divUUrunler .divUResim {padding-right: 2px;}
.divUUstAd{display: table;font-size: 14px;width: 100%;height: 20px;}
.divUUstAd > .divUUst2 {padding: 0%!important;height: 40px;line-height: 40px;background-color: #ffffff;text-align: center;position: fixed;width: 100%;top: 0px;left: 0px;z-index: 1;}
.divUUstAd > .divUUst2 > .adivUstLeftGeri{float: left;position: absolute;width: 20px;height: 20px;background: url(../img/btnGeri.svg?v=01) no-repeat center center;background-size: contain;/* margin: 5px 0; */left: 0px;margin-top: 10px;padding: 0px 25px;/* margin-bottom: 13px; */margin-right: 35px;}
.divUUstAd > .divUUst2 ul > li{font-size: 15px;letter-spacing: 1px;}
.aMUyeKapat{position: absolute;display: block;width: 20px;height: 20px;background: url(../img/btnRightKapat.svg) no-repeat center center;background-size: contain;top: 0px;left: 0px;margin: 15px 0 0 20px;z-index: 99;}
.divMenuOrta {position: fixed;padding-top: 45px;height: 100%;line-height: 35px;overflow-y:auto;/* padding-bottom: 20px; */}
.divMenuOrta > div:first-of-type > div:first-of-type{font-size: 13px;text-align: center;padding: 5px;display: block;font-family: "MangoSans-Regular";letter-spacing: 1px;position: fixed;background-color: #fff;width: 100%;top: 0px;}
.divMenuBaslik {font-size: 20px;line-height: 150%;text-align: left;font-family: "MangoSans-Light";}
.divMenuIcerik {display: table;margin-top: 20px;font-size: 15px;font-family: "MangoSans-Light";}
.divMenuKategori{float: left;display: table;width: 96%;margin-right: 2%;}
.divMenuKategori > div:nth-of-type(1) {font-size: 20px;line-height: 150%;text-align: left;font-family: "MangoSans-Light";}
.divMenuKategori > div:nth-of-type(2) div {padding-bottom: 5px;margin: 10px 0px;font-family: "MangoSans-Light";font-size: 14px;border-bottom: 1px solid #ededed;}
.divTelefon > span {float: left;}
.divTelefon > a {float: right;}
.divMenuOrta > div:first-of-type{position: relative;/* display: table; */width: 100%;height:55px;padding: 0px 0px;/* margin: 10px auto 6px auto */}
.divMenuOrta > div:first-of-type > .aMUyeKapat {margin: 10px 0 0 20px;}
/**********************************/

/* RESPONSIVE */

@media screen and (max-width: 1000px) {

  
  /* S1SEPET */
    /**********************************/
     .divSSepet { border-bottom: none; }
    
    .divSSepetBaslik { display: none; }


    .divSSepetSatir > div { float: left; padding: 5px 3px; line-height: 200%;font-size:12px; }
    .divSSepetSCheck, .divSSepetSSil { float: right !important; text-align: right; }
    .divSSepetSCheck { border-right: none !important; }
    .divSSepetSUrunAd { width: calc(100% - 50px); }
    .divSSepetSBFiyat { width: calc(25%); text-align: left; }
    .divSSepetSAdet { width: calc(25%); text-align: right; }
    .divSSepetSToplam { width: calc(50% - 50px); }
    .divSSepetSKargo { width: 100% !important;font-size: 12px !important;text-align: center;color: red;font-weight: bold;}
    .diSAlt { margin-top: 15px; padding-bottom:20px !important }
    
    .cekSSHPaket { display: table; margin: 20px 0px; width: 100%; }

    .cekSSHPaket label::after { top: -10px; }
    .divSSKupon {width: 100%;}
    .txtSSKupon {height: 45px;}
    .btnSSKupon { height: 35px; font-size: 13px; }

    /* S2ADRES */
    /**********************************/


    /* S3ODEME */


    /**********************************/


      /* S4ONAY */
           /* 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 */

    /**********************************/
  
  
   /* UYELIK */
    /* TAKSIT TABLOSU */
    

    /**********************************/
}

@media screen and (max-width: 414px) {
    
    
}
/**********************************/

@media screen and (max-width: 320px) {
    .anaKategori .col-wb-2 { width: 23% !important;  }
    .anaKategori .col-wb-8 { width: 77% !important;  }
    .anaKategori .owl-item {width:53px !important;}
    /*.owlUrunler .owl-item:nth-of-type(n) .item { margin-right: 0px; margin-left: 0px; }*/
    .divUDBeden > div > h4 > a {
        padding: 8px 10px;
    }
}
/**********************************/





/* 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; }*/
}



/**********************************/