/**
Tüm hakları saklıdır. Şubat, 2015
İst!sna - www.istisna.com.tr
**/


/** fontlar **/


@import url("font/brandon/brandon.css"); /* 'Brandon', 'Brandon Medium', 'Brandon Light', 'Brandon Medium' */
@import url("font/camelia/camelia.css"); /* 'Camelia'*/

/** swpiper **/

@import url("swiper.css"); 
@import url("jquery.range.css");
@import url("jquery-ui.min.css");
@import url("jquery-ui.structure.min.css");
@import url("jquery-ui.theme.min.css"); 
@import url("bankalar.css");
@import url("chosen.css");  
@import url("tooltipster.css"); 
@import url("ion.rangeSlider.css");
@import url("ion.rangeSlider.skinFlat.css");
@import url("jConfirm.css");
@import url("jquery.fancybox.css");
@import url("perfect-scrollbar.min.css"); 
@import url("hotspot.css"); 

/** tümü **/

html, body {margin:0;}
body {overflow-x:hidden;}
body.scrollyok {overflow:hidden}

.solda {float:left;}
.sagda {float:right;}

.sola {text-align:left}
.saga {text-align:right}

img.solda  {margin:0 16px 16px 0}
img.sagda {margin:0 0 16px 16px}

body, section, div, table, aside, article, ul, ol, li, .ui-widget select {font:normal 13px "Brandon", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#222222 }

strong, b, strong span, span strong, .b {font-family:"Brandon Medium"; font-weight:normal}

a {color:#222222;text-decoration:none}
a:hover {color:#ff6e04} 

.turkuaz {color:#00B2B2}
.kirmizi {color:#CA0003}

.sayfaG {max-width:1440px; margin:0 auto}
.gelisme.icsayfa > .sayfaG {position:relative; z-index:1}

p {margin:0;}
p + p, p + h1, p + h2, p + h3, p + h4, p + h5, p + ul, p + ol, ul + p, ol + p, p + div, div + p, p + table, table + p, article + article, p + article, article + p, ol + h3, ol + h2, ul + h2, ul + h3, div + h4, h4 + div, p + form, form + p {margin-top:16px}

p + p.girdi {margin-top:5px}
.girdi + p {margin-top:21px}
p.girdi + p.girdi {margin-top:16px}

h1, h2, h3, h4 {margin:0 0 20px 0;font-family:"Brandon Medium"; font-weight:normal;color:#333333}

h1 {font-size:32px}
h2 {font-size:26px}
h3 {font-size:20px}
h4 {font-size:16px}

.mb {margin-bottom:20px}

ul, ol {margin:0; padding:0;}
li {list-style:none}

img {border:none; max-width:100%; height:auto}

.y10 {font-size:10px} .y11 {font-size:11px} .y12 {font-size:12px} .y13 {font-size:13px} .y14 {font-size:14px} .y15 {font-size:15px} .y16 {font-size:16px} .y17 {font-size:17px} .y18 {font-size:18px} .y20 {font-size:20px} .y24 {font-size:24px} .y32 {font-size:32px} .y50 {font-size:50px}

.tablo { display: table; height: 100%; width: 100%; table-layout: fixed }
.tablo .hucre { display: table-cell;height: 100%; width: 100%; text-align: center; vertical-align: middle;}

.orta {text-align:center}

.dn, .dn.buton {display:none}

.pf {font-family:'Brandon'}
.i {font-style:italic}

.girdi {position:relative}

/** serpme görsel **/

.logo a, .aymarkalar a, .ara-beni a:before, .sepet-durum:before, .bildirim:before, .tl, .yonerge a, .yeni:before, .ecegozen, .facebook-begen .makas:before, .buton.facebook:before, .sosyalmedya a , .boynergrup, .aymarka a, .hemen-sor a:before, .ara-bul:before , .muhtesempoap a.kapatcik, .ekmek-kirintisi li + li:before, span.select:after, .sayfalama a.onceki:before, .sayfalama a.sonraki:before, .diger-secenekler span:after, .filtreler li:after, .jQmerAcilirKutu:before, .secenek-aciklama em, .sepete-atma-fonksiyon a.buton:before, .yildizver label, .yorumlar li:before, .paylas a:before, .anamenuac, .numMinPlus .minus, .numMinPlus .plus, .presentIcon, a.yukarigit, .sepet-kolonlar h3 span, a.duzenle:before, a.sil:before, a.adresdetay:before, .aymarkalar a.aymarka:after, .birmenuac:before, .donergecKabuk a.kapat, .filtreler > li.ilk:before, .buton.delete, .sepet-mini a.kapat, .yardim:before, .yardim li a:before, .kisisel-menu:before, .kisisel-menu li > a:before, .solmenu > ul > li:after, span.favoriekle, .odeme-adim-adim li:after, .solmenu > ul > li:before, .yildizlar .puani em, .ayakno:before, .meslekne:before, .bedenne:before, .mesajvar, .magazadan-teslim h3:before, .kart-cizim:before, .hopi-odeme h2:before, .avantaj li:before, .odeme-sekmesi .sekmetik ul li:before, .bildirim.olumlu .bild-simge, .numarani-sec:after, .kolay-iade li .hucre:before, .kolay-iade-iki li .hucre:after, .sepete-atma-fonksiyon .bildirim.olumlu:before, .orderSum li.hopi:before, .urun span.ind-oran:after, .ebulten a.ok, .ayak .ara-beni:before, .ayak .ara-beni:after, .indirim-oran:after, .dikkatcek:before, .hizlikargo:before, .hizli-kargo h2:before, .hopiKabuk h2:before, .hopiKabuk h2:after, .hopiKabuk .buton.hopicik, a.tumunusec.secildi:before, a.secimlerikaldir:before, .hediye-simge + label, .hediye-simge + input[type=hidden] + label, .nedu, .hs-tooltip .satinal a:before {background:transparent url(../images/design/fabrika-serpme.png) 100px 100px no-repeat; display:inline-block; text-align:left; text-indent:-999em; vertical-align:middle}

/** #serpme görsel **/

.bxborder, .ust-serit > div, .fiyat-hareket span.fiyat-kutu, .buton, .urungoster, .kolon, .urunslogan, .sekmetik h2, .sekmetik ul, .sekmetik li, .yeni-ne-var, input, .hizli-teslimat, .gift-card, .facebook-begen, .sosyalmedya a, .ara-link a:before, .muhtesempoap a.kapatcik, .numarani-sec li, .kategori-dizil article, .siralama, .filtreler, .filtreler li, .sepete-atma-fonksiyon, textarea, .filtre-tik li {box-sizing:border-box}

.aft:after, .bef:before, .tmz:after, .ara-beni a:before, .sepet-durum:before, .bildirim:before, .fiyat-hareket:after, .yeni:before, .hemen-sor a:before, .ara-bul:before , .ekmek-kirintisi li + li:before, span.select:after, .sayfalama a.onceki:before, .sayfalama a.sonraki:before, .diger-secenekler span:after, .filtreler li:after, .jQmerAcilirKutu:before, label:before, label:after, .sepete-atma-fonksiyon a.buton:before, .yorumlar li:before, a.duzenle:before, a.sil:before, a.adresdetay:before, .aymarkalar a.aymarka:after, .birmenuac:before, .filtreler > li.ilk:before, .yardim:before, .kisisel-menu:before, .solmenu > ul > li:after, .odeme-adim-adim li:after, .solmenu > ul > li:before, .kisisel-menu li > a:before, .yardim li a:before, .ayakno:before, .meslekne:before, .bedenne:before, .magazadan-teslim h3:before, .kart-cizim:before, .hopi-odeme h2:before, .avantaj li:before, .odeme-sekmesi .sekmetik ul li:before, .numarani-sec:after, .kolay-iade li .hucre:before, .kolay-iade-iki li .hucre:after, .sepete-atma-fonksiyon .bildirim.olumlu:before, .orderSum li.hopi:before, .urun span.ind-oran:after, .ayak .ara-beni:before, .ayak .ara-beni:after, .paylas a:before, .indirim-oran:after, .dikkatcek:before, .hizlikargo:before, .hizli-kargo h2:before, .hopiKabuk h2:before, .hopiKabuk h2:after, a.tumunusec.secildi:before, a.secimlerikaldir:before, .hs-tooltip .satinal a:before {content:"";}

.tmz:after, .fiyat-hareket:after {clear:both;width:auto;display:block;height:0;font-size:0}

.tmz2:after {width:auto;display:block;height:0;font-size:0}

.islemde {position:fixed; z-index:10001; left:0;top:0; right:0; bottom:0; background:#FFFFFF; background:rgba(255,255,255,0.7)}
.islemde .hucre {text-indent:-999em; text-align:left; background: url(../images/design/fabrika-loading.gif) center center no-repeat}

.urun-tek .islemde, div .islemde, article .islemde, section .islemde, header .islemde, footer .islemde, ul .islemde {position:absolute;z-index:100;background-color:rgba(255,255,255,1)}

.bildirim {clear:both}
.bildirim , #arama-sonuc-adet {display:none; padding:20px; background:#F6E9DF; color:#4D4A44; text-align:center; position:relative}
.bildirim.bild-simge {display:none}
.bildirim a {color:#4D4A44;}
.bildirim, .bildirim div, .bildirim table {font:italic 16px 'Brandon'}
.bildirim h2, .bildirim h3 { font-family:'Brandon'; font-weight:normal;font-style:italic; margin-bottom:5px;}
.bildirim:before, .muhtesempoap a.kapatcik {width:30px; height:30px; background-position:-176px 0; position:absolute; z-index:1; right:10px; top:10px; cursor:pointer}
.muhtesempoap a.kapatcik {border-radius:15px; background-color:#FFFFFF;}

.bildirim.ipucu, .bildirim.ipucu > div { background:#F6E9DF; text-align:left; font:normal 12px 'Brandon'; padding:10px 20px}
.bildirim.ipucu strong {font-family:'Brandon Medium'; font-weight:normal}
.bildirim.ipucu:before {display:none}
.bildirim.ipucu > .sayfaG {padding:0 15px; box-sizing:border-box}

.bildirim.uyari {color:#D80003; font:normal 14px 'Brandon'; padding:10px; padding-right:30px}
.bildirim.uyari:before {width:16px; height:16px; background-position:-23px -726px;display:none;}
.muhtesempoap .bildirim.uyari:before {display:none}

.bildirim.olumlu {background:#52bbb2; color:#FFFFFF; padding:10px; font:13px 'Brandon'; margin-bottom:10px}
.bildirim.olumlu .bild-simge {width:13px; height:10px; margin:-1px 5px 0 0; background-position:-167px -695px}
.bildirim.olumlu a {text-decoration:underline;color:#FFFFFF}
.bildirim.olumlu:before {display:none}
.muhtesempoap .bildirim.olumlu {margin-bottom:10px}

#arama-sonuc-adet {padding:10px; text-align:left}

.sepet-bildirim .bildirim.olumlu {color:#52bbb2; background:transparent; text-align:left; margin-bottom:0; padding:15px 0 0 21px;}
.sepet-bildirim .bildirim.olumlu a {color:#52bbb2}
.sepet-bildirim .bildirim.olumlu .bild-simge {background-position:-220px -603px; position:absolute; left:0; top:17px}
.sepet-bildirim .bildirim.olumlu + p {margin-top:0}

.sepete-atma-fonksiyon .bildirim.olumlu {position:absolute; z-index:10; left:0; top:0; right:0; background:#ff6e04; font-size:16px; padding-top:14px; padding-bottom:14px}


/** #tümü **/

header.kafa {position:relative; z-index:1090; background:#FFFFFF}
header.kafa .sayfaG {position:relative}
section.slayt-serit {position:relative; z-index:50}
section.orta-alan { position:relative}
section.orta-alan + .orta-alan {border-top:0}
.orta-alan.genel-icerik {padding:30px 20px}
section.siparis-takip {background:url(../images/design/siparis-takip-bg.jpg) center bottom no-repeat; background-size:contain}

.orta-alan.izci-alan > .sayfaG {border:1px solid #CCCCCC}

section.orta-alan.kategori-filtre {position:relative; z-index:55}
section.orta-alan.kategori-liste { position:relative; z-index:44}

section.orta-alan.sepetim {padding-top:30px; padding-bottom:30px}

.logo {margin:15px auto 10px auto;width:191px;height:35px;}
.logo a {width:191px;height:35px; display:block; background-position:0 -440px;} 


.ara-bul {position:absolute; right:10px; top:10px}
.ara-bul:before {width:16px;height:16px;background-position:-56px 0; position:absolute; left:0; top:50%; margin-top:-8px}
.ara-bul input[type=text] {border:0; padding:5px 0 5px 28px; width:120px}
.ara-bul input[type=text]:focus {width:220px;outline:none;border-bottom:0}

.ust-serit, .ust-serit div, .ust-serit table {font-size:12px}
.ust-serit { background:#ffffff;}
.ust-serit > div {padding:10px 10px 0 10px}
.ust-serit .sagda + .sagda {margin-right:20px}


.aymarkalar  {position:relative}
.aymarkalar a.aymarka {display:inline-block; position:relative; padding-right:13px}
.aymarkalar a.aymarka:after {width:11px; height:8px; background-position:-143px -700px; position:absolute; top:8px; right:0}
.aymarkalar a.aymarka:before {content:"Diğer Markalarımız"; position:absolute; left:115%; color:#222222; text-indent:0}
.aymarkalar.etkin a.aymarka:after {background-position:-142px -693px;}
.aymarkalar a:hover {filter:alpha(opacity=70);opacity:.7}
.aymarkalar a + a {margin-left:20px}


.aymarkalar a.aymarka {background-position:0 -188px; width:46px; height:25px;display:none}
.aymarkalar a.network {background-position:-89px -1172px; width:66px; height:15px}
.aymarkalar a.divarese {background-position:-162px -1170px; width:82px; height:19px} 
.aymarkalar a.que {background-position:-173px -1153px; width:36px; height:15px}
.aymarkalar > ul { position:static; background:#FFFFFF; font-size:0}
.aymarkalar > ul > li {display:inline-block; vertical-align:middle}
.aymarkalar > ul > li + li {margin-left:10px; padding-left:10px; border-left:1px solid #C0C0C0}

.odeme-adimlari .aymarkalar > ul {display:block; position:static; border:0}
.odeme-adimlari .aymarkalar > ul li {display:inline-block; margin:0 5px}

.ara-beni {position:relative;}
.ara-beni > a span {display:block;color:#666666}
.ara-beni a {fcolor:#555555}

.ayak .ara-beni {font:normal 16px 'Brandon Medium'; display:inline-block; padding-left:20px}
.ayak .ara-beni:before {width:16px;height:16px; background-position:-90px 0; margin:-3px 5px 0 0}
.ayak .ara-beni:after {width:10px; height:10px;background-position:-56px -32px; position:absolute; left:0; top:50%;margin-top:-5px}

.sepet-durum {border-left:1px solid #CCCCCC; padding-left:20px; position:relative}
.sepet-durum:before, .hs-tooltip .satinal a:before {background-position:-68px -724px ; width:11px; height:18px; margin:-1px 5px 0 0; display:inline-block}

.sepet-durum .sepet-adet { display:inline-block; background:#FF8000; width:16px; height:16px; line-height:16px; color:#FFFFFF; position:absolute; z-index:2; left:7px; top:-3px; border-radius:8px; text-align:center; font-size:8px }

.kafa.scroll-to-fixed-fixed .sepet-durum .sepet-adet {left:13px}

.kafa .tutucu {position:absolute; z-index:2; right:140px; top:12px; padding:0; border:0;filter:alpha(opacity=0);opacity:0}
.kafa.scroll-to-fixed-fixed .tutucu {filter:alpha(opacity=100);opacity:1}
.kafa.scroll-to-fixed-fixed .tutucu .simge, .kafa.scroll-to-fixed-fixed .tutucu .tik {display:none}

.kafa.scroll-to-fixed-fixed .yardim, .kafa.scroll-to-fixed-fixed .sepet-durum {padding-left:5px}
.kafa.scroll-to-fixed-fixed .yardim > ul, .kafa.scroll-to-fixed-fixed  .kisisel-menu > ul {top:236%; right:-20px}
.kafa.scroll-to-fixed-fixed .sepet-mini {right:-20px;top:226%}

.kafa.scroll-to-fixed-fixed .yardim > ul:before, .kafa.scroll-to-fixed-fixed  .kisisel-menu > ul:before {right:9%}
.kafa.scroll-to-fixed-fixed .yardim > ul:after, .kafa.scroll-to-fixed-fixed  .kisisel-menu > ul:after {right:9.1%}

.kisisel-menu {position:relative; cursor:pointer}
.kisisel-menu > ul {position:absolute; z-index:50; background:#f8f8f8; border:1px solid #cccccc; top:200%; right:-64px;display:none; width:220px}

.kisisel-menu > li > ul:before {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #cccccc transparent; position:absolute; bottom:100%; left:50%; margin-left:-10px}
.kisisel-menu > ul li {padding:5px 10px}
.kisisel-menu > ul li a {display:block; padding:5px; white-space:nowrap}
.kisisel-menu > ul li a:hover {background:#f8f8f8}
.kisisel-menu > ul li.faceto {padding-left:20px}
.kisisel-menu > ul li.faceto a:before {
            background:none;content: none;

        }
.kisisel-menu > ul > li > a:before {width:25px; height:16px; background-position:-78px -821px; margin:-1px 5px 0 0;}
.kisisel-menu > ul > li.iki > a:before {background-position:-189px -726px; }
.kisisel-menu > ul > li.uc > a:before {background-position:-214px -726px; }

.kisisel-menu > ul > li.yenimesaj > a {color:#FF8000}
.kisisel-menu > ul > li.yenimesaj > a:before {display:none}

.kisisel-menu.oturum-acti > ul > li.uc > a:before {background-position:-19px -726px; }

.kisisel-menu:before {width:13px; height:17px; background-position:-127px -725px; margin:-1px 5px 0 0}

.ustmenu {text-align:center}
.ustmenu > ul > li { display:inline-block;}
.ustmenu > ul > li + li {margin-left:5px}
.ustmenu > ul > li > a {display:block; padding:15px 20px; font-size:15px; background:#FFFFFF; border:1px solid #FFFFFF; border-bottom:none; text-align:center; position:relative; z-index:4}
.ustmenu > ul > li.altmenu > a:hover, .ustmenu > ul > li.altmenu > a.etkin {border-color:#ececec; padding-bottom:16px;margin-bottom:-1px; }

.ustmenu .aymarka-liste:before {content:"Diğer Markalarımız"; display:block; padding:5px 10px; background:#FFFFFF;}

.kafa.scroll-to-fixed-fixed .ustmenu {text-align:left}

.ustmenu-eleman {border:1px solid #ececec; border-right:0; border-left:0; background:#FFFFFF; background:rgba(255,255,255,1);}
.ustmenu-eleman {position:absolute; left:0; right:0; z-index:2; display:none}
.ustmenu-eleman.etkin {z-index:3} 
.ustmenu-eleman .sayfaG {max-width:1140px; padding:40px 0}
.ustmenu-eleman ul {display:inline-block; vertical-align:top; width:11.1%}
.ustmenu-eleman ul + ul {margin-left:4%}
.ustmenu-eleman ul.banner-mini {width:19%; float:right; margin-left:0}

.ustmenu-eleman ul > li {font-size:15px}
.ustmenu-eleman ul > li:first-child {padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ececec;font-weight: bold;}
.ustmenu-eleman ul > li + li {margin-top:5px}
.ustmenu-eleman ul > li:first-child ~ li {font-size:15px}


.ustmenu-eleman ul.banner-mini > li, .ustmenu-eleman ul.banner-mini > h2, .ustmenu-eleman ul.banner-mini a {font-family:'Brandon';font-style:italic; color:#f3b5a5 }
.ustmenu-eleman ul.banner-mini strong {font-family:'Brandon';font-weight:bold;color:#222222}
.ustmenu-eleman ul.banner-mini > li:first-child {border:none}

.urun {position:relative; display:inline-block;}
.urun .gorsel {margin-top:0 !important; position:relative; z-index:1}
.urun .detaylar {border-top:1px dotted #CCCCCC; padding-top:10px}
.urun .detaylar:after {clear:both; content:""; height:0; font-size:0; display:block}
.urun .detaylar h2 {float:left; margin:0; width:46%; text-align:left; font:normal 12px 'Brandon'}

.urun span {display:inline-block; vertical-align:middle}
.urun span.ind-oran { position:absolute; font:14px 'Brandon'; line-height:16px; white-space:nowrap; right:0; bottom:0; z-index:3; background:#FFFFFF; border:1px solid #C2C2C2; padding:5px}
.urun span.ind-oran em {font-style:normal}
.urun span.ind-oran:after, .indirim-oran:after, .urun span.ind-oran:before {content:"";background:none; width: 0;height: 0;border-style: solid;border-width: 8px 6.5px 0 6.5px;border-color: #ffffff transparent transparent transparent; position:absolute; top:100%; left:50%; margin-left:-6.5px; z-index:2}
.urun span.ind-oran:before {z-index:1;border-width: 9px 7.5px 0 7.5px;border-color: #c2c2c2 transparent transparent transparent; margin-left:-7.5px}

.urun span.fiyat-kutu {float:right}
.urun span.fiyat-kutu > span {display:block; text-align:right} 


.urun span.eski-fiyat {text-decoration:line-through; color:#AAAAAA}
.urun span.yeni-fiyat {font:normal 18px 'Brandon Medium';}
.urun .buton.geldi {position:absolute;right: 0;top: 0;bottom: 0;}
p + .fiyat-hareket {margin-top:30px}
/** hopili fiyat **/
.urun span.fiyat-kutu > span.yeni-fiyat, .urun span.fiyat-kutu > span.hopili-fiyat {display:inline-block; float:none}
.hopili-fiyat {background:#E5F1F4;padding:6.5px 10px; font-size:12px; display:inline-block;vertical-align:middle; border-radius:16px }
.urun-fonksiyon .hopili-fiyat {font-size:14px;text-align:center; border-radius:5px 0 0 5px}
.urun-fonksiyon .hopili-fiyat + .yrakam {margin-left:5px}

.tl {width:9px; height:11px; vertical-align:middle; background-position:-137px -54px;margin-top:-3px;}
.tl.beyaz {width:7px; height:8px;background-position:-137px -73px}
.tl.gri, .urun span.eski-fiyat .tl {width:7px; height:8px;background-position:-170px -54px;background-color:transparent;padding:0}
.tl.kirmizi {width:12px; height:16px;background-position:-152px -54px}
.tl.buyuk {width:14px; height:20px;background-position:-210px -297px}
.tl.turuncu {background-position:-165px -71px;}


.buton, .couponBtn, .hs-tooltip .satinal a { display:inline-block;background:#D0E5EB;border:1px solid #D0E5EB; color:#444444; padding:0 20px; text-align:center; font:normal 16px/39px 'Brandon'; cursor:pointer; vertical-align:middle;align-items: center; white-space:nowrap}
.buton:hover, .couponBtn:hover, .hs-tooltip .satinal a:hover {filter:alpha(opacity:70);opacity:.7;color:#000000}
.buton + .buton {margin-left:10px}

.buton.urunu-sil, .buton.adresi-sil {background:#D10003;border-color:#D10003;color:#FFFFFF}

.fiyat-hareket .buton, .buton.delete, .orderSum .buton, .beden-gelince .buton, .filtre-secenek a.buton, .ul-grid .buton, .numaralar a.buton { background-color:#FFFFFF;border:1px solid #999999;color:#222222;}
.fiyat-hareket .buton:hover, .buton.delete:hover, .orderSum .buton:hover, .beden-gelince .buton:hover, .filtre-secenek a.buton:hover, .ul-grid .buton:hover, .numaralar a.buton:hover {background-color:#ededed;color:#000000}

.filtre-secenek a.buton, .numaralar a.buton  {color:#ff6e04}

.buton.delete, .buton.delete:hover { background-color:transparent; border:0}
.buton.delete { background-position:-23px -726px; width:16px; height:16px;}

.buton.tam, .filtre-secenek a.buton, .numaralar a.buton, .hs-tooltip .satinal a {display:block}
.buton.tam + .tam {margin:5px 0 0}

.buton.silik {background:#FFFFFF; color:#818181;border:1px solid #CCCCCC}

input[type=text],  input[type=password], input[type=email], input[type=tel], textarea, select, .jQmerAcilirKutu, .numMinPlus .minus, .numMinPlus .plus, span.select {background-color:#FFFFFF;border:1px solid #999999; padding:10px; text-align:left; font-size:16px;vertical-align:middle; font:normal 13.5px 'Brandon'; color:#222222;-webkit-appearance:none;}

input[type=text]:focus,  input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus, span.select:focus {border-color: #ADADAD; outline:1px solid #f8f8f8}

input[type=text]:disabled,  input[type=password]:disabled, input[type=email]:disabled, input[type=tel]:disabled, textarea:disabled {border-color:#CCCCCC}

input[type=button]:focus, input[type=submit]:focus {outline:none}

input {-webkit-appearance:none;border-radius:0}

.ui-datepicker select {-webkit-appearance:menulist}

span.select {display:block; position:relative; z-index:1; overflow:hidden; padding:0}
span.select:after { display:inline-block; width: 20px;  height: 20px; background-color:#ffffff ; background-position:-214px -3px; position: absolute; z-index:2; right: 10px;  top: 50%;position: absolute;right: 10px;margin-top: -10px;content:""}
span.select select {width:120%; border:0;outline:0; position:relative; z-index:3; background:transparent;}
span.select select:focus { border:0;outline:0; }
.siralama span.select {border:0}

.formeleman input[type=text], .formeleman  input[type=password], .formeleman input[type=email], .formeleman input[type=tel], .formeleman textarea {width:100%}
.formeleman .jQmerAcilirKutu span {padding:10px;}
.formeleman .jQmerAcilirKutu span.yazi, .formeleman .jQmerAcilirKutu.farkli .secenekler li {font-size:14px}
.formeleman input.yarim {width:49%}
.formeleman input.yarim ~ .yarim { margin-left:1.2%}
.formeleman input.ceyrek {width:23%}
.formeleman input.ceyrek ~ .ceyrek { margin-left:1.8%}
input[class*=kartgirdi] {text-align:center}
/* .formeleman > p {position:relative; z-index:1} */

.hasDatepicker {background:#FFFFFF url(../images/design/simge-tarihsec.png) 98% 6px no-repeat }

.yonerge {height:0; overflow:visible; position:absolute; z-index:10; top:49%; left:0; right:0}
.yonerge a {width:12px; height:20px; background-position:0 -57px; float:left}
.yonerge a.ileri {background-position:-112px -57px; float:right;}

.urunbuyuk .yonerge a {width:25px; height:48px;background-position:0px -1088px;}
.urunbuyuk .yonerge a.ileri {background-position:-29px -1088px;}

.anaslayt .yonerge {margin-top:-42px}
.anaslayt .yonerge a {background-color:transparent;background-color:rgba(204,204,204,0); width:31px; height:83px; background-position:-225px -918px}
.anaslayt .yonerge a.ileri {background-position:-221px -978px}

.anaslayt:hover .yonerge a {background-color:#CCCCCC;background-color:rgba(204,204,204,1);}
.anaslayt + .sayfalama-slayt {text-align:center; padding:5px 0}
.anaslayt + .sayfalama-slayt span {display:inline-block; width:9px;height:9px; background:#FFFFFF; border:1px solid #7F7F7F;border-radius:5px; margin:0 2.5px;cursor:pointer}
.anaslayt + .sayfalama-slayt span.swiper-pagination-bullet-active {background:#7F7F7F}

.yonerge .swiper-button-disabled {filter:alpha(opacity=20);opacity:.2}

.ucleme .yonerge a { height:18px; width:34px; background-position: -18px -95px}
.ucleme .yonerge a.ileri { background-position:-71px -95px;}

/** avantajlar footer **/

.avantajlar .liste {margin:0; padding:0}
.avantajlar .liste li {list-style:none; padding:5px 10px; position:relative;color:#444444}
.avantajlar .liste li + li {border-left:1px dotted #CCCCCC;}
.avantajlar .liste li em {font-style:normal;color:#FF7F00;font-size:11px; display:block; width:70%; margin:0 auto}

.avantajlar .liste li {cursor:pointer}
.avantajlar .liste li > .tablo > .hucre {vertical-align:bottom; padding-top:80px; position:relative}
.avantajlar .liste li  > .tablo > .hucre:before {content:""; background:transparent url(../images/design/ayak-serpme.png) 0 0 no-repeat; display:inline-block; position:absolute; left:50%; top:15px; z-index:1}
.avantajlar .liste li.bir  > .tablo > .hucre:before {width:117px;height:57px;margin-left:-58.5px}
.avantajlar .liste li.iki  > .tablo > .hucre:before {width:50px;height:67px; background-position:-145px 0;margin-left:-25px}
.avantajlar .liste li.uc  > .tablo > .hucre:before {width:64px;height:59px; background-position:-223px 0;margin-left:-32px}
.avantajlar .liste li.dort  > .tablo > .hucre:before {width:58px;height:61px; background-position:-315px 0;margin-left:-29px}
.avantajlar .liste li.bes  > .tablo > .hucre:before {width:96px;height:59px; background-position:-402px 0;margin-left:-48px}

.avantajlar .liste li .aciklama {position:absolute; z-index:1; left:0; right:0; top:50%; bottom:50%; background:#FFFFFF; overflow:hidden}
.avantajlar .liste li .aciklama, .avantajlar .liste li .aciklama .hucre {color:#FFFFFF}
.avantajlar .liste li .aciklama.etkin {top:0; bottom:-20px;}
.avantajlar .liste li .aciklama.etkin, .avantajlar .liste li .aciklama.etkin .hucre {color:#222222}
.avantajlar .liste li .aciklama strong {display:block}
.avantajlar .liste li.etkin > .tablo > .hucre:before, .avantajlar .liste li.etkin > .tablo > .hucre > em, .avantajlar .liste li.etkin > .tablo > .hucre > strong {opacity:0}
/** urun gösterim **/

section.anasahife article + article {margin-top:0}
section.anasahife .urungoster.sdcgorcel img {display:block}

.urungoster {text-align:center; padding:20px; position:relative}
.urungoster.sdcgorcel {padding:0}
.urungoster .marka, .urungoster .marka  a {color:#FF8000}
.urungoster p + .marka, .urungoster p + .marka  a {color:#222222}
.urungoster .fiyat-hareket {display:inline-block}
.urungoster h2, .urungoster h3 { font-style:italic; font-weight:normal;font-family:'Brandon';}
.urungoster h2 + p {font-size:16px}

.urungoster:hover .buton {border-color:#909090; color:#000000}
.urungoster:hover .fiyat-hareket span.fiyat-kutu {border-color:#909090;}

.urungoster.kombin {float:left; width:100%}

.urunslogan { position:absolute; z-index:5; left:0; bottom:0; overflow:visible;text-align:center; width:55px; white-space:normal}
.urunslogan > img {position:relative; z-index:2; max-width:none; height:auto; width:100%}
.urunslogan > img + img {margin-top:10px;}
/*.kategori-dizil .urunslogan {zoom:70%}*/
.urun-tek .urunslogan {left:auto; bottom:auto; top:0; right:10px;width:0;overflow:visible;text-align:right;direction:rtl;padding:0}
.urun-tek .urunslogan img {max-width:none;width:auto}


.urunslogan .metin { display:inline-block;position:relative; z-index:6; text-align:center; background:#FFFFFF; padding:7px 7px 5px 7px; border:1px solid #ababab;min-width:60px;box-sizing:border-box; font-size:10px}
.urunslogan .metin + .metin {margin-top:15px}
.urunslogan .metin:before {content:""; position:absolute; top:100%; left:-1px; width: 0;height: 0;border-style: solid;border-width: 10px 30px 0 30px;border-color: #ababab transparent transparent transparent; z-index:1}
.urunslogan .metin:after {content:""; position:absolute; top:100%; left:2px;width: 0;height: 0;border-style: solid;border-width: 9px 28px 0 28px;border-color: #ffffff transparent transparent transparent; z-index:2 }

.urunslogan .metin:before {left:50%; margin-left:-30px}
.urunslogan .metin:after {left:50%; margin-left:-28px}

.urunslogan.yenisezon:before {background:#444444}
.urunslogan.yenisezon .metin:after, .urunslogan.dusukstok .metin:after, .urunslogan.sadece-online .metin:after, .urunslogan.tukenmek-uzere .metin:after {border-width:8px 34px 0 34px;left:0; margin-left:1px}
.urunslogan.yenisezon .metin:before, .urunslogan.dusukstok .metin:before, .urunslogan.sadece-online .metin:before, .urunslogan.tukenmek-uzere .metin:before {border-width:9px 35px 0 35px;left:0; margin-left:0}


.tukendi {position:absolute; z-index:5; left:50%; top:35%; margin:-38.5px 0 0 -38.5px}

.urunslogan.dusukstok:before, .urunslogan.tukenmek-uzere:before {background:#FF8000}

.sloganlar {display:inline-block;position:absolute; z-index:3; top:10px; left:10px;}
.sloganlar .yeni {display:inline-block; color:#FF6E00; width:60px; font-size:18px}
.sloganlar .yeni:before {background-position:-192px -90px; width:18px; height:12px; margin-bottom:5px}

.sloganlar .ecegozen {display:inline-block; text-align:left; text-indent:-999em; width:77px; height:24px; background-position:-141px -233px}
.sloganlar > span {vertical-align:middle}
.sloganlar > span + span {margin-left:5px}

.kareabanner {clear:both; display:block}
.kareabanner img {display:block}

.anasahife .solkolon .urungoster:nth-child(2), .anasahife .solkolon .urungoster:nth-child(3), .anasahife .sagkolon .urungoster:nth-child(3), .anasahife .sagkolon .urungoster:nth-child(4) {border-left:1px solid #cccccc}
.anasahife .solkolon .urungoster:nth-child(3), .anasahife .sagkolon .urungoster:nth-child(2), .anasahife .sagkolon .urungoster:nth-child(3), .anasahife .sagkolon .urungoster:nth-child(4), .anasahife .sagkolon .urungoster:nth-child(5) {border-top:1px solid #cccccc}

.anasahife .sagkolon .urungoster:nth-child(3) .gorsel img, .anasahife .sagkolon .urungoster:nth-child(4) .gorsel img { max-width:none; height:160px; width:auto}

.anasahife .urungoster.esitle .tablo .hucre {padding-bottom:88px}

.anasahife .urungoster .mutlak { position:absolute; bottom:20px; left:0; right:0}


.anasahife .sagkolon .urungoster:nth-child(3) .hucre , .anasahife .sagkolon .urungoster:nth-child(4) .hucre {vertical-align:bottom}

.anasahife .sagkolon .urungoster.kombin {overflow:hidden}

/** sekmeler **/

.jistisna-sekme {clear:both}
.jistisna-sekme:after {content:"";clear:both; height:0; font-size:0; display:block}
.sekme-icerik {margin-bottom:30px;}
.sekmetik {border:1px solid #CCCCCC;margin-bottom:20px; text-align:center; position:relative;}
.sekmetik:after {content:"";height:0; display:block; clear:both;font-size:0}

.sekmetik ul {float:left}
.sekmetik ul li {float:left; border-right:1px solid #CCCCCC;cursor:pointer; font-size:14px; padding:20px; position:relative; z-index:2}
.sekmetik ul li.etkin {background:#E5F1F4;font-family:'Brandon Medium'; padding-bottom:20px}

.sekmetik h2.ozel { display:inline-block; margin:0; font-size:16px; position:absolute; z-index:1; left:0; top:10px; right:0; text-align:center}

.sekmetik ul li.etkin:before, .sekmetik ul li.etkin:after {content:"";width: 0;height: 0;border-style: solid;border-width: 13px 13px 0 13px;border-color: #e5f1f4 transparent transparent transparent; position:absolute; z-index:2;top:100%; left:50%; margin-left:-13px}
.sekmetik ul li.etkin:after {z-index:1;border-width: 14px 14px 0 14px;border-color: #cccccc transparent transparent transparent;margin-left:-14px}

.ic-sekme .sekmetik {border:0; padding:5px;}
.ic-sekme .sekmetik:before {content:"";position:absolute; z-index:1; position:absolute; height:1px; background:#CCCCCC; top:50%; left:0; right:0}
.ic-sekme .sekmetik ul li {padding:2.5px 0; margin:0 10px; border:0; font-size:12px;border-bottom:1px solid #ffffff}
.ic-sekme .sekmetik ul li.etkin {border-bottom-color:#000000;background:#FFFFFF;}
.ic-sekme .sekmetik ul li.etkin:before,.ic-sekme .sekmetik ul li.etkin:after {display:none}
.ic-sekme .sekmetik ul {float:none;display:inline-block;background:#FFFFFF;padding:0 30px; z-index:2;position:relative;}

.jistisna-sekme .ic-sekme .sekmetik:before {display:none}
.jistisna-sekme .ic-sekme .sekmetik ul {top:-18px; z-index:2}

.ana-sekme .sekmetik {margin-bottom:0}

.genel-sekme .sekmetik ul {width:auto; float:none}
.genel-sekme .sekmetik ul li {width:auto;}
.genel-sekme .sekmetik ul li:first-child {border-left:0}

.jistisna-sekme.dikey-sekme .sekmetik {float:left; border:0;}
.jistisna-sekme.dikey-sekme .sekmetik ul {width:100%}
.jistisna-sekme.dikey-sekme .sekmetik ul li {float:none; display:block; width:auto; font-size:18px; text-align:left; padding:15px 10px; border:0; }
.jistisna-sekme.dikey-sekme .sekmetik ul li:before {display:none}
.jistisna-sekme.dikey-sekme .sekmetik ul li + li {border-top:1px solid #cccccc}
.jistisna-sekme.dikey-sekme .sekme-icerik {float:right}
.jistisna-sekme.dikey-sekme .sekmetik ul li.etkin {background-color:#f8f8f8}
.jistisna-sekme.dikey-sekme .sekmetik ul li.etkin:after {-webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg);transform:rotate(-90deg); top:50%; left:auto; right:10px; position:absolute;margin:-7px 0 0}

.dikey-sekme .kolon4te1 {width:25%}

/** ürün detay sekmeleri **/

/*
.sekmetik.urun-detay-sekme {border-top:0}
.sekmetik.urun-detay-sekme ul {width:auto; float:none}
.sekmetik.urun-detay-sekme ul li { width:auto; border:0; border-bottom:4px solid #8f8f8f; font:normal 20px 'Brandon'}
.sekmetik.urun-detay-sekme ul li + li {margin-left:10px}
.sekmetik.urun-detay-sekme ul li.etkin { background:#e5f1f4;}
.sekmetik.urun-detay-sekme ul li.etkin:after {display:none}
*/

.urun-detay-sekme + .sekme-icerik .sekme-icerik-eleman {position:relative}
.urun-detay-sekme + .sekme-icerik div.kolon {padding:20px}

.urun-detay-sekme + .sekme-icerik div.kolon:nth-child(3), .urun-detay-sekme + .sekme-icerik div.kolon:nth-child(4) {border-left:1px solid #cccccc}

/** yeni ne var **/

.yeni-ne-var {text-align:center; padding:60px;font-size:17px}
.yeni-ne-var h2 {font:normal 50px 'Brandon'; margin-bottom:0}
.yeni-ne-var h2 + p {font:italic 20px 'Brandon';color:#FF8000}

.yeni-ne-var .inputani {margin:30px 0 !important}
.yeni-ne-var input[type=text] {width:80%}
.yeni-ne-var input[type=button] {margin-left:-1px; position:relative}

.yeni-ne-var .sebepler li { display:inline-block; margin:5px; font-size:17px}

.yeni-ne-var .sebepler li:before { display:inline-block;font:italic 14px 'Brandon';color:#FF8000; margin-right:5px }
.yeni-ne-var .sebepler li:nth-child(1):before {content:"1."}
.yeni-ne-var .sebepler li:nth-child(2):before {content:"2."}
.yeni-ne-var .sebepler li:nth-child(3):before {content:"3."}
.yeni-ne-var .sebepler li:nth-child(4):before {content:"4."}
.yeni-ne-var .sebepler li:nth-child(5):before {content:"5."}

/** hızlı teslimat **/

.hizli-teslimat { background:#F6E9DF url(../images/design/beyaznokta.png) 0 0 repeat; padding:100px 60px 60px 160px }
.hizli-teslimat p {position:relative; z-index:2}
.hizli-teslimat p + p {font:italic 30px 'Brandon';color:#FF8000; }
.hizli-teslimat img.sagda {position:relative; margin:-140px -30px -40px -60px; z-index:1}

/**gift card**/

.gift-card {background:#eddce7 url(../images/design/beyaznokta.png) 0 0 repeat; padding:20px; text-align:center; font-size:20px;}
.gift-card p {font-size:20px; line-height:270%; margin-left:25%; margin-right:25%}
.gift-card p:first-child, .gift-card p[class*=y] {font-size:50px; margin-left:auto; margin-right:auto; line-height:normal}
.gift-card .tl {vertical-align:middle; float:none}

/**facebook beÄŸen kolon**/

.facebook-begen {padding:50px 40px; border-top:1px solid #cccccc}
.facebook-begen .makas { border:1px dashed #acacac; border-radius:16px; position:relative; padding:32px 20px; text-align:center; font-size:20px; line-height:280%; color:#3b5998}
.facebook-begen .makas p {margin-left:25%; margin-right:25%}
.facebook-begen .makas p:last-child {margin-left:auto; margin-right:auto}
.facebook-begen .makas p.egdir {margin:0; position:absolute; left:-10px; top:-10px; background:#FFFFFF; padding:10px; font-size:38px; color:#FF8000}

.facebook-begen .makas:before {content:""; display:inline-block; width:36px; height:28px; background-position:-137px -90px; position:absolute; top:-14px; left:50%}
.buton.facebook, .buton.facebook:hover { background:#3b5998;color:#FFFFFF; padding:18px 36px; height:auto; position:relative}

.buton.facebook:before {content:""; width:21px; height:19px; background-position:-209px -120px; padding-right:15px; margin-right:15px; border-right:1px solid #627aad}
.buton.facebook:hover:before {background-position:-200px -120px;}
.buton.facebook:after {content:""; position:absolute; left:4px; top:4px; right:4px; bottom:4px; border:1px solid #627aad; }
.buton.facebook:hover:after {border-color:#FFFFFF}

/** hizala **/
.dikeyortala, .fiyat-hareket .buton {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.kolon {width:auto}
.kolon2 {width:49%;float:left}
.kolon2 + .kolon2 {float:right}

.kolon4te3 {width:75%; float:left}
.kolon4, .kolon4te1 {width:25%; float:left}
.kolon3 {float:left; width:33.3%}
.kolon3te2 {width:66.6%; float:left}
.kolon + .kolon3te2 {float:right; padding-left:5%}
.kolon5te1 {width:20%;float:left}
.kolon5te3 {width:60%;float:left}

.anasahife > .sayfaG > .kolonlar .kolon2, .ozel-kolon .kolon2 {width:49%}
.anasahife > .sayfaG > .kolonlar .kolon2 > .kolon2, .ozel-kolon .kolon2 > .kolon2 {width:48%}
.anasahife .kolon4te3, .ayak .kolon4te3, .ozel-kolon .kolon4te3 {width:74%}
.anasahife .kolon4te3 + .kolon4te1, .ayak .kolon4te3 + .kolon4te1, .ozel-kolon .kolon4te3 + .kolon4te1 {width:24%; float:right}

.urun-tek > .kolonlar > .kolon4te3 {width:69.6%}
.urun-tek > .kolonlar > .kolon4te1 {width:30.4%}

/** sunum **/

.sunum {border:1px solid #CCCCCC; padding:20px; text-align:center; margin:13px auto 20px auto; position:relative; z-index:1;background:#FFFFFF}
.sunum > h2 {font:normal 14px 'Brandon Medium';margin:0; display:inline-block; padding:5px 10%; background:#FFFFFF; position:relative;top:-34px}
.sunum > h2 + p , .sunum > h2 + div, .sunum > h2 + ul, .sunum > h2 + ol {margin-top:-20px}
.sunum.tasma {padding-bottom:0; border-bottom:0}
.sunum .etiket {position:absolute; display:inline-block; width:50px; text-align:center; z-index:2; left:5%; top:0}
.sunum .etiket strong {background:#E5F1F4; display:block; padding:10px 0; font-size:32px; line-height:32px; position:relative; margin-bottom:5px}
.sunum .etiket strong.rakam {font-size:0;line-height:0;height:0}
.sunum .etiket strong.rakam.etkin {font-size:32px;line-height:32px; height:32px;}
.sunum .etiket strong.rakam.etkin.bik {font-size:46px;line-height:46px; height:46px;-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg);transform:rotateY(180deg)}
.sunum .etiket strong:after {position:absolute; left:0; bottom:0; right:0;content:"";width: 0;height: 0;border-style: solid;border-width: 0 25px 5px 25px;border-color: transparent transparent #ffffff transparent;}
.sunum .disari {position:relative; border-top:1px solid #CCCCCC; padding:20px; margin:0 -21px 0 -21px !important; background:#FFFFFF}
.sunum .disari .solda {max-width:80%}

.sunum .disari:before, .sunum .disari:after {content:""; position:absolute; width:1px; background:#FFFFFF; left:-1px; top:0; bottom:0}
.sunum .disari:after {left:auto; right:-1px}

.sunum .kolonlar .kolon2:nth-child(2n+1) .disari { margin-right:-6.5px !important}
.sunum .kolonlar .kolon2:nth-child(2n+2) .disari { margin-left:-6.5px !important}

.sunum.ozel-icerik img {display:block; margin:0 auto}

.sunum.ozel-gun .tablo .hucre {vertical-align:bottom}
.sunum.kategoriye .gorsel {margin:20px -20px -20px -20px}
.sunum.kategoriye .gorsel img {display:block}


.sunum.urun-ozellikleri {border:0;border-top:1px solid #cccccc; text-align:left; padding-left:0; padding-right:0; padding-bottom:0}
.sunum.urun-ozellikleri > h2 {padding-left:0}

.sunum.kombin-sec {display:none; margin-top:30px}

/* .sunum.haftanin-urunu {padding:10px} */

.fabrikacard hr {margin:-60px -20px 80px -20px}
.fabrikacard h2 + div p {color:#777777;font-size:12px}
.fabrikacard h2 + div p strong {color:#000000}
.fabrikacard .odak {position:relative}
.fabrikacard .odak p {position:relative; z-index:2}
/* .fabrikacard .odak:after {content:""; position:absolute; left:-20px; right:-20px; bottom:30%; height:1px; background:#CCCCCC; z-index:1} */

/** ebulten **/

.ebulten hr, footer.ayak .ebulten hr {margin:20px -20px; border-bottom-style:dotted; display:block;float:none; width:auto}
.ebulten input[type=text] {padding:5px;width:65%;font-size:11px;line-height:20px;}
.ebulten .sosyalmedya li {margin:5px 10px}
.ebulten a.ok {width:6px; height:9px; background-position:-11px -942px; margin-left:10px}
.ebulten h2 {color:#777777;font-size:18px}
.ebulten .bildirim.formuyar {position:absolute; left:18%; right:18%; margin-top:-34px}

/** trendler **/
.trendler li {position:relative;}
.trendler p.yazi {position:absolute; z-index:1; left:0; right:0; top:45%; text-align:center; color:#FFFFFF; font-size:16px}

.genel-icerik .kolon3 + .kolon3, .genel-icerik .kolon2 + .kolon2, .genel-icerik .kolon4te1 + .kolon4te3, .genel-icerik .kolon3te2 + .kolon3 {padding-left:5%}

span.kolon {display:inline-block}
.genel-icerik span.kolon2 + span.kolon2 {padding-left:0; float:right; width:49%}

/** ayak **/

footer.ayak {background:#F6F6F6;}
footer.ayak .beyaz {background:#FFFFFF; margin-bottom:-20px}
footer.ayak > .sayfaG {max-width:1340px; padding:70px 0}
footer.ayak h2 {font-size:14px; margin-bottom:12px}
footer.ayak .sunum h2 {margin-bottom:0}
footer.ayak .jQmerAcilirKutu.farkli ul.secenekler {top:auto; bottom:100%}

footer.ayak article.solda, footer.ayak article.sagda {width:16.65%; box-sizing:border-box; padding:0 1.5% 0 0}
footer.ayak article.sagda {text-align:right;padding-right:0}

footer.ayak p + p, footer.ayak article + article {margin:0}

footer.ayak hr, .odeme-adimlari hr {clear:both; float:left; width:100%; border:0; height:0; border-bottom:1px solid #cccccc; margin:20px auto}
footer.ayak hr.iki {border:none; margin:5px auto}

footer.ayak .boynergrup { float:left}
footer.ayak .aymarka {float:right}

.ayaklink {margin-left:-5px}
.ayaklink a { font-size:16px; margin:5px}

.sosyalmedya {text-align:center}
.sosyalmedya li {display:inline-block; margin:0 2.5px}
.sosyalmedya li a { background-position:-7px -758px; width:11px; height:24px;text-align:left; text-indent:-999em}
.sosyalmedya li a:hover {filter:alpha(opacity=70);opacity:.7}
.sosyalmedya li a[href*=twit] {background-position:-42px -759px;width:28px; height:22px}
.sosyalmedya li a[href*=insta] {background-position:-81px -758px;width:22px; height:22px}
.sosyalmedya li a[href*=google] {background-position:-120px -758px;width:18px; height:16px}
.sosyalmedya li a[href*=pinterest] {background-position:-82px -788px;width:19px; height:23px}
.sosyalmedya li a[href*=mail] {background-position:-161px -758px;width:22px; height:16px}
.sosyalmedya li a[href*=vimeo] {background-position:-7px -790px;width:21px; height:17px}
.sosyalmedya li a[href*=youtube] {background-position:-42px -786px;width:23px; height:27px}

#beni-paylas .sosyalmedya {float:none;}
#beni-paylas .sosyalmedya li {display:inline-block}
#beni-paylas {text-align:center}

.paylas {float:right;font-size:0 }
.paylas a {display:inline-block;border-left:1px solid #cccccc;color:#FF8000;padding:10px 20px;font-size:14px}
.paylas a:hover {background-color:#F5F5F5}
.paylas a:before {width:18px; height:18px; background-position:-197px -406px; margin-right:5px}
.paylas a.favoriekle:before, span.favoriekle:before {width:16px; height:15px; background-position:-224px -406px}
.paylas a.hediyeet:before {background-position:-117px -406px;width:16px}
.paylas a:hover {filter:alpha(opacity=60);opacity:.6}
.paylas + p, .paylas + div {margin-top:0}

.paylas-iframe {width:100%; height:300px; border:0; padding:0; margin:20px auto}

.ebulten-mini {font-size:16px}
.ebulten-mini .inputani input[type=button] {margin-left:-1px} 

.boynergrup {width:152px; height:25px; text-align:left; text-indent:-999em; background-position:-71px -189px}
.aymarka a {width:46px; height:25px; text-align:left; text-indent:-999em; background-position:0 -188px; opacity:.5}

.hemen-sor {position:fixed; z-index:50; left:0; right:0; bottom:0; text-align:right !important; height:0; overflow:visible}
.hemen-sor > .sayfaG {height:0; overflow:visible}
.hemen-sor a { display:inline-block; background:#F6E9DF; padding:12px 20px; font:italic 20px 'Brandon';color:rgba(0,0,0,.75);}
/* .hemen-sor a:before {width:52px; height:42px; background-position:-137px -130px; margin-right:10px} */
.hemen-sor.etkin {bottom:53px}

.hemen-sor a:before {width:29px; height:24px; background-position:-206px -159px; margin-right:10px}

a.yukarigit {position:fixed; z-index:55; right:10px; bottom:10px; filter:alpha(opacity=0);opacity:0; width:30px; height:30px; text-align:left; text-indent:-999em; background-position:-77px -387px; cursor:pointer; overflow:visible}
a.yukarigit.etkin {filter:alpha(opacity=100);opacity:1;background-color:#FFFFFF; border-radius:12px}
a.yukarigit > span {position:absolute; right:110%; top:50%; text-indent:0; white-space:nowrap; margin-top:-13.5px; background:#FFFFFF; padding:5px 10px; border-radius:15px}

.muhtesempoap {position:fixed; z-index:9999992; left:0; top:101%; right:0; height:0; overflow:hidden}
.muhtesempoap.etkin {overflow:visible}
.muhtesempoap.mutlak {position:absolute}
.muhtesempoap .sayfaG { border:1px solid #cccccc; background:#FFFFFF; padding:20px; box-sizing:border-box; position:relative;-webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.5);box-shadow: 0 0 24px 0 rgba(0,0,0,.5);opacity:0}
.muhtesempoap.etkin .sayfaG {opacity:1}
.muhtesempoap[bukim*=arama] .sayfaG, .muhtesempoap[bukim*=beden-gelince-bildir] .sayfaG, .muhtesempoap[bukim*=oturum] .sayfaG, .muhtesempoap[bukim*=siparis-iptal] .sayfaG, .muhtesempoap[bukim*=teslimat-ve-iade] .sayfaG, .muhtesempoap[bukim*=hizli-kargo] .sayfaG {max-width:500px}
.muhtesempoap[bukim*=beni-paylas] .sayfaG , .muhtesempoap[bukim*=favorilere] .sayfaG, .muhtesempoap[bukim*=hediye-et] .sayfaG, .muhtesempoap[bukim*=sepet-sil-onay] .sayfaG , .muhtesempoap[bukim*=adres-sil-onay] .sayfaG, .muhtesempoap[bukim*=yorumyaz] .sayfaG {max-width:300px}
.muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG, .muhtesempoap[bukim*=yeni-adres-ekle] .sayfaG, .muhtesempoap[bukim*=beden-tablosu] .sayfaG {max-width:768px;}
.muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG article {max-height:400px; overflow:auto}
.muhtesempoap[bukim*=uye] .sayfaG {max-width:850px;}
.muhtesempoap[bukim*=buyuk-urun] .sayfaG {max-width:1280px;}
.muhtesempoap.iframe .sayfaG {max-width:990px;}

.gri {background:#f6f6f6; padding:10px}
.ayak .gri {padding:40px 0;margin-top: 20px;margin-bottom:-20px;}

.muhtesempoap a.kapatcik {padding:0px 10px 9px 14px; font-size:20px}
.muhtesempoap a.buton {font-size:13px}

.zemincik { background: rgba(76,76,76,.7); position: fixed; z-index: 9999991; left: 0; top: 0; right: 0; bottom: 0 }

.arama h2 {font-family:'Brandon'; text-align:center}
.arama input[type=text] {width:100%}
.arama p {position:relative}
.arama input[type=button], .arama a.buton { position:absolute; right:0; top:0}

/**selectleri manipüle**/

.izole {position:relative;}
select.soldur {position:absolute; z-index:2; width:100%; filter:alpha(opacity=0); opacity:0}
/* span.select { display:inline-block;position:relative; z-index:1; box-sizing:border-box; width:100%; padding:10px; border:1px solid #cccccc; font-family:'Brandon'}
span.select:after { width:10px; height:6px; background-position:-220px -11px; position:absolute; right:10px; top:45%}
*/

/**ekmek kirintisi**/

.ekmek-kirintisi {display:inline-block; padding:10px 15px}
.ekmek-kirintisi li {display:inline-block;white-space:nowrap}
.ekmek-kirintisi li, .ekmek-kirintisi li a {line-height:normal; font-size:12px; font-family:'Brandon'}
.ekmek-kirintisi li + li {margin-left:3px}
.ekmek-kirintisi li + li:before { width:4px; height:7px; background-position:-234px -94px; margin-right:2px}

/**numaranı seç**/

.numarani-sec:after { position:absolute; background-position:-220px -11px; width:10px; height:6px; right:10px; top:17px}
 
.numarani-sec { float:right; margin:0 !important; width:24.9%; border-left:1px solid #cccccc; position:relative;color:#363636;font-size:0; position:relative; cursor:pointer}

.numarani-sec > span {display:block;width:49.6%;line-height:40px; text-align:center; font:13px/40px 'Brandon'; float:left; box-sizing:border-box}
.numarani-sec span.sec {border-right:1px solid #cccccc;}
.numarani-sec span.secilenler {font:italic 20px/40px 'Brandon'; padding-right:20px; max-height:40px; overflow:hidden}

.numaralar {padding:20px; position:absolute; z-index:1; background:#f8f8f8; border:1px solid #cccccc; left:-1px; top:100%; right:0; display:none }
.numaralar li {width:33.3%; float:left}
.numaralar li label { display:block}


/** filtre alanı **/

.filtre-alani {background:#FFFFFF}
.filtre-alani > .sayfaG {border:1px solid #CCCCCC}
.filtre-alani > .sayfaG:after {display:block;clear:both;height:0;font-size:0;content:""}

a.tumunusec.secildi:before, a.secimlerikaldir:before {width:16px; height:16px; background-position:-23px -726px; margin:-1px 3px 0 0}

/** kategori dizilimleri **/

.kategori-dizil, .kategori-dizil div, .kategori-dizil article, .kategori-dizil a, .kategori-dizil h2 {color:#444344}
.sayfalama, .sayfalama div, .sayfalama article, .sayfalama a, .sayfalama h2 {color:#8c8b8c; font-family:'Brandon'}

.kategori-dizil article {display:inline-block; width:25%; text-align:center; float:left; padding:16px; overflow:hidden; position:relative;} /** varsayılan görünüm */
.kategori-dizil article + article {margin-top:0}
.kategori-dizil article h2, .kategori-slayt article h2  {font:normal 12px 'Brandon'; margin-bottom:15px}
.kategori-dizil article .marka {font-size:11px}

.kategori-slayt article.urun {display:block}

.kategori-dizil.dizilim_3 article {width:33.3%}

.kategori-dizil article .tablo .hucre {vertical-align:text-bottom;}

.kategori-dizil article.seo {text-align:left}
.kategori-dizil article.seo h2 {font:normal 32px 'Brandon'; color:#444444; margin-bottom:20px}
.kategori-dizil article.seo .gorunum-sec {position:absolute; left:16px; top:16px; right:16px}
.kategori-dizil article.seo .gorunum-sec a.sagda {margin:16px 0 0}

.kategori-dizil article.seo .jQmerAcilirKutu, .kategori-dizil article.seo .chosen-container-single .chosen-single { display:inline-block; border:none; width:auto; padding:0 30px 0 0; font-size:16px}
.kategori-dizil article.seo .jQmerAcilirKutu span.yazi { padding:10px 30px 10px 10px;font:normal 20px 'Brandon';}
.kategori-dizil article.seo .chosen-container .chosen-drop {border-top:1px solid #999999; margin-top:0}
.kategori-dizil article.seo .chosen-container .chosen-results {padding-top:4px}
.kategori-dizil article.seo .tablo .hucre {vertical-align:top; text-align:left; padding-top:60px}

article.seo .goster {position:relative;overflow:hidden}
article.seo .goster h2 { position:absolute; z-index:1; left:0; right:0; bottom:45%; text-align:center;color:#FFFFFF}
/*article.seo .goster.etkin h2 {bottom:40px}*/
article.seo .goster h2 > span {display:inline-block; border:1px solid #FFFFFF; padding:10px}
article.seo .goster .aciklama {position:absolute; left:0; right:0; top:0; bottom:100%; overflow:hidden; padding:0;color:#FFFFFF; background:#000000; background:rgba(0,0,0,0);z-index:2;text-align:center}
article.seo .goster.etkin .aciklama {top:0;background:rgba(0,0,0,.7);bottom:62px;padding:20px;}
article.seo .goster .buton {display:block; background:#FFFFFF; color:#8C8C8C; border:1px solid #8C8C8C;font-size:16px}
article.seo .goster img {width:100%; height:auto; max-width:none}

.kategori-dizil .urun .marka.gosterme {text-indent:-999em; overflow:hidden}

.sayfalama {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; text-align:center; padding:10px 0}
.sayfalama.ustte {border-top:0;border-bottom:1px solid #cccccc; height:60px;line-height:60px;}
.sayfalama a.onceki, .sayfalama a.sonraki {position:relative;text-align:left; text-indent:-999em; display:inline-block; width:100px;}
.sayfalama a.onceki:hover, .sayfalama a.sonraki:hover {background-color:#F8F8F8}
.sayfalama a.onceki:before {width:52px; height:27px; background-position:0 -53px; position:absolute; top:50%; margin-top:-13px;right:0}
.sayfalama a.sonraki:before {width:52px; height:27px; background-position:-71px -53px; position:absolute; top:50%; margin-top:-13px; left:0}

.sayfalama a.onceki:hover:before {right:20%}
.sayfalama a.sonraki:hover:before {left:20%}

.sayfalama span.nolar {overflow:hidden;display:inline-block; float:none; vertical-align:middle; margin:0 20px}
.sayfalama span.nolar a {display:inline-block; padding:5px 10px; text-align:center;}
.sayfalama span.nolar a + a {border-left:none}  
.sayfalama span.nolar a:hover {background-color:#f8f8f8}
.sayfalama span.nolar a.etkin {color:#FF9300; cursor:default}

.sayfalama + .ozel-kolon {margin-top:30px}

.sayfalama span.kacurun em { font-style:normal}

/**  ürün renk seçenek - kategori dizilim **/
.diger-secenekler {font-family:'Brandon'}
.diger-secenekler span {font-size:12px}
.diger-secenekler span:after {width:10px; height:6px; background-position:-220px -11px; margin-left:5px}

.diger-secenekler a {display:inline-block; width:26px; height:11px; text-align:left; text-indent:-999em; background-color:#f8f8f8; margin:2px}

.kategori-dizil article .diger-secenekler { position:absolute; text-align:center; left:10%; right:10%; top:10%; height:0; overflow:visible} 

/** filtre alanı **/
.filtre-alani .siralama {float:right; width:20%}
.filtre-alani .siralama .jQmerAcilirKutu {border:0}

.filtreler {width:80%;}
.filtreler > li {float:left; width:20%; padding:0 30px 0 15px; line-height:40px; border-right:1px solid #cccccc; position:relative; font-family:'Brandon'; cursor:pointer;max-width:288px;}
.filtreler > li:hover , .filtreler > li.etkin {background-color:#f8f8f8}
.filtreler > li:after { width:11px; height:6px; background-position:-220px -11px; position:absolute; z-index:1; right:10px; top:17px}
.filtreler > li.etkin:after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} 
.filtreler > li > div {cursor:default}

.filtreler > li.ilk {width:100%; display:none}

.filtreler > li.etkin:before {content:""; display:block; position:absolute; z-index:12; left:0; right:0; bottom:-1px; height:1px; background-color:#f8f8f8}

.filtreler > li.ilk:before, .filtreler > li.ilk.etkin:before  { display:inline-block;width:14px; height:12px; background-color:transparent; background-position:-12px -132px; margin-right:10px; position:static; margin-bottom:3px}

.filtre-secenek { position:absolute; z-index:10; padding:20px; background:#f8f8f8; border:1px solid #cccccc; left:-1px; right:-201%; top:100%; display:none}
.filtre-secenek.fiyat-araligi {width:310px; left:auto;border-top:1px solid #cccccc;right:0}
.fiyat-araligi .aralik-slayt {padding:40px 0 20px 0}

/* .filtre-secenek.fiyat-araligi:before {content:""; display:block; position:absolute; left:0; top:0; height:1px; background:#cccccc; width:22%} */

.filtre-secenek input[type=text] {font-size:12px; width:100%}

.filtre-tik li {margin:2.5px 0;width:33.3%; float:left}
.filtre-tik {max-height:200px;overflow: auto}
.filtre-tik > ul {clear:both}
.filtre-tik > ul:after {display:block; clear:both; height:0;font-size:0;content:""}
.filtre-tik label {font-size:13px; line-height:18px; display:inline-block}

.filtre-link {padding-bottom:10px; border-bottom:1px solid #cccccc;}
.filtre-link a + a {margin-left:10px; white-space:nowrap}

/* jQmer Açılır Kutu */

.jQmerAcilirKutu {position:relative;display:block;vertical-align: middle; padding:0}
.jQmerAcilirKutu:before {width:10px; height:6px; background-position:-220px -11px; position:absolute; right:10px; top:48%}
.jQmerAcilirKutu span { padding:10px; display:block}
.jQmerAcilirKutu span.yazi {font:normal 14px 'Brandon'; padding-right:30px}
.jQmerAcilirKutu select {filter:alpha(opacity=0);opacity:0;position:relative;z-index:2;float:none;border:0;height:100%;width:100%;margin:0;}
.jQmerAcilirKutu.farkli select {display:none}
.jQmerAcilirKutu:hover, .jQmerAcilirKutu.acik {}
.jQmerAcilirKutu.farkli select + span {z-index:3;cursor:pointer;overflow:visible;padding:0;}
.jQmerAcilirKutu.farkli ul.secenekler {position:absolute;display:none;overflow:auto;left:-1px;top:100%;padding:10px 0;background:#fff;min-width:100%;z-index:10;border:1px solid #999999;margin:0;max-height:200px;}
.jQmerAcilirKutu.farkli .secenekler li {cursor:pointer;padding:0 10px;white-space: nowrap;font:normal 14px 'Brandon';line-height:30px;}
.jQmerAcilirKutu.farkli .secenekler li:hover, .jQmerAcilirKutu.farkli .secenekler li.secili:hover {background:#ddd;}
.jQmerAcilirKutu.farkli .secenekler li.secili {background:#eee;}


/** checkbox ve radiolar **/


input[type=text]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=password]:disabled,select:disabled, textarea:disabled {/*border-color:#AEAEAE;-webkit-box-shadow:inset 0 0 4px 0 #AEAEAE;box-shadow:inset 0 0 4px 0 #AEAEAE;*/color:#999999}

input[type=radio], input[type=checkbox] { position:absolute; z-index:1;filter:alpha(opacity=0);opacity:0; vertical-align:middle}

label {display:inline-block; padding-left:23px; position:relative; z-index:2; vertical-align:middle}
label:before {display:inline-block; width:16px; height:16px; background:#FFFFFF; border:1px solid #999; position:absolute; z-index:1; left:0; top:0;-webkit-box-shadow:inset 0 0 4px 0 #ccc;box-shadow:inset 0 0 4px 0 #ccc;}
label:after {display:inline-block;position:absolute; z-index:2; left:8px; top:8px; width:0; height:0; border:none; background:#ffffff}

label a {text-decoration:underline}

label {margin:5px}

input[type=checkbox] + label:before, input[type=checkbox] + [type=hidden] + label:before {border-radius:4px}

input[type=radio] + label:before, input[type=radio] + label:after {border-radius:12px}
input[type=radio]:checked + label, input[type=checkbox]:checked + label {color:#FF8000}
input[type=radio]:checked + [type=hidden] + label:before, input[type=checkbox]:checked + label:before, input[type=radio]:checked + [type=hidden] + label:before, input[type=checkbox]:checked + [type=hidden] + label:before {border-color:#FF8000;-webkit-box-shadow:inset 0 0 4px 0 #FF8000;box-shadow:inset 0 0 4px 0 #FF8000;}
input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after,
input[type=radio]:checked + [type=hidden] + label:after, input[type=checkbox]:checked + [type=hidden]+ label:after {left:5px; top:5px; background:#FF8000; width:8px; height:8px;}
input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + [type=hidden] + label:after {border-radius:2px}

input[type=radio]:disabled + label, input[type=checkbox]:disabled + label,
input[type=radio]:disabled + [type=hidden] + label, input[type=checkbox]:disabled + [type=hidden] + label {color:#BFBFBF}
input[type=radio]:disabled + label:before, input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + [type=hidden] + label:before, input[type=checkbox]:disabled + [type=hidden] + label:before {border-color:#BBBBBB; background-color:transparent}


/** ürün detay **/

.urun-hareketleri .sunum {padding:10px}
.urun-hareketleri .sunum > h2 {top:-24px}
.urun-tek {position:relative;margin:20px 0;} 
.urun-tek .fotolar {position:relative;}
.urun-tek .urun-fonksiyon {position:relative;}
.urun-tek .fotolar .kolon4te3 {float:right}
.urune-ait .urun-aciklama {padding:5%; position:relative;}
.urun-tek .urun-aciklama:before {content:"";position:absolute;height:1px; background:#CCCCCC; left:25%; top:13px; right:25%; z-index:1}
.urun-tek .urun-aciklama hr {margin:30px auto}
.yrakam {white-space:nowrap}

/*.urun-fonksiyon .bildirim.formuyar {position:absolute; z-index:2; margin-top:-32px; left:25px; right:25px}*/

.urun-fonksiyon, .urun-fonksiyon div, .urun-fonksiyon table, .urun-fonksiyon h2 {font-family:'Arial';color:#444344}
.urun-fonksiyon .cerceve {border:1px solid #cccccc;padding:25px}
.urun-fonksiyon .bildirim, .genel-icerik .bildirim, .orderSum .bildirim {margin-bottom:10px}

.urun-fonksiyon h2 {font-size:26px;margin-bottom:5px}
.urun-fonksiyon h2 + p.y11 {font-size:13px}

.urun-fonksiyon .eski-fiyat, .urun-fonksiyon .fiyat, .urun-fonksiyon .indirim-oran {text-align:right}
.urun-fonksiyon hr {margin:20px 0}
.urun-fonksiyon .eski-fiyat, .urun-fonksiyon .fiyat {margin-top:1px !important}

.urun-fonksiyon .eski-fiyat {text-decoration:line-through; font-size:18px;color:#AAAAAA}
.urun-fonksiyon .eski-fiyat .tl {width:9px; height:11px; background-position:-153px -37px;}
.urun-fonksiyon .fiyat {font-size:30px}
.urun-fonksiyon p[class*=fiyat] .tl {vertical-align:middle}
.urun-fonksiyon sup {font-size:14px}

.urun-fonksiyon .indirim-oran {color:#FF8000; font-size:14px}

.urun-fonksiyon label:before, .urun-fonksiyon label:after {border-radius:0 !important;}


.urun-fonksiyon .renk {margin-left:-3px; margin-right:-3px}
.renk label:before, .renk label:after { display:none}
.renk label {display:inline-block; padding:5px 10px; border:1px solid  #e1e1e1; cursor:pointer; border-left-width: 12px; color:#000000;}
.renk input[type=radio]:checked + label {background-color:#EDEDED; text-decoration:underline}
.renk input[type=radio]:disabled + label {cursor:default}
.renk label em {display:inline-block; width:10px; background:#CCCCCC; left:-10px; top:-1px; bottom:-1px; position:absolute; z-index:1;text-align:left; text-indent:-999em}
/* .urun-fonksiyon label + input, .urun-fonksiyon  label + input + label {margin-left:3px} */
.urun-fonksiyon label {margin:3px}
.urun-fonksiyon .renk label {margin-left:11px}

.beden label:before, .beden label:after, .renk label:before, .renk label:after {left:-6px; right:-6px; top:50%; height:1px !important; border:none; box-shadow:none; background:#dddddd !important;  width:auto; display:none}
.beden label {display:inline-block;padding: 3px; border:1px solid #999999; cursor:pointer;color: #000000;height: 25px;line-height: 25px;min-width: 25px;text-align:center} 
.renk label {display:inline-block;padding: 5px 10px;border:1px solid #e1e1e1; cursor:pointer; border-left-width: 12px; color:#000000;min-width: 38px;} 


.beden label.stokaz:before {height:5px !important; background:#d16666 !important; top:auto; bottom:0;display:block; left:0; right:0 }
.beden label.stokaz:after {display:none}

.beden input[type=radio]:checked + label {background-color:#EDEDED; text-decoration:underline}

.beden input[type=radio]:disabled + label, .renk input[type=radio]:disabled + label {cursor:default}
.beden input[type=radio]:disabled + label {border-color:#dddddd}
.beden input[type=radio]:disabled + label:after, .renk input[type=radio]:disabled + label:after { display:block; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.beden input[type=radio]:disabled + label:before, .renk input[type=radio]:disabled + label:before {display:block;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.renk input[type=radio]:disabled + label:after {-moz-transform: rotate(-33deg);-webkit-transform: rotate(-33deg);-o-transform: rotate(-33deg);-ms-transform: rotate(-33deg);transform: rotate(-33deg);}
.renk input[type=radio]:disabled + label:before {-moz-transform: rotate(33deg);-webkit-transform: rotate(33deg);-o-transform: rotate(33deg);-ms-transform: rotate(33deg);transform: rotate(33deg)}

.secenek-aciklama {font-size:9px}
.secenek-aciklama em {display:inline-block; margin-right:5px; width:16px; height:16px; background-position:-140px -380px;}
.secenek-aciklama em:nth-child(2) {background-position:-157px -380px; margin-left:10px}
.secenek-aciklama em:nth-child(3) {background-position:-174px -380px; margin-left:10px}

.urun-secenek p + p {margin-top:20px}

.beden-gelince a.buton {font-size:12px; display:block;background:#FFFFFF; color:#FF7F00; border-color:#FF7F00}
.beden-gelince a.buton:hover {background:#FF7F00; color:#FFFFFF; filter:alpha(opacity=100);opacity:1 }

.sepete-atma-fonksiyon {margin-top:10px}
.sepete-atma-fonksiyon .girdi { display:inline-block; vertical-align:middle;width:40px; font-size:11px; color:#FFFFFF; text-align:center}
.sepete-atma-fonksiyon input[type=text] {width:100%; height:auto; border:none; background:none;color:#FFFFFF; text-align:center; font:normal 24px 'Brandon'; padding:2px}
.urun-tek .sepete-atma-fonksiyon input[type=text] {color:#2AB88B}
.sepete-atma-fonksiyon input[type=text]:focus {border:0}
.sepete-atma-fonksiyon a {color:#FFFFFF}
.sepete-atma-fonksiyon .azalt, .sepete-atma-fonksiyon .artir { display:inline-block; padding:5px 10px; text-align:center}
.sepete-atma-fonksiyon a.buton { display:block;background:#2AB88A; border:2px solid #2AB88A; border-left-width:1px; font:normal 16px 'Brandon'; padding:7px 10px;color:#FFFFFF}
.sepete-atma-fonksiyon a.buton:hover {background:#FFFFFF;color:#2AB88A}
.sepete-atma-fonksiyon a.buton:after {display:inline-block;content:"";width: 0;height: 0;border-style: solid;border-width: 5.5px 0 5.5px 8px;border-color: transparent transparent transparent #ffffff;margin:-3px 0 2px 5px;vertical-align:middle}
.sepete-atma-fonksiyon a.buton:hover:after {border-color: transparent transparent transparent #2AB88A;filter:alpha(opacity=100);opacity:1}
.sepete-atma-fonksiyon .chosen-container, .sepete-atma-fonksiyon select {width:25% !important; display:inline-block; vertical-align:middle; float:left}
.sepete-atma-fonksiyon a.buton.sepete-ekle {width:75%; display:inline-block; vertical-align:middle;box-sizing:border-box; float:left}
.sepete-atma-fonksiyon .chosen-container-single .chosen-single {line-height:22px;border-color:#2AB88A; text-align:center}
.sepete-atma-fonksiyon .chosen-container-single .chosen-single span {margin-right:0;color:#2AB88B}
.sepete-atma-fonksiyon .chosen-container .chosen-drop {border-color:#2AB88B}
.sepete-atma-fonksiyon .chosen-container-single .chosen-single:after {background-position:-227px -345px}
.sepete-atma-fonksiyon input[type=text].kactaneurun, .sepete-atma-fonksiyon input[type=text].kactaneurun:focus {border:0;outline:0}
.sepete-atma-fonksiyon input[type=text].kactaneurun {width:14%;font-size:15px;position:absolute; z-index:3; background:#FFFFFF; height:38px; line-height:38px; margin:1px 0 0 4%;box-sizing:border-box; padding:0; left:0; bottom:1px}
.sepete-atma-fonksiyon input[type=text].kactaneurun.asaga {display:none}

.sepete-atma-fonksiyon.eklendi {position:relative; z-index:1}
.sepete-atma-fonksiyon.eklendi:before {content:""; display:block; position:absolute; z-index:5; left:0; top:0; right:0; bottom:0}
.sepete-atma-fonksiyon.eklendi a.buton {background:#000000;border-color:#000000}
.sepete-atma-fonksiyon.eklendi .chosen-container-single .chosen-single {border-color:#000000}
.sepete-atma-fonksiyon.eklendi .chosen-container-single .chosen-single:after {background-position:-220px -11px}
.urun-tek .sepete-atma-fonksiyon.eklendi input[type=text] {color:#000000}
.sepete-atma-fonksiyon.eklendi input[type=text].kactaneurun {border-color:#000000}

.sepete-atma-fonksiyon.eklendi a.buton:after, .sepete-atma-fonksiyon.eklendi a.buton:before {border:0; width:10px; height:2px; background:#FFFFFF; position:absolute; z-index:1; right:calc(50% - 125px); top:20px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.sepete-atma-fonksiyon.eklendi a.buton:before {width:5px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); top:18px;right:calc(50% - 117px)}

.firefox .sepete-atma-fonksiyon input[type=text].kactaneurun {bottom:3px}
.firefox .sepete-atma-fonksiyon .chosen-container-single .chosen-single {line-height:24px;}

.urun-hareketleri, .urun-hareketleri div, .urun-hareketleri table, .urun-hareketleri span {color:#444444}
.urun-hareketleri .jQmerAcilirKutu {border:0; border-top:3px solid #444444; display:inline-block; padding-top:5px}
.urun-hareketleri .jQmerAcilirKutu span {padding:0}
.urun-hareketleri .jQmerAcilirKutu span.yazi {font-size:14px; padding-right:30px}
/*.urun-hareketleri p + p {font:italic 11px 'Brandon'}*/
.urun-hareketleri p + p em {font-size:24px; display:block}

.yildizver {display:block; margin-bottom:5px}
.yildizver label:before, .yildizver label:after {display:none;}
.yildizver label + input, .yildizver label + input + label {margin-left:3px}
.yildizver label { width:12px; height:12px; background-position:-141px -405px; padding:0; cursor:pointer}
.yildizver label.etkin {background-position:-173px -405px}

.urun-detay .jistisna-sekme {clear:both; margin:0 auto 20px auto;}

.yildizlar {position:relative; z-index:1}
.yildizlar .puani {display:block}
.yildizlar .puani em {display:inline-block;width:12px;height:13px; background-position:-141px -405px}
.yildizlar .puani em.etkin {display:inline-block;width:12px;height:13px; background-position:-173px -405px}
.yildizlar .puani em + em {margin-left:2px}

.yildizlar > p:first-child {cursor:pointer}

.yildiz-oyla {position:absolute; padding:20px; background:#f8f8f8; border:1px solid #cccccc; margin:0; top:120%; display:none}
.yildiz-oyla .yildizver {white-space:nowrap}

/** yorumlar **/

.yorum-alani > h2 {font-size:14px}
.yorumlar li {padding:15px 15px 15px 32px; min-height:18px; position:relative}
.yorumlar li:before { width:21px; height:18px; background-position:-207px -379px; position:absolute; z-index:2; left:0; top:15px}
.dikkatcek {position:relative; border:1px solid #CCCCCC; padding:15px;width:50%;font:11px Arial;box-sizing:border-box; text-align:center; color:#666666;}
.dikkatcek:before {position:absolute;width:96px; height:25px; background-position:-69px -1088px; left:-81px; top:50%; margin-top:-12.5px}

.yorum-yaz textarea {width:100%}

/** sosyalleÅŸ **/

.sosyalles {margin:40px 0}
.sosyalles, .sosyalles div, .sosyalles table {font:normal 14px 'Brandon';color:#444344}
.sunum.sosyalles {border:0;border-top:1px dotted #CCCCCC; text-align:left; padding-left:0; padding-right:0; padding-bottom:0}
.sunum.sosyalles > h2 {padding-left:0; padding-right:20px;font-size:18px}


.anamenuac { position:absolute; z-index:10; left:10px; top:20px; width:34px; height:34px; background-color:#FFFFFF; background-position:6px -501px; border:1px solid #E4E4E4; border-radius:3px;box-shadow: 0 0 3px 0 rgba(0,0,0,.1); display:none}
.anamenuac.etkin { background-color:#f7f7f7;box-shadow: none; box-shadow:inset 0 0 3px 0 rgba(255,255,255,.8);/*background-position:-33px -501px;*/}

/** sepetim **/

.sepetim .kolon4te3 {width:70%}
.sepetim .kolon4te1 {width:29%; float:right}

.sepetim .orderSum .kolon4te3 {width:65%}
.sepetim .orderSum .kolon4te1 {width:35%}

.basketProducts {margin-bottom:30px}

.basketProducts .titles {font-size:0; border-bottom:1px solid #cccccc; padding:10px 0; background:#f8f8f8}
.basketProducts .titles:before {content:""; display:inline-block; width:12.8%}
.basketProducts .titles > span { display:inline-block;width:29.6%; font-size:14px}
.basketProducts .titles > span + span {width:15%; text-align:center}
.basketProducts .titles > span.num {width:21%}
.basketProducts .titles > span.cost {width:12%}

.siparis-takip .basketProducts .titles > span.num {width:16%}
.siparis-takip .basketProducts .titles > span.cost {width:25%; text-align:right}

.basketProducts .product {font-size:0; padding:10px; position:relative}
.basketProducts .product ~ .product {border-top:1px solid #cccccc}
.basketProducts .product:last-child {border-bottom:1px solid #cccccc}
/* .basketProducts .product:nth-child(odd) {background-color:#f8f8f8} */
.basketProducts .product > div.img, .basketProducts .product > div.details {display:inline-block; vertical-align:middle; font-size:14px}
.basketProducts .product .img {width:12%; }
.basketProducts .product .img a {display:block; text-align:center}
.basketProducts .product .img img {Max-width:none;height:65px;width:auto;FLOAT:LEFT;}
.basketProducts .product .details {width:88%; }
.basketProducts .product .details .others {font-size:0;}
.basketProducts .product .details .others ul {display:inline-block; width:39%;font-size:14px; vertical-align:middle}
.basketProducts .product .details .others .info li {display:inline-block; vertical-align:middle}
.basketProducts .product .details .others ul + ul {width:20%}
.basketProducts .product:after {display:block; content:"";clear:both}

.basketProducts .product .details .others .number {width:30px; padding:4px 3px 2px 3px; text-align:center; font-size:12px}

.basketProducts .product .details .title {font-size:16px;margin-bottom:5px}
/* .basketProducts .product .buton.delete {font-size:12px; float:right} */

.basketProducts .product .buton.delete {background-color:#FFFFFF;border-radius:8px; padding:0}
.basketProducts .product .buton.delete:hover {background-color:#cccccc}

.basketProducts .product .details .others .cost li {display:inline-block}
.basketProducts .product .details .others .cost li:last-child {float:right}
.basketProducts .product .details .others .cost li:last-child > span, .basketProducts .product .details .others .cost li:last-child > div {display:inline-block}

.basketProducts .product .eski-fiyat {text-decoration:line-through}

.numMinPlus {font-size:0}
.numMinPlus > span {font-size:12px}
.numMinPlus input {display:inline-block}
.numMinPlus .minus, .numMinPlus .plus {padding:2.4px 2px; width:24px;cursor:pointer;font-size:13px}
.numMinPlus .minus {background-position:-85px -507px; border-right:0}
.numMinPlus .plus {background-position:-126px -508px; border-left:0}
.numMinPlus .minus:hover, .numMinPlus .plus:hover {background-color:#f8f8f8}

.basketProducts .product .bildirim {margin-bottom:10px}

.presentIcon {background-position:-200px -627px; width:20px; height:22px}

.orderSum.buyukozet, .menu-sekmesi .sag-bit .basketProducts {background:#FFFFFF; padding:20px; border:1px solid #cccccc; position:relative; z-index:900 !important}
.orderSum li {padding:5px 0; position:relative}
.orderSum li.hopi:before {width:18px; height:16px; background-position:-91px -886px; position:absolute; z-index:2; left:10px; top:15px}
.orderSum li.hopi input.hopi {padding-left:32px}
.orderSum li em {font-style:normal}
.orderSum li:after {display:block;content:""; clear:both}
.orderSum li > strong {float:right; margin-left:20px}
.orderSum a.buton.buy {display:block}
.orderSum .couponVal, .orderSum input.hopi {width:100%}
.orderSum .couponBtn {position:absolute; right:0; top:5px; width:35%; box-sizing:border-box; background:#FFFFFF;color:#ff6e04;border-color:#999999}
.orderSum .jQmerAcilirKutu {border-right:0;}
.orderSum .jQmerAcilirKutu span {padding:10px 20px 9px 20px}

.menu-sekmesi .sag-bit {box-sizing:border-box}
.menu-sekmesi .sag-bit .basketProducts {margin-bottom:0}
.menu-sekmesi .sag-bit .orderSum.buyukozet {padding:10px 0 0; border:0; border-top:1px solid #cccccc}
.menu-sekmesi .urun .sloganlar {display:none}
.menu-sekmesi input[type=radio] + label:before {border-radius:4px}
.menu-sekmesi input[type=radio] + label:after {border-radius:2px}

.orderSum .ind-detay {font-style:italic; text-decoration:underline;color:#ff6e04}

.buton.buy , .buton.turuncu, .buton.buy:hover , .buton.turuncu:hover, .buton.siparis-tamamla, .buton.siparis-tamamla:hover {background:#ff6e04; color:#FFFFFF; border:0}
.buton.buy:hover, .buton.turuncu:hover {filter:alpha(opacity=70);opacity:.7}

.turuncu, .adres-secici + label, .gri .tutar, .bildirim a.turuncu {color:#ff6e04}

.buton.kupon-uygula, .buton.kupon-uygula:hover {color:#ff6e04; background:#FFFFFF}

.mobile {display:none !important}
.warning {color:#D20003; font-family:'Brandon Medium'}

.bildirim a.turuncu {margin:0 10px; white-space:nowrap}
.bildirim a.sil.turuncu:before {margin:-3px 3px 0 0; background-position:-7px -970px}

.marka-ayrac {background:#FFFFFF}

.sepet-kolonlar h3 {text-align:center}
.sepet-kolonlar h3 span { width:80px; height:18px; background-position:0 -246px; text-align:left;text-indent:-999em}
.sepet-kolonlar h3.fabrika span {width:98px; background-position:0 -297px}
.sepet-kolonlar h3.network span {width:84px; background-position:0 -348px}
.sepet-kolonlar h3.que span {width:45px; background-position:0 -400px}
.sepet-kolonlar strong {display:inline-block}
.sepet-kolonlar .marka-ayrac, .siparis-ozet {padding:20px; border:1px solid #cccccc}
.sepet-kolonlar .marka-ayrac + div, .siparis-ozet + div {margin-top:30px}

.sepet-kolonlar .siparis-ozet h3, .sepet-kolonlar .orderSum h3 {text-align:left}

.indirim-detaylari {padding:10px 20px; background:#f8f8f8; display:none; margin:10px -20px;}
.indirim-detaylari strong {float:right}
.hediye-istenmi .yaz {display:none}

.hediye-ceki-gir .chosen-container-single .chosen-single {border-right:0;padding-bottom:7px}

/** merak edilenler **/

.merakedilenler h3 {cursor:pointer; padding:8px; background:#f8f8f8; margin:0; font-size:18px}
.merakedilenler h3:hover, .merakedilenler h3.etkin {background:#dedede}
.merakedilenler .icerik { padding:20px; font-size:14px} 
.merakedilenler article + article {margin-top:1px}
.merakedilenler h3:before { display:inline-block; content:"+"; margin-right:5px}
.merakedilenler h3.etkin:before {content:"-"}

/** yardım ara **/

.yardimda-ara {margin-bottom:20px}
.yardimda-ara .girdi {position:relative}
.yardimda-ara a.buton { position:absolute; z-index:2; right:0; top:0}
.parla {display:inline-block; background:#FFF6BA; padding:5px}

/** yardım menü **/
.yardim {position:relative; padding-left:20px; border-left:1px solid #cccccc;cursor:pointer}
.yardim:before {width:17px; height:17px; background-position:-162px -725px; margin:-1px 5px 0 0}
.yardim > ul {position:absolute; background:#f8f8f8; border:1px solid #cccccc; right:-110px; top:200%; display:none; width:220px}
.yardim > ul > li {white-space:nowrap; padding:5px 10px;box-sizing:border-box;float:left; width:100%}
.yardim > ul > li a { display:block; padding:5px}
.yardim > ul:before, .kisisel-menu > ul:before, .yildiz-oyla:before,
.yardim > ul:after, .kisisel-menu > ul:after, .yildiz-oyla:after, .farkliadres:before, .ara-bul ul.ui-autocomplete:before, .ara-bul ul.ui-autocomplete:after  {content:""; display:block; position:absolute; right:74%; bottom:100%;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #cccccc transparent; z-index:1}
.yardim > ul:after, .kisisel-menu > ul:after, .yildiz-oyla:after, .ara-bul ul.ui-autocomplete:after {border-width: 0 9px 9px 9px;border-color: transparent transparent #f8f8f8 transparent; z-index:2;right:74.1%}
.yildiz-oyla:after {right:74.6%}
.yardim > ul:before {right:73.5%}


.yardim > ul > li.iletisim {width:45%;}
.yardim > ul > li.ara-beni {width:50%; border-left:1px solid #cccccc}

.yardim > ul > li a:before {width:19px; height:16px; background-position:-121px -821px; margin:-1px 5px 0 0}
.yardim > ul > li.iki a:before {background-position:-152px -821px;}
.yardim > ul > li.ara-beni a:before {width:13px; height:13px; background-position:-95px -727px;}
.yardim > ul > li.dort a:before {background-position:-39px -821px;}

 section.iletisim {background: url(https://prodaymarka.blob.core.windows.net/contents/images/Fabrika/Content/Iletisim/iletisim.jpg) center bottom no-repeat; background-size:contain}

/** dönergeç metinler **/

.donergecKabuk {position:relative; z-index:1; margin:0 0 15px 0}
.donergecKabuk .sayfaG { padding:10px 20px;background:#F6E9DF;position:relative; z-index:1; box-sizing:border-box }
.donergec {display:none; position:relative;}
.donergec li {-webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -ms-transform:rotateX(180deg);transform:rotateX(180deg);font:normal 12px 'Brandon'; height:0; overflow:hidden; text-align:center; position:relative; z-index:1; filter:alpha(opacity=0); opacity:0}
.donergec li h2 {font:normal 16px 'Brandon';color:#4D4A44;}
.donergec h1, .donergec h2, .donergec h3 {margin-bottom:5px}
.donergec li.etkin {-webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg);transform:rotateX(0deg);height:auto; z-index:2;filter:alpha(opacity=100); opacity:1}
.donergec li.etkin h2 {font-size:16px}
.donergecKabuk a.kapat {width:30px; height:30px; background-position:-176px 0; position:absolute; z-index:5; right:5px; top:5px; text-indent:-999em}
.donergec li strong {border-bottom:1px dotted #000000; display:inline-block}

.hakkimizda .donergec {display:block}
.hakkimizda .donergec.gorselli {width:200%; margin:20px -50%}
.hakkimizda .sayfaG .sayfaG {max-width:640px}
.hakkimizda .sayfaG .sayfaG.iki {max-width:768px}
.hakkimizda .kolon4 {text-align:center}
.hakkimizda p[class*=y3] { margin:50px auto; font-style:normal}

.iade-kolonlar {max-width:880px; margin:20px auto}
.iade-kolonlar .kolon3 {text-align:center}

/* sol dönüş **/

.solmenu > ul > li {font-size:16px; padding:5px; position:relative; z-index:1; cursor:pointer}
.solmenu > ul > li + li {margin-top:5px}
.solmenu > ul > li ul {border-top:1px solid #cccccc; padding:10px 10px 10px 20px; margin-top:5px}
.solmenu > ul > li > ul > li {padding:5px 0}
.solmenu > ul > li:after {width:10px; height:6px; background-position:-220px -11px; position:absolute; right:5px; top:5px}

.solmenu > ul > li.acik {cursor:default}
.solmenu > ul > li.acik:after, .solmenu > ul > li.altiyok:after{display:none}

.solmenu > ul > li > ul {display:none}
.solmenu > ul > li.acik > ul {display:block}

.solmenu > ul > li.etkin:after {-webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);transform:rotate(180deg)}

.solmenu > ul > li:before {width:23px; height:16px; background-position:0 -821px; margin-right:10px}
.solmenu > ul > li.bir:before {background-position:-122px -725px;}
.solmenu > ul > li.iki:before {background-position:-181px -821px;}
.solmenu > ul > li.uc:before {background-position:-209px -821px;}
.solmenu > ul > li.dort:before {background-position:-159px -725px; height:17px}

/** ÅŸekil ul , ol **/

ul.sekil, ol.sekil { margin:0; padding:20px 20px 20px 40px}
ul.sekil li {list-style:square}
ol.sekil li {list-style:decimal}

/** öneri slayt **/

.oneri-slayt {position:relative; z-index:1}

/** ul grid **/

.ul-grid {margin:40px auto}
.ul-grid > li {padding:10px;border-bottom:1px solid #cccccc}
.ul-grid > li:hover, .ul-grid > li.etkin { background:#f8f8f8}
.ul-grid li:after {display:block; clear:both; content:""; height:0}
.ul-grid .buton {font-size:12px; line-height:normal; padding:5px 10px}
.ul-grid li.baslik {background:#f8f8f8}

.ul-grid.sepet-ozet {margin:20px 0 0}
.ul-grid.sepet-ozet .kolon + .kolon {text-align:right}
.ul-grid.sepet-ozet span {display:inline-block}
/*.ul-grid.sepet-ozet li:last-child {border:0}*/

.ul-grid.sepet-ozet .kolon3 {width:50%}
.ul-grid.sepet-ozet .kolon3 + .kolon3 {width:25%; padding-top:0}
.ul-grid.gecmis-siparis-listesi .kolon3te2 { text-align:right}
.ul-grid.sepet-ozet .kolon2, .genel-icerik .ul-grid.sepet-ozet .kolon2 {width:49.9%; padding-top:0; margin-top:0; float:left}
.ul-grid.sepet-ozet .kolon2 + .kolon2 {float:right}

.odenecek-net-tutar {padding:10px; background:#f8f8f8; font-size:15px}
.odenecek-net-tutar span {display:inline-block}

.jistisna-sekme .ul-grid {margin:0 auto}

.urun-ozellikleri .ul-grid > li {border:0; padding:2px}

/** düzenle felan filan **/

a.duzenle:before { width:15px; height:16px; background-position: 0 -726px; margin-right:5px}
a.sil:before {width:16px; height:16px; background-position: -23px -726px; margin-right:5px}
a.adresdetay:before {width:11px; height:16px;  background-position: -47px -726px; margin-right:5px}

/** adres listesi **/
.adres-listesi li.adres-detayi {display:none}
.adres-listesi li.adres-detayi.goster {display:list-item}
.adres-listesi li.adres-detayi:hover { background:transparent !important} 
.adres-listesi a.duzenle, .adres-listesi a.sil , .adres-listesi a.adresdetay { float:right; margin-left:15px}
.fatura-adresi-giris {display:none}
.adres-listesi li .adres-ozet { padding:10px; border:1px solid #cccccc; border-top:0; background:#FFFFFF; overflow:visible; display:none; margin-bottom:-10px; border-bottom:0}
.hesabim-sayfasi .adres-ozet hr {float:none; width:auto; display:block; margin:-10px -20px 10px -20px}
.adres-listesi li p + div {margin-top:10px}

.hesabim-sayfasi .kategori_dizil {border:1px solid #cccccc}

.ul-grid.adres-listesi li.etkin {background:transparent}
.ul-grid.adres-listesi li.etkin > p {background:#f8f8f8; padding:10px; margin:-10px}

hr.tmz {float:left; width:100%;clear:both; border:0; margin:20px 0; }
hr.tmz:after {display:none}

/** bildirim listesi **/

.bildirim-listesi li.okunmadi {background:#FFF7D0;color:#000000}
.bildirim-listesi .tarih {float:right; margin-left:10px}

/** musteri-hizmetleri-msj-listesi **/

.musteri-hizmetleri-msj-listesi > li:after {display:block; height:0; clear:both;content:""}
.musteri-hizmetleri-msj-listesi > li.okunmadi {background:#FFF7D0;color:#000000}
.musteri-hizmetleri-msj-listesi .tarih {float:right; margin-left:10px;}
.musteri-hizmetleri-msj-listesi > li > p {cursor:pointer; margin:-10px; padding:10px; font-size:14px}

.musteri-hizmetleri-msj-listesi .ilgili-mesaj {border:1px solid #cccccc; padding:20px; background:#FFFFFF; display:none}
.ilgili-mesaj .mesaj-tekil {float:left; width:100%}
.ilgili-mesaj .mesaj-tekil + .mesaj-tekil {margin-top:20px; padding-top:20px; border-top:1px solid #cccccc}
.ilgili-mesaj .admine-cevap-yaz {display:none}
.ilgili-mesaj .admine-cevap-yaz textarea {width:100%}

/** style life **/

.style-life article + article {margin-top:0}
.style-life .kolon3te2 {width:66.7%}
.style-life .kolon + .kolon3te2 {padding-left:0}
.style-life .kolon3 + .kolon3, .style-life .kolon3 + .kolon3 + .kolon3 {border-left:1px solid #cccccc}
.style-life .urungoster.solyok {border-left:0 !important}
.style-life .sdcgorcel.kolon3 + .kolon3 {border-left:0}
.style-life .baslangic { background:#FF8000; padding:50px 20px;  text-align:center;color:#FFFFFF; margin:0}
.style-life .kolonlar > .kolon + .kolon {border-left:1px solid #cccccc}
.style-life .urungoster h2 {font-size:18px}

.style-life .urungoster[class*=kolon] img {height:199px; max-width:none; width:auto}
.style-life .urungoster.sdcgorcel[class*=kolon] a{display:block}
.style-life .urungoster.sdcgorcel[class*=kolon] img, .style-life .urungoster.sdcgorcel[class*=tam] img  { display:block;height:auto; max-width:100%; width:auto}

.style-life .urungoster.tam ~ .urungoster {border-top: 1px solid #cccccc}

.george-hogg.style-life .baslangic {background:#183C33}
.kadin-sayfasi.style-life .baslangic {background:#498F73}
.erkek-sayfasi.style-life .baslangic {background:#957568}

/** ödemeden önce **/
.odeme-sekmesi .sekmetik{display:inline-block}
.odeme-sekmesi, .hesabim-sekmesi {overflow:visible; margin-bottom:30px}
.odeme-sekmesi:after, .hesabim-sekmesi:after  {display:block; clear:both; height:0;content:""}
.odeme-sekmesi .sekmetik, .mesajlar-sekmesi .sekmetik, .hesabim-sekmesi .sekmetik, .menu-sekmesi .sekmetik, .odemeler-sekmesi .sekmetik {border-top:0; border-right:0; overflow:visible}
.odeme-sekmesi .sekmetik ul li, .mesajlar-sekmesi .sekmetik ul li, .hesabim-sekmesi .sekmetik ul li, .menu-sekmesi .sekmetik ul li, .odemeler-sekmesi .sekmetik ul li {border:1px solid #cccccc; border-bottom:1px solid #FFFFFF; font-size:16px; padding:10px 15px; position:relative}
.odeme-sekmesi .sekmetik ul li:before, .mesajlar-sekmesi .sekmetik ul li:before, .hesabim-sekmesi .sekmetik ul li:before, .menu-sekmesi .sekmetik ul li:before, .odemeler-sekmesi .sekmetik ul li:before,
.odeme-sekmesi .sekmetik ul li:after, .mesajlar-sekmesi .sekmetik ul li:after, .hesabim-sekmesi .sekmetik ul li:after, .menu-sekmesi .sekmetik ul li:after, .odemeler-sekmesi .sekmetik ul li:after {border:0;display:none}
.odeme-sekmesi .sekmetik ul li + li, .mesajlar-sekmesi .sekmetik ul li + li, .hesabim-sekmesi .sekmetik ul li + li, .menu-sekmesi .sekmetik ul li + li , .odemeler-sekmesi .sekmetik ul li + li{border-left:0}
/*.odeme-sekmesi .sekmetik ul li:first-child, .mesajlar-sekmesi .sekmetik ul li:first-child, .hesabim-sekmesi .sekmetik ul li:first-child, .menu-sekmesi .sekmetik ul li:first-child, .odemeler-sekmesi .sekmetik ul li:first-child {border-left:1px solid #cccccc;}*/
.odeme-sekmesi .sekmetik ul li.etkin, .mesajlar-sekmesi .sekmetik ul li.etkin, .hesabim-sekmesi .sekmetik ul li.etkin, .menu-sekmesi .sekmetik ul li.etkin, .odemeler-sekmesi .sekmetik ul li.etkin {margin-bottom:-1px; padding-bottom:11px;color:#ff6e04; background:#f8f8f8;}

.odeme-sekmesi .sekmetik ul li:before {width:20px; height:18px; background-position:-146px -886px; margin-right:5px;filter:alpha(opacity=50);opacity:.5; display:inline-block !important; position:static; margin-left:0}
.odeme-sekmesi .sekmetik ul li.etkin:before {filter:alpha(opacity=100);opacity:1}
.odeme-sekmesi .sekmetik ul li.iki:before {background-position:-215px -886px; width:27px}
.odeme-sekmesi .sekmetik ul li.uc:before {background-position:-189px -886px;}
.odeme-sekmesi .sekmetik ul li.dort:before {background-position:-173px -886px;width:12px}
.odeme-sekmesi .sekmetik ul li.bes:before {background-position:-117px -904px;width:20px}

/** ödemeler **/

.odemeler {border:1px solid #cccccc; padding:20px; margin-bottom:20px}
.odemeler > article + article {margin-top:1px}
.odemeler > article > .icerik {margin-bottom:20px}
.odemeler > article > h3 {margin:0 -20px 1px -20px; background:#f8f8f8; padding:20px}
.odemeler > article > h3 + .icerik {margin-top:19px}
.odemeler > article > h3 em {background:#cccccc; display:inline-block; font:18px 'Brandon';color:#FFFFFF; width:26px; height:26px; line-height:22px; border-radius:13px; text-align:center}

.odemeler > article.etkin > h3 {color:#FF8000}
.odemeler > article.etkin > h3 em {background:#FF8000;}

.odemeler .sepet-kolonlar h3 {text-align:left}
.odemeler .sepet-kolonlar .marka-ayrac h3 {text-align:center}

.odemeler .sosyalmedya {float:none;}
.odemeler .sosyalmedya li {display:inline-block}

.sonkt {margin-top:5px}

.kart-cizim {width:272px; height:174px; position:relative; z-index:1; margin:0 auto}
.kart-cizim:before {width:12px; height:19px; background-position:-184px -55px; position:absolute; left:-24px; top:50%; margin-top:-10px}
.kart-cizim li {width:100%; height:100%; background:transparent url(../images/design/kredikarti.png) 0 0 no-repeat; border-radius:13px;-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.71);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.71);box-shadow: 0px 0px 2px rgba(0,0,0,0.71); position:absolute; z-index:1;-webkit-transform:rotateX(180deg); -o-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -ms-transform:rotateX(180deg);transform:rotateX(180deg)}
.kart-cizim li.etkin {z-index:2;-webkit-transform:rotateX(0deg); -o-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg);transform:rotateX(0deg)}
.kart-cizim li.arka {background-position:0 -174px;}

.kart-cizim  li > span, .kart-cizim li > p {margin:0 !important; position:absolute; z-index:2; left:20px; text-shadow:1px 1px 0 #FFFFFF} 
.kart-cizim  li .kart-isim {top:76%; font-size:11px}
.kart-cizim  li .kart-nosu {top:63%; font-size:16px}
.kart-cizim  li .kart-nosu span + span {margin-left:10px}
.kart-cizim  li .son-kull-tarih {top:84%;font-size:11px}
.kart-cizim  li .son-kull-tarih span + span:before {content:"/"}
.kart-cizim  li .kart-anasi {left:auto; right:20px; top:20px}
.kart-cizim  li .kart-cocugu {top:20px}
.kart-cizim  li .guvenlik-no {left:auto; right:28%; top:42%; font-size:16px}
.kart-cizim  li .guvenlik-no:before {content:"XXX XX XXX";color:#B4B4B4; font-size:12px; margin-right:15px}

.kart-anasi, .kart-cocugu {display:inline-block; background:url(../images/design/bankalar-kartlar.png) 1000px 1000px no-repeat; width:46px; height:15px; text-align:left; text-indent:-999em}


.kredi-karti.formeleman .cvc2 {width:100%}
.odeme-tipi-secme {display:none}

.metin-sinirla {max-height:180px; overflow:auto;}
.metin-sinirla + h2 {margin-top:30px}

.muhtesempoap .metin-sinirla {border:1px solid #cccccc; padding:20px}

/** favorilere **/

#favorilere-ekle input[type=text] {width:100%}
#favorilere-ekle .bildirim {margin-bottom:20px}
#favorilere-ekle .bildirim:before {display:none}
#favorilere-ekle .yeni-liste-adi {display:none}

/** bir menü aç **/

.birmenuac {display:block; padding:10px; border:1px solid #cccccc; margin-bottom:20px; display:none}
.birmenuac:before {width:11px; height:8px;background-position:-143px -680px; margin-right:5px}
.birmenuac.etkin:before {background-position:-143px -701px}
.birmenuac.etkin {background-color:#f8f8f8}

/** üye olun */
.uye-olun .kolonlar {max-width:850px; margin:0 auto;text-align:left}
.uye-olun hr, .hesabim-sayfasi hr { float:left; width:100%;clear:both; margin:40px 0}
.uye-olun hr + p {clear:both}
.muhtesempoap .uye-olun hr { margin:0 0 20px 0}
.muhtesempoap .uye-olun .kolon + hr {margin-top:20px}

.hesabim-sayfasi hr {margin:20px 0}

hr {border:0; border-bottom:1px solid #cccccc; clear:both; margin:20px auto}

.kafa.scroll-to-fixed-fixed {border-bottom:1px solid #cccccc}

#oturum-ac a.solda {margin-top:12px}
span.fb-oturum {margin:4px 35px 0 0}

.odeme-oturumac .sayfaG .kolonlar {max-width:980px; margin:40px auto}
.odeme-oturumac .kolon {text-align:center}
.odeme-oturumac .kolon3 {padding:0 2.5%}
.odeme-oturumac .kolon3 + .kolon3 {border-left:1px solid #cccccc; }
.odeme-oturumac .neyapcan .kolon3 { box-sizing:border-box; padding-bottom:61px; position:relative; z-index:1}
.odeme-oturumac .neyapcan .kolon3 p:last-child {position:absolute;left:0; right:0; bottom:0; margin:0 !important}


.ust-serit {z-index:1110 !important; position:relative}

table {border:0; margin:20px 0}
table td {padding:5px}
tr, td {border:0}

/** sepet mini popup **/

.sepet-mini {position:absolute; top:200%; right:0;width:600px; box-sizing:border-box; padding:20px; border:1px solid #cccccc; background:#f8f8f8; display:none}
/*.sepet-mini .basketProducts .product .details .others ul {width:auto; margin-right:10px} */
.sepet-mini .basketProducts .product .img img {height:48px; float:left;}
.sepet-mini .sepet-kolonlar {margin-bottom:20px}
.sepet-mini .marka-ayrac {background:#FFFFFF}
.sepet-mini a.kapat {width:30px;height:30px; background-position:-176px 0}
.sepet-mini .others ul.cost {display:none !important}

.sepet-mini .basketProducts .product .details .others ul {width:60%}
.sepet-mini .basketProducts .product .details .others ul + ul {width:20%}
.sepet-mini .numMinPlus {font-size:12px; text-align:right}
.sepet-mini .numMinPlus:before {content:" x "}

.sepet-mini .basketProducts .product .details .others ul.price {text-align:right;}
.sepet-mini .basketProducts .product .details .others ul.price strong {font-weight:normal; font-family:'Brandon'}

.sepet-mini:before, .sepet-mini:after {position:absolute; z-index:1; right:8.6%; bottom:100%;content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #cccccc transparent;}
.sepet-mini:after {border-width: 0 9px 9px 9px;border-color: transparent transparent #f8f8f8 transparent; right:8.7%}
 
.kafa .sepet-mini {top:213%}
.kafa .sepet-mini:before {right:3.2%}
.kafa .sepet-mini:after {right:3.4%}

.kategori-minile {border:1px solid #cccccc; margin:30px 0}
.kategori-minile .gorsel img {height:120px; width:auto; max-width:none}
.kategori-minile article .sil {position:absolute; z-index:10; left:10px; top:10px}
.kategori-minile .urun .detaylar h2 , .kategori-minile .urun span.fiyat-kutu{float:none;width:auto; text-align:center}
.kategori-minile .urun span.fiyat-kutu > span {display:inline-block}
.kategori-minile .urun span.fiyat-kutu > span + span {margin-left:10px}

.menu-sekmesi .basketProducts .product .details .others ul {width:50%}


/** ödeme adımları **/

.odeme-adim-adim {border-top:1px solid #cccccc; margin:36px 50px 20px 50px; font-size:0 }
.odeme-adim-adim li { display:inline-block; vertical-align:top;width:40%; text-align:center; font-size:20px;color:#cccccc; position:relative; z-index:1; top:-20px}
.odeme-adim-adim li:after { position:absolute; right:0; top:15px; width:12px; height:12px; background-color:#FFFFFF; border-radius:6px; background-position:-230px -79px}
.odeme-adim-adim li + li {width:30%}
.odeme-adim-adim li em {display: inline-block;font: 13px 'Brandon';width: 26px;height: 26px;line-height: 26px;border-radius: 13px;text-align: center; background:#cccccc; color:#444444;}
.odeme-adim-adim li:last-child:after {display:none}

.odeme-adim-adim li:first-child {text-align:left}
.odeme-adim-adim li:last-child {text-align:right}

.odeme-adim-adim li > span {display:inline-block; background:#FFFFFF; padding:5px 10px; margin-left:10px}

.odeme-adim-adim li.etkin {color:#FF8000;}
.odeme-adim-adim li.etkin em {background:#FF8000; color:#FFFFFF}
.odeme-adim-adim li.sonraki {color:#8C8C8C}
.odeme-adim-adim li.tamam {color:#FFC27D;}
.odeme-adim-adim li.tamam em {background:#FFC27D; color:#FFFFFF}

/** bağış yap **/

.yuvarlama-bagis {border:1px solid #cccccc; padding:20px; margin:0 0 20px 0}
.bagis-yap-kurum {text-align:center}
.bagis-yap-kurum li {display:inline-block; margin:5px;}
.bagis-yap-kurum li > div {background:url(../images/design/bagis-yapilacak-kurumlar.png) 0 0 no-repeat; width:50px; height:50px}
.bagis-yap-kurum li > div.akut { background-position:-50px -3320px;}
.bagis-yap-kurum li > div.wwf { background-position:-50px -3520px;}
.bagis-yap-kurum li > div.tema { background-position:0 -3420px;}
.bagis-yap-kurum li > div.tohum { background-position:-50px -3470px;}
.bagis-yap-kurum li > div.unicef { background-position:0 -3520px;}

/** maÄŸazadan teslim **/

.magazadan-teslim {border: 1px solid #cccccc;padding: 20px;margin: 20px 0;}
.magazadan-teslim h3:before {width:24px; height:24px; margin-right:5px; background-position:-204px -768px }
.magaza-liste-mini {display:none; border-top:1px solid #cccccc; padding-top:20px}
.magaza-secimi.kullanici-sec {margin-top:20px}
.magazasehirsec {width:30%}

.zoomContainer {z-index:10000}

.urunbuyuk.kopyasi .swiper-slide img:hover {cursor: url(../images/design/zoom-yakinlas.png), default; } 

.urungorsel-sayfala span img {max-width:none;width:90px}
.urunbuyuk.kopyasi .urungorsel-sayfala span img {width:56px; height:auto}

.sipdurum {color:#ff6e04}

.on-bilgilendirme-metni, .mesafeli-sozlesme-metni {text-align:justify}

/* maÄŸazalar */
#map_canvas img {max-width:none}
.magaza-filtreleme {border-bottom:1px solid #cccccc;margin-bottom:20px;padding-bottom:20px;}
.magaza-liste {max-height:400px; overflow:auto}
.magaza-liste h4 {margin-bottom:5px;}
.magaza-liste article + article {margin-top:20px;border-top:1px solid #cccccc;padding-top:20px;}

/** ana slayt **/
.anaslayt {border:4px solid #CCCCCC;box-sizing:border-box}
.anaslayt .tamgorsel a, .anaslayt .tamgorsel a img {display:block;}
.kategori-liste .anaslayt{border:0}
.kategori-liste .anaslayt .sayfalama-slayt {display:none}

/** ayak nolar **/
/** .ayakno:before {width:21px; height:16px;margin:-1px 5px 0 0; background-position:-80px -853px} **/
.ayakno:before {width:21px; height:16px;margin:-1px 5px 0 0; background-position:-217px -573px}
.meslekne:before {width:21px; height:16px;margin:-1px 5px 0 0; background-position:-39px -853px}
.bedenne:before {width:21px; height:16px;margin:-1px 5px 0 0; background-position:0 -853px}

/** mesaj var **/

.mesajvar {width:19px; height:16px; background-position:-87px -133px; line-height:16px; text-align:center;color:#ffffff; text-indent:0; font-size:8px; margin:0 2px}

/** sss **/
.sss-icerik .kolon3te2 {padding-right:5%; padding-left:0}
.sss-icerik .kolon3 {float:right;}
.sss-icerik .kolon3 + .kolon {float:left}

/** divarese avantajlari **/

.avantaj {margin:20px 0}
.avantaj li {font:16px 'Brandon'; margin:10px 0; float:left; width:100%}
.avantaj li:before {width:25px; height:24px; background-position:-202px -850px; margin-right:10px} 
.avantaj li.iki:before {background-position:-117px -850px;}
.avantaj li.uc:before {background-position:-160px -849px;} 
.avantaj li.dort:before {background-position:-80px -850px;width:26px}
.avantaj li.bes:before {background-position:-116px -787px;width:24px}

.urun-tek .avantaj li:before { display:block; margin:0 auto 5px auto}
.urun-tek .avantaj li {display:inline-block; width:20%;font:normal 11px Arial; text-align:center}

/** form kontrol **/

.girmelisin {display:inline-block; position:absolute;background:transparent; width:16px; height:12px; z-index:2; margin:1px 0 0 -17px; text-align:center;line-height:17px;border-bottom-left-radius:12px}
input.olmadi, textarea.olmadi, .jQmerAcilirKutu.olmadi, input[type=radio].olmadi + label:before, input[type=checkbox].olmadi + label:before, .beden input.olmadi + label, .chosen-container.olmadi, span.select.olmadi {border-color:#E80003;-moz-box-shadow: 0px 0px 3px rgba(232,0,3,.6);-webkit-box-shadow: 0px 0px 3px rgba(232,0,3,.6);box-shadow: 0px 0px 3px rgba(232,0,3,.6);}
.chosen-container-single.olmadi .chosen-single {border:1px solid #E80003}

.olmadi + .girmelisin {background:#E80003; color:#FFFFFF}
.olmadi + label, .olmadi + label a {color:#E80003}


.bildirim.formuyar {background:#E80003; color:#FFFFFF; padding:5px; font:13px 'Brandon'; text-align:left; margin-bottom:10px}
.bildirim.formuyar:before, .sepete-atma-fonksiyon .bildirim.olumlu:before {width:10px; height:10px; background-position:-167px -679px; right:7px; top:7px}

.bildirim.formuyar:after {content:"";width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #e80000 transparent transparent transparent; position:absolute; left:20px; top:100%}

.menu-sekmesi .bildirim.formuyar {margin-left:25%}

/** popup üyelik **/


.muhtesempoap .uye-olun input[type=text], .muhtesempoap .uye-olun input[type=password], .muhtesempoap .uye-olun input[type=email], .muhtesempoap .uye-olun input[type=tel], .muhtesempoap .uye-olun textarea, .muhtesempoap .uye-olun select, .muhtesempoap .uye-olun .jQmerAcilirKutu, .muhtesempoap .uye-olun .numMinPlus .minus, .muhtesempoap .uye-olun .numMinPlus .plus {padding:5px}

.muhtesempoap .uye-olun .hasDatepicker {background-position: 99% 1px}

.hopi-odeme h2:before {width:27px; height:24px; background-position:-50px -886px; margin-right:10px}

.lhust {line-height:180%}

/** sipariÅŸ onay animesi **/
.finito {position:relative; z-index:1; margin:20px auto; overflow:hidden}
.finito img {position:absolute; z-index:1; top:101%; left:0}
.finito.etkin img {top:0}

/** kolay iade **/

.kolay-iade.bir {margin:70px auto 20px}

.kolay-iade {max-width:900px; margin:0 auto; position:relative; height:1000px}
.kolay-iade li { position:absolute; overflow:visible; background:#FFFFFF; text-align:center; width:240px; height:240px; padding:20px; left:0; top:0; border-radius:200px}
.kolay-iade li h2, .kolay-iade li p {position:relative; z-index:3}
.kolay-iade li h2 {font:normal 50px/110% 'Brandon';color:#31313F;margin:0}
.kolay-iade li h2 + p {margin-top:10px}
.kolay-iade li .isaret { display:block;background:url(../images/design/isaret_ok_1.png) 0 0 no-repeat; background-size:100%; width:394px; height:166px; position:absolute; left:50%; top:50%; z-index:2}
.kolay-iade li h2 em { display:inline-block; vertical-align:middle;width:60px; height:60px; line-height:60px; border-radius:30px; text-align:center; background:#E5F1F4;}

.kolay-iade li.bir .hucre:before, .kolay-iade li.iki .hucre:before {display:none}

.kolay-iade li.bir {background:#E5F1F4; width:160px; height:160px; border-radius:100px;}
.kolay-iade li.bir .isaret {top:-40px}
.kolay-iade li.bir h2 {font-size:24px;}

.kolay-iade li .yerleske {width:0;height:0; position:absolute; z-index:0; margin-top:0;}
.kolay-iade li.iki .yerleske {z-index:0; margin-top:-100px}

.kolay-iade li.iki {top:0; left:auto; right:100px}
.kolay-iade li.iki .isaret {background:url(../images/design/isaret_ok_2.png) 0 0 no-repeat; width:323px; height:261px;top: 90%;left:-60%;}

.kolay-iade li.uc {top:260px; left:0}
.kolay-iade li.uc .isaret {background:url(../images/design/isaret_ok_3.png) 0 0 no-repeat; width:265px; height:338px; left:20%; top:100%}
.kolay-iade li.uc .hucre:before {background-position:-52px -932px; width:59px; height:61px}

.kolay-iade li.dort {top:640px;left:40%;right: 0;width:330px;height:330px;}
.kolay-iade li.dort .hucre:before {background-position:-137px -932px;width:72px;height:74px}

.kolay-iade li {-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);filter:alpha(opacity=0);opacity:0}
.kolay-iade li.etkin {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);filter:alpha(opacity=100);opacity:1}

.kolay-iade li .isaret {-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}
.kolay-iade li .isaret.etkin{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

.kolay-iade-iki {text-align:center}
.kolay-iade-iki li {display:inline-block; background:#E5F1F4; width:160px; height:160px; border-radius:100px; padding:20px; text-align:center}
.kolay-iade-iki li .hucre:after {width:40px; height:34px; background-position:0 -1019px; margin-top:10px; margin-right:0}
.kolay-iade-iki li.iki .hucre:after {width:41px; height:42px; background-position:-66px -1019px;}
.kolay-iade-iki li.uc .hucre:after {width:40px; height:40px; background-position:-131px -1019px;}

/** farklı adres **/

.farkliadres {background:#F8F8F8; position:relative; text-align:right; display:none}
.farkliadres:before {left:5%;border-color:transparent transparent #cccccc transparent;border-width:0 7px 7px 7px}
.farkliadres .jQmerAcilirKutu {width:50%; float:left}
.farkliadres .jQmerAcilirKutu:before {top:38%}
.farkliadres .jQmerAcilirKutu span {display:block; padding:5px}
.farkliadres .jQmerAcilirKutu span.yazi {font-size:12px}
.farkliadres a {line-height:24px}

/** menülü satış **/
.menu-sekmesi .slayt-alani {position:relative}
.menu-sekmesi .sekme-icerik-eleman .kolon {position:relative;}
.menu-sekmesi .urun-secenek {white-space:normal;position:absolute;left:0;top:0;right:0;bottom:0;margin:0;background:#ffffff;background:rgba(255,255,255,.8);display:none;}
.menu-sekmesi .swiper-slide .urun .tablo .hucre {vertical-align:middle;}
.menu-sekmesi hr {margin:30px 0;}
.menu-sekmesi .motto {font-size:16px; padding:10px; background:#f8f8f8; margin-bottom:20px}
.menu-sekmesi  .gorsel img {}
.menu-sekmesi  .gorsel.yatay img {}
.menu-sekmesi article.urun {padding:20px}
.menu-sekmesi .swiper-slide.etkin .tablo .hucre article.urun {border:1px solid #FF8000}

.menu-sekmesi .benisec { position:absolute; z-index:2; left:10px; top:10px}
.menu-sekmesi p.renk, .menu-sekmesi p.beden { padding:5px; border:1px solid #cccccc; margin:10px; background:#FFFFFF}

.menu-sekmesi .sepete-atma-fonksiyon {position:static; display:inline-block; vertical-align:middle; background:#D0E5EB;padding:4px; margin:0}
.menu-sekmesi .sepete-atma-fonksiyon:before {display:none}
.menu-sekmesi .sepete-atma-fonksiyon input[type=text] {padding:0; font-size:14px}
.menu-sekmesi .sepete-atma-fonksiyon .azalt, .menu-sekmesi .sepete-atma-fonksiyon .artir {font-size:12px;color:#000000}
.menu-sekmesi .sepete-atma-fonksiyon .girdi {font-size:8px;color:#000000}
.menu-sekmesi .urun-secenek p:last-child {font-size:0}
.menu-sekmesi .sepete-atma-fonksiyon input[type=text] {color:#000000}

/** sadece görelli anasayfa **/

img.temp { background:#F8F8F8 url(../images/icerik/bannerolculeri.png) center center no-repeat; height:inherit}

/** hareket **/

.egdir {-moz-transform: skewX(0deg) skewY(-8deg);-webkit-transform: skewX(0deg) skewY(-8deg);-o-transform: skewX(0deg) skewY(-8deg);-ms-transform: skewX(0deg) skewY(-8deg);transform: skewX(0deg) skewY(-8deg);}

.trans500, .hemen-sor, a.yukarigit, .donergec li, .finito img  {-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}

.trans150, label:before, label:after, .ara-bul input[type=text], .filtreler > li:after, .aymarkalar a.aymarka:after, .birmenuac:before, .solmenu > ul > li:after {-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}

.trans300, a, a:hover, a:after, a:before, li:after, li:before , span.fiyat-kutu, .urungoster, .sekmetik li, .filtreler > li, .urunbuyuk .urun-kucuk p img, .ara-bul, .merakedilenler h3, input, textarea, select, .kafa .tutucu, .kart-cizim li, .odeme-sekmesi .sekmetik ul li:before, .kolay-iade, .kolay-iade li, .kolay-iade .isaret, article.seo .goster h2, article.seo .goster .aciklama, .kombin-secimi article.urun, .avantajlar .liste li .aciklama, .avantajlar .liste li .aciklama .hucre, .sunum .etiket strong {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.sekmeli-form > .sekmetik {height:0; overflow:hidden; display:none}

/** autocomplete **/

.ara-bul ul.ui-autocomplete {position:absolute; z-index:8090; left:0 !important; right:0 !important; top:120% !important; width:auto !important; border:1px solid #cccccc;}
.ara-bul ul.ui-autocomplete {background:#f8f8f8;}
.ara-bul ul.ui-autocomplete li {background:none; padding:8px}
.ara-bul ul.ui-autocomplete li:hover, .ara-bul ul.ui-autocomplete li.ui-state-focus {background:#FFFFFF; border:0 !important}

/** sayfalama ve bilgi barı **/

.bilgi-bari {text-align:center; padding:10px 0}
.bilgi-bari .ekmek-kirintisi {float:left}
.bilgi-bari .sayfalama {display:inline-block;border:0; padding:0}
.bilgi-bari .siralama {float:right}
.bilgi-bari .jQmerAcilirKutu {display:inline-block; vertical-align:middle}
.bilgi-bari .bildirim {margin-bottom:10px}

/** fazladan bilgi **/

.fazladan-bilgi {margin-top:10px}
.fazladan-bilgi p + p {margin-top:5px}
.fazladan-bilgi a, .dahagetir a {display:inline-block;border-bottom:1px dotted #373039; color:#373039; position:relative; padding-right:10px; font:11px 'Brandon'}
.fazladan-bilgi a:after, .dahagetir a:after {content:"";margin:-3.5px 0 0;width: 0;height: 0;border-style: solid;border-width: 3.5px 0 3.5px 4px;border-color: transparent transparent transparent #373039; position:absolute; right:0; top:50%;}
.dahagetir a + a {margin-left:5px}

/* kombin al **/

.kombin-al {text-align:center}
.kombin-secimi {margin:20px auto}
.kombin-secimi .secbeni {position:absolute; left:0; right:10px; text-align:left; z-index:10; top:0}
.kombin-secenek { position:absolute; z-index:2; left:-1px; right:-1px; text-align:left; top:35px; box-sizing:border-box; padding:20px; background:#FFFFFF;background:rgba(255,255,255,.9);border:1px solid #CCCCCC;display:none}
.kombin-secenek:before, .kombin-secenek:after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #cccccc transparent; position:absolute; z-index:1; bottom:100%; left:4.2%; margin-left:-8px; z-index:1}
.kombin-secenek:after {z-index:2; margin-left:-7px;border-color: transparent transparent #ffffff transparent;border-width: 0 7px 7px 7px;}
.kombin-secenek .girdi + p, .kombin-secenek p + p,  .kombin-secenek p.girdi + p.girdi {margin-top:5px}
.kombin-secenek .buton {display:block;font-size: 13px;line-height: 36px;}
.kombin-secenek .chosen-container-single .chosen-single {padding:5px 30px 5px 15px}
.kombin-secimi article.urun {background:#FFFFFF; border:1px solid #FFFFFF}
.kombin-secimi article.urun.etkin {border:1px solid #cccccc}
.kombin-secimi article.urun.etkin + .etkin {border-left:0}
.kombin-secimi + .aksiyon {text-align:center}
.kombin-secimi article.urun .sloganlar {display:none}

.kombin-secenek .jQmerAcilirKutu{display:block}
.lookbook-slayt .kombin-al {position:absolute; left:10px; top:10px; right:10px; z-index:2; text-align:left}
.lookbook-slayt .kombin-al a + a {float:right}
.sunum.kombin-sec .kombin-secimi {margin-top:0}

.kombin-al a.buton {background:#FFFFFF;color:#76BCD0;border-color:#76BCD0 }
.urun-tek .kombin-al {clear:both;padding-top:10px}

/** beden tablosu **/

.GridDim { border-collapse:separate; border-spacing:1px 1px}
.GridDim td {padding:8px; font-size:11px}
.GridDim td + td { background:#f8f8f8; text-align:right;color:#000}
.isim { border-bottom:1px solid #f8f8f8; width:150px}

/** ekstra **/
.hizlikargo, .orderSum .hizlikargo {}
.hizlikargo:before {width:15px; height:16px; background-position:-206px -1070px; margin:-2px 5px 0 0}
.hizli-kargo .simge {background:transparent url(../images/design/ayak-serpme.png) 0 0 no-repeat;width: 96px;height:59px;background-position:-402px 0; text-align:left; text-indent:-999em;margin:20px}
.hizli-kargo h2:before {width:30px; height:32px; background-position:-200px -1097px; margin:-3px 5px 0 0}
.aynigun-aciklama {margin-top:10px}

/** hopi uygula **/

.hopiKabuk {background:#f2f2f2; padding:20px}
.hopiKabuk hr {margin-left:-20px; margin-right:-20px}
/* .hopiKabuk .buton.hopicik {position:absolute; z-index:2;top:1px; right:1px; text-align:left; text-indent:-999em; border:0; background-position:-207px -715px;width:40px; height:39px} */
.hopiKabuk .buton.hopicik {position:absolute; z-index:2;top:1px; right:1px; text-align:left; text-indent:-999em; border:0; background-color:#FF6E04; background-position:-34px -1140px;width:40px; height:39px}
.hopiKabuk h2 {font-size:14px;font-weight:normal; line-height:16px; position:relative; padding:0 21px 0 43px; margin:0;cursor:pointer}
.hopiKabuk h2:before {width:33px; height:30px; background-position:0 -886px; position:absolute; left:0; top:0}
.hopiKabuk h2:after {width:11px; height:6px; background-position:-142px -701px;position:absolute; right:0; top:50%; margin-top:-3px}
.hopiKabuk h2.etkin:after {background-position:-142px -694px;}
.hopiKabuk .hosgeldin ul {max-height:100px;}
.hopiKabuk .hosgeldin ul li {padding:1px 0 !important}
.hopiKabuk .hosgeldin hr {margin-left:0; margin-right:0}
.hopiKabuk .hosgeldin .buton {display:block}
.hopiKabuk .hosgeldin .buton.dn {display:none}
.hopiKabuk .hosgeldin .buton.dn[style*=inline] {display:block !important}
.hopiKabuk .bildirim {margin:10px auto}

/** hediye notu **/

.hediye-simge + label, .hediye-simge + input[type=hidden] + label {margin:0 5px 0 0;width:22px; height:22px; background-position:-178px -627px; vertical-align:middle; padding-left:20px}
.hnot-gorseller img { max-width:none; height:80px; width:auto; display:inline-block; vertical-align:middle; margin:2.5px}
.nedu {width:17px; height:17px; background-position:-162px -725px; vertical-align:middle;cursor:pointer}

/** nedir **/

.nedir {display:inline-block; width:18px; height:18px; text-align:center; line-height:18px;background:#E5F1F4; vertical-align:middle; border-radius:9px}
.hopiKabuk .nedir {background:#FFFFFF}

/** kart taksit **/

.kart-taksit + div {margin-top:21px}

/** masonry **/

.masonry-alan {padding:.5% 0}
.masonry .oge { width: 25%; box-sizing:border-box; position:relative}
.masonry .oge.w2 { width: 50%; }
.masonry .oge.w4te3 { width: 75%; }
.masonry .oge.tam { width: 100%; }
.masonry .oge > p > a, .masonry .oge > p > a > img, .masonry .oge > article > a > img, .masonry .oge > a > img, .masonry .swiper-slide a, .masonry .swiper-slide a img {display:block; margin:0;padding:0;box-sizing:border-box}
.masonry .oge > p > a > img, .masonry .oge > article > a > img, .masonry .oge > a > img {max-width:none;width:100%; height:auto;}

.masonry .genelslayt .swiper-wrapper {line-height:0}
.masonry .swiper-slide {vertical-align:top}

.masonry.ayrik .oge.w3 {width:33.333333%}

.masonry.ayrik .oge { width: 24.82%; margin:0.5% 0;border:1px solid #CCCCCC}
.masonry.ayrik .oge.w4te3 {width: 74%;}

.masonry .anaslayt + .sayfalama-slayt {position:absolute; z-index:2; right:20px; bottom:20px; padding:0;}
.masonry .anaslayt {border:0}
.masonry .sunum {margin-bottom:0}
.masonry .oge .metin {padding:25px; margin-top:0 !important;font-size:22px;color:#777777}
.masonry .oge .metin h2 {font-size:54px; color:#4D7893;}
.masonry .oge .buton {background:#FFFFFF; border:1px solid #888888;color:#888888; font-size:12px; line-height:29px}
.masonry .oge .buton:hover {border-color:#000000; color:#000000}
.masonry + div {margin-top:20px}

/** hızlı bak sayfası **/

.hizli-bak-sayfasi .urun-fonksiyon h2 {font-size:20px}
.hizli-bak-sayfasi .urun-secenek p {font-size:9px}
.hizli-bak-sayfasi .urun-tek {margin:0}
.hizli-bak-sayfasi .urun-tek .kolonlar + .kolonlar {margin-top:20px}
.hizli-bak-sayfasi .urun-fonksiyon .cerceve {border-width:0; padding:0 0 0 20px}
iframe.yuklemecervesi {margin:25px auto}
iframe body {margin:0}

/** hopi popup **/
.hopilendi {color:#ff6e04}
.muhtesempoap[bukim*=hopile] .sayfaG {max-width:970px;border:0; overflow:hidden}
.muhtesempoap[bukim*=hopile] a.kapatcik {z-index:50}
.muhtesempoap[bukim*=hopile] .hopi-eylemler {overflow:visible}

.hopilen + div, .hopilen + articel {margin-top:20px}
.hopi-eylemler {overflow:hidden}
.hopi-eylemler .sigdir {margin:0 auto; box-sizing:border-box}
.hopi-eylemler .buton {background-color:#e30d7d; border-radius:3px;border-color:#e30d7d;color:#FFFFFF}
.hopi-eylemler .buton:hover {background-color:#FFFFFF; color:#e30d7d;}
.hopi-eylemler .mor {color:#e30d7d}
.hopi-baslat .hopi-logo, .hopi-eylemler .bir .hopi-logo, .hopi-eylemler .iki .hopi-logo, .hopi-baslat a:after, .hopi-app-ekran, .hopi-app-ekran:before, .hopi-eylemler .toplar, .hopi-netice .hopi-logo, .hopi-netice .toplar, .hopi-netice .hareket a:before {background-image:url(../images/hopi/hopi-serpme.png); display:inline-block; background-repeat:no-repeat; vertical-align:middle; text-align:left; text-indent:-999em; width:46px; height:44px;}
.hopi-baslat .hopi-logo, .hopi-netice .hopi-logo { background-position:-92px 0; margin:0 20px 0 0;}
.orderSum .hopi-baslat .hopi-logo, .orderSum .hopi-netice .hopi-logo { background-position:-234px -301px; margin:0 10px 0 0; width:30px; height:28px}
.hopi-baslat p {display:inline-block; vertical-align:middle; font-size:22px;}
.hopi-baslat .hopi-logo + p:before {width:1px; height:47px; background:#e3e3e3;content:""; margin:0 20px 0 0; display:inline-block; vertical-align:middle}
.orderSum .hopi-baslat .hopi-logo + p:before {margin-right:10px}
.hopi-baslat a {color:#00adef; display:inline-block;padding:20px; border:1px solid #cccccc; background-color:#FFFFFF}
.orderSum .hopi-baslat a {padding:10px 20px;display:block}
.hopi-baslat a strong, .hopi-baslat a:hover {color:#f19106}
.hopi-baslat a:after {width:12px; height:20px; background-position:-320px 0;content:""; margin:0 0 0 10px}

.hopi-netice {background:#f5f4f4; overflow:hidden; border:1px solid #e7e7e7; padding:20px; position:relative}
.hopi-netice h1, .hopi-netice h1 + div {display:inline-block; vertical-align:middle}
.hopi-netice .hareket {float:right; margin:0 30px 0 0 !important; line-height:39px;color:#c11b7f; }
.hopi-netice h2 {font:normal 14px "Brandon", "Helvetica Neue", Helvetica; margin:0 0 5px 0;color:#1d1d1b;}
.hopi-netice .neyapti {position:relative; z-index:1; padding-left:20px;color:#333333}
.orderSum .hopi-netice .neyapti {z-index:15;width:70%}
.hopi-netice .neyapti:before {content:"";position:absolute; z-index:1; left:0; top:0; bottom:0; width:1px; background:#cfcfcf;}
.hopi-netice .hareket a, .hopi-netice .hareket a:hover {color:#c11b7f; line-height:normal; display:inline-block; font-family:"Brandon", "Helvetica Neue", Helvetica; margin:2.5px 5px}
.hopi-netice .hareket a:before {content:"";width:14px; height:14px; background-position:-350px 0; vertical-align:middle;margin:-2px 5px 0 0}
.hopi-netice .hareket a.kaldir:before {background-position:-350px -30px; width:12px; height:12px}


.hopi-app-ekran {position:absolute; z-index:3; right:0; top:0; text-align:left; text-indent:-999em; width:202px; height:259px; background-position:-398px 0}
.hopi-app-ekran:before {content:"";position:absolute; z-index:1; left:-90px; top:44%; width:121px; height:14px; background-position:-171px 0}
.muhtesempoap .hopi-app-ekran {top:-20px; right:34px}


.hopi-eylemler .bir {position:relative; z-index:1}

.hopi-eylemler .bir .hopi-logo {width:65px; height:60px; background-position:0 0; margin:0; position:absolute; z-index:2; left:10px; top:10px}
.hopi-eylemler .bir {text-align:center}
.hopi-eylemler .bir .sigdir {max-width:410px; padding:50px 20px 20px; position:relative; z-index:5}
.hopi-eylemler .bir .hopi-nedir {padding:20px; background:#f7a13c;}
.muhtesempoap .hopi-eylemler .bir .hopi-nedir {margin:0 -20px -20px -20px}
.hopi-eylemler .bir .hopi-nedir, .hopi-eylemler .bir .hopi-nedir div, .hopi-eylemler .bir .hopi-nedir table {color:#FFFFFF; font-size:12px}
.hopi-eylemler .bir .hopi-nedir h2 {font-size:16px; margin:0 0 10px 0}
.hopi-eylemler .bir .hopi-nedir .sigdir {max-width:80%; padding:0}
.hopi-eylemler .bir .buton {width:60%}

.hopi-eylemler .iki .hopi-logo {width:55px; height:55px; position:absolute; z-index:2; left:10px; right:10px; background-position:-233px -233px}
.hopi-eylemler .iki .paracik-kullanimi .hopi-logo {left:auto; right:20px; top:20px}
.hopi-eylemler .hosgeldin { padding:20px; font-size:18px; background:#f3ca3f; position:relative; z-index:7 }
.muhtesempoap .hopi-eylemler .hosgeldin {margin:-20px -20px 0 -20px}
.hopi-eylemler .iki .sigdir {padding:30px 10px; position:relative; z-index:6}

.hopi-eylemler .hopikodu { padding:10px; border:1px solid #e3e3e3; background:#ffffff url(../images/hopi/input-bg.png) left bottom repeat-x; border-radius:3px; color:#333333; text-align:center; width:100%; box-sizing:border-box; font:normal 32px "Brandon", "Helvetica Neue", Helvetica;}

.hopi-eylemler .kamp-baslik { padding-bottom:20px; border-bottom:1px solid #eeeeee;}
.hopi-eylemler .kamp-baslik strong, .hopi-eylemler .kamp-baslik em {font:normal 14px "Brandon", "Helvetica Neue", Helvetica; display:inline-block; width:50%; box-sizing:border-box; float:left}
.hopi-eylemler .kamp-baslik strong {width:60%}
.hopi-eylemler .kamp-baslik em  {width:40%}

.hopi-eylemler .toplar, .hopi-netice .toplar {position:absolute; z-index:10; left:0; top:0; text-align:left; text-indent:-999em;width:126px; height:126px; background-position:0 -93px;}

.hopi-eylemler .toplar.top_1 {width:74px; height:73px; background-position:-288px -93px; left:15%; top:-45px}
.hopi-eylemler .toplar.top_2 {left:-70px; top:35%}
.hopi-eylemler .toplar.top_3 {left:auto; right:-87px; top:42%; background-position:-149px -93px; width:116px; height:116px}
.hopi-eylemler .toplar.top_4 {left:auto; right:122px; top:73%; width:43px; height:43px; background-position:-288px -176px}
div.hopi-eylemler .islemde {background:rgba(255,255,255,.8)}

.hopi-eylemler .iki .toplar.top_1 {left:35%; top:20px; z-index:4}
.hopi-eylemler .iki .toplar.top_4 {top:64%; right:130px; width:46px; height:46px; background-position:0 -303px;}
.hopi-eylemler .iki .toplar.top_3 {top:auto; right:32%; bottom:-25px;width:50px; height:50px; background-position:-312px -241px;}

.hopi-netice .toplar.top_1 {width:43px; height:43px; background-position:-125px -241px; left:64%; top:auto; bottom:-20px}
.hopi-netice .toplar.top_2 {width:18px; height:18px; background-position:-186px -241px; left:auto; right:10px; top:-7px}
.hopi-netice .toplar.top_3 {width:55px; height:55px; background-position:-51px -241px;left:54%; top:-28px;}
.hopi-netice .toplar.top_4 {width:33px; height:33px; background-position:0 -241px; left:-15px; top:auto; bottom:-15px}

.paracik-kullanimi {position:relative; z-index:2; background:#efefef; padding:20px}
.muhtesempoap .paracik-kullanimi {margin:0 -20px -20px}
.paracik-kullanimi h2 {font:16px "Brandon Medium", "Helvetica Neue", Helvetica; margin-bottom:10px}
.paracik-kullanimi .y11 {color:#575656;}
.paracik-kullanimi a.buton.yapiskan {position:absolute; z-index:2; right:20px; bottom:20px; width:20%}

.hopi-hesapci {display:inline-block; padding:20px; background:#FFFFFF; border:1px solid #d7d7d7; overflow:hidden; width:50%}
.hopi-hesapci p {display:inline-block; width:25%; box-sizing:border-box; margin:0 !important; float:left; padding:0 1%; vertical-align:middle}
.hopi-hesapci p:first-child {padding-left:0}
.hopi-hesapci input[type=text] {width:100%; text-align:center; border-radius:2px; background:#f4f4f4; padding:8px}
.hopi-hesapci .paracik-tl {background:#f3ca3f; text-align:center; line-height:37px; border-radius:2px; font-size:16px}
.hopi-hesapci + p {margin:5px 0 0 20px}

.hopi-kampanyalari {padding-top:10px}
.hopi-kampanyalari li {padding:5px 0}
.hopi-kampanyalari .kamp-grid {margin-top:10px; border-top:1px solid #eeeeee; max-height:200px; overflow:auto}
.hopi-kampanyalari .kamp-grid > li {border-bottom:1px solid #eeeeee; overflow:hidden;color:#333333;font-size:0}
.hopi-kampanyalari .kamp-grid > li > strong, .hopi-kampanyalari .kamp-grid > li > em {display:inline-block; vertical-align:middle; width:60%;font:normal 14px "Brandon Medium", "Helvetica Neue", Helvetica}
.hopi-kampanyalari .kamp-grid > li > em {width:40%;}
.hopi-kampanyalari .kamp-grid label {display:block; cursor:pointer}

.hopi-kampanyalari a.ackapa {display:block;font:normal 14px "Brandon Medium", "Helvetica Neue", Helvetica}
.hopi-kampanyalari a.ackapa:after {content:"+"; display:inline-block; vertical-align:middle; text-align:center; width:20px; height:20px;background:#000000; color:#FFFFFF; border-radius:10px; font:normal 14px "Brandon Medium", "Helvetica Neue", Helvetica; margin-left:5px; line-height:20px; }
.hopi-kampanyalari a.ackapa.etkin:after {content:"-"}

.kalan-paracik em {font-style:normal}

.kamp-grid input[type=radio]:checked + label, .kamp-grid input[type=radio]:checked + input[type=hidden] + label {color:#00adef}
.kamp-grid input[type=radio]:checked + label:after, .kamp-grid input[type=radio]:checked + input[type=hidden] + label:after {background:transparent url(../images/hopi/hopi-serpme.png) -320px -33px no-repeat; width:10px; height:8px; border-radius:0; left:4px; top:6px}
.kamp-grid input[type=radio]:checked + label:before, .kamp-grid input[type=radio]:checked + input[type=hidden] + label:before {background:#00adef; border-color:#00adef; box-shadow:none}

/*** WINDOWS teyyaresi için **/

.windows .muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG article {margin-right:26px}
.windows .numMinPlus .minus, .windows .numMinPlus .plus {padding:3px 2px 2px}

/** placeholder **/

::-webkit-input-placeholder { color:#C0C0C0; font:normal 12px/200% 'Brandon'; }
::-moz-placeholder { color:#C0C0C0 } 
:-ms-input-placeholder { color:#C0C0C0 }
input:-moz-placeholder { color:#C0C0C0 }


@media only screen and (min-width: 769px) {
	/** sadece üst ekranlar için **/
	
	.kafa.scroll-to-fixed-fixed {border-bottom:1px solid #cccccc}
	.kafa.scroll-to-fixed-fixed .logo {width:108px; height:20px; float:left; margin:10px 30px 0 0}
	.kafa.scroll-to-fixed-fixed .logo a {width:108px; height:20px;background-position:0 -420px;}
	.kafa.scroll-to-fixed-fixed .ara-bul {position:relative; right:auto; top:auto; float:right; margin:8px 0 0}
	.kafa.scroll-to-fixed-fixed .ara-bul input[type=text] {border-bottom:0}
	.kafa.scroll-to-fixed-fixed .ara-bul.etkin {background:#FFFFFF;z-index:50;padding:0 10px}
	.kafa.scroll-to-fixed-fixed .ara-bul.etkin:before {left:10px}
	.kart-cizim {margin-top:44px}
	
	/** üst menü **/
	
	.ustmenu > ul > li.altmenu > a:after {content:"";width: 0;height: 0;border-style: solid;border-width: 4px 3.5px 0 3.5px;border-color: #888888 transparent transparent transparent;position:absolute; z-index:1; right:3px; top:50%; margin-top:-3px}
	.ustmenu > ul > li.altmenu > a.etkin:after {filter:alpha(opacity=0);opacity:0}
	
	}


@media only screen and (max-width: 1521px) {
	
	.sayfaG {max-width:1280px}
	.hizli-teslimat {padding-left:80px}
	section.orta-alan.sepetim, .orta-alan.genel-icerik {padding:20px 0}
	.hemen-sor {padding-right:45px}
	.hakkimizda > .sayfaG {overflow-x:hidden}
	.hakkimizda .donergec.gorselli { width:150%; margin:20px -25%}
	.ustmenu > ul > li > a {font-size:15px}
	
	.masonry.ayrik .oge {width:24.9%}
	
	/** hopi yeni **/
	.orderSum .hopi-baslat p {font-size:20px}
	/** #hopi yeni **/
	
	}


@media only screen and (max-width: 1024px) {
    .urungorsel-sayfala span img {
        height: 60px;
        width: auto;
    }
}
@media only screen and (max-width: 1367px) {
	 .urungorsel-sayfala span img {
        height: 90px;
        width: auto;
    }
	.jistisna-sekme.dikey-sekme .sekmetik ul li {font-size:16px}
	.formeleman input.yarim ~ .yarim {margin-left:1.1%}
	.formeleman input.ceyrek ~ .ceyrek { margin-left:1.5%}
	.filtre-tik li {width:50%}
	.odeme-sekmesi .sekmetik ul li {font-size:13px}
	.sayfaG {max-width:1024px}
	 footer.ayak > .sayfaG {padding-left:20px; padding-right:20px}
	.kafa > .sayfaG {padding-left:15px; padding-right:15px}
	.kafa .tutucu {right:150px}
	.ustmenu > ul > li > a {font-size:14px}
	.kafa > ul > li > a {font-size:14px; padding:10px 15px}
	.bildirim {font-size:13px}
	.bildirim h2 {font-size:18px}
	.hizli-teslimat {padding-left:20px; padding-right:20px}
	.logo {margin:0 auto; padding:10px 0}
	.kafa.scroll-to-fixed-fixed .logo {padding:0}
	.ust-serit > div {padding:10px 10px 0 10px}
	.genelslayt h2 {font-size:60px}
    .basketProducts .product .details .others ul + ul.num, .basketProducts .product .details .others ul + ul.price {width:18%}
    .basketProducts .product .details .others ul + ul.cost {width:25%}
    .basketProducts .product .img img {height:65px}
    .basketProducts .titles:before {width:16.8%}
    .basketProducts .titles > span.price {width:17%; text-align:left}
    .basketProducts .titles > span.num {width:12.5%}
    .numMinPlus {text-align:center}      
	.filtre-secenek {right:-201.5%; padding-top:20px}
	.filtre-secenek.fiyat-araligi {right:-1px}
     .metin-sinirla {height:150px} 
	
	.hemen-sor {bottom:-100px;}
	
	.urun-tek > .kolon4te3 {width:65%}
	.urun-tek > .kolon4te1 {width:35%}
	
	.urun-hareketleri p + p {margin-top:5px}
	.urun-hareketleri p + p em {font-size:14px}
	.urun-fonksiyon .y18 {font-size:14px}
	.urun-fonksiyon p + p {margin-top:10px}
	

	
	.kafa .sepet-mini {top:173%}
	.kafa.scroll-to-fixed-fixed .yardim > ul, .kafa.scroll-to-fixed-fixed .kisisel-menu > ul {top:181%}
	
	.facebook-begen {padding:50px 10px}
	.gift-card p {margin-left:5%; margin-right:5%}
	.yeni-ne-var input[type=text] {width:66%}
	
	.style-life .urungoster[class*=kolon] img {height:135px}
	.style-life .urungoster h2 {margin:0 0 10px 0 !important}
	.style-life .urungoster .buton, .style-life .fiyat-hareket span.fiyat-kutu {line-height:30px}
	.style-life .urungoster p + p {margin-top:5px}
	
	.kolay-iade {height:760px}
	.kolay-iade li h2Â  {font-size:32px}
	.kolay-iade li.iki {right:0}
	.kolay-iade li .isaret {left: 10%;}
	.kolay-iade li .isaret.etkin {-webkit-transform: scale(.5,.5);  -moz-transform: scale(.5,.5);  -ms-transform: scale(.5,.5);transform: scale(.5,.5) }
	.kolay-iade li.iki .isaret {left:-30%; top:60%}
	.kolay-iade li.uc {top:200px}
	.kolay-iade li.uc .isaret {top:60%}
	.kolay-iade li.dort {top:390px}
	
	/** hopi yeni **/
	.orderSum .hopi-baslat, .orderSum .hopi-netice {margin:0 -21px}
	.orderSum .hopi-baslat p {font-size:16px}
	/** #hopi yeni **/
	
	}
	
@media only screen and (max-width: 1141px) {
	
	
	.ustmenu-eleman .sayfaG {padding-left:20px; padding-right:20px}
	.ustmenu-eleman ul {width:13.1%}
	.ustmenu-eleman ul + ul {margin-left:2%}
	.yeni-ne-var input[type=text] {width:65%}
	
	
	}
	
@media only screen and (max-width: 1025px) {
	
	.sayfaG {max-width:none;margin:0 20px}
	.ustmenu-eleman .sayfaG {margin:0}
	.muhtesempoap .sayfaG {margin-left:auto; margin-right:auto}
	.gift-card.kolon2 {width:100%; height:auto !important}
	.gift-card p {line-height:normal; margin-left:0; margin-right:0}
	.gift-card p[class*=y] {margin-top:0 !important}
	.gift-card img {height:180px}
	.kolon2.facebook-begen {float:left; width:100%; border-top:0}
	.facebook-begen {padding:20px}
	.facebook-begen .makas p {margin-left:0; margin-right:0}
	.facebook-begen .makas {line-height:normal}
	/*.sekmetik ul li.etkin:after {display:none}*/
	
	.kolon4te3, .sepetim .kolon4te3 {width:65%}
	..kolon4, .kolon4te1 {width:50%}
	.kolon4te3 + .kolon4te1 {width:35%}
	.sepetim .kolon4te3 + .kolon4te1 {width:33%}
	.sekme-icerik.kolon4te3 {width:75%}
	
	.style-life .urungoster[class*=kolon] img {height:89px}
	.style-life .urungoster .fiyat-hareket .buton {display:none}
	
	.odeme-adim-adim {margin-left:0; margin-right:0}
	.odeme-adim-adim li:first-child {text-align:center}
	.odeme-adim-adim li:last-child {text-align:center}
	.chosen-container-single .chosen-single:after {right:5px}
	
	}

@media only screen and (max-width: 959px) {
	.sepetim .kolon4te3, .sepetim .kolon4te3 + .kolon4te1 {width:100%;}
	.sepetim .kolon4te3 + .kolon4te1 {margin-top:20px}
	.sepetim .orderSum .kolon4te3 + .kolon4te1 {width:35%; margin-top:0}
	.orderSum {margin-top:20px}
	.orderSum.buyukozet {position:static !important}
	.orderSum.buyukozet + div {display:none !important}
	.sepet-kolonlar .siparis-ozet .kolon2 + .kolon2 {margin-top:20px}
	.kafa .tutucu {top:50%; margin-top:-9px}
	.kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {font-size:12px}
	.paylas a {font-size:0}
	.masonry.ayrik .oge {width:24.95%}
     .basketProducts .product .details .others ul + ul.num, .basketProducts .product .details .others ul + ul.price, .basketProducts .product .details .others ul + ul.cost, .numMinPlus {width:auto; text-align:left}
	
	}

@media only screen and (max-width: 769px) {
	
	/** hopi yeni **/
	.hopi-app-ekran {width:132px; height:172px; background-position:-434px -274px}
	.hopi-app-ekran:before {width:55px; height:30px; background-position:-198px -26px; left:-32px; top:55% }
	.orderSum .hopi-baslat p {font-size:22px}
	/** #hopi yeni **/
	
	.hizli-bak-sayfasi .urun-fonksiyon .cerceve {border-width:1px; padding:20px}
	.filtre-alani select {border:0}
	.kafa {height:71px; margin-bottom:10px}
	.odeme-adim-adim li > span {margin-left:0; display:block; margin-top:5px}
	.kategori-dizil article .diger-secenekler {position:static; margin-bottom:10px}
	.kart-cizim:before {left:50%; top:-22px; width:19px; height:12px; margin:0 0 0 -10px; background-position:-169px -503px}
	.ust-serit {display:none}
	.sepet-mini {right:0}
	.sepet-mini:before {right:3%}
	.odeme-adim-adim li {font-size:14px}
      .odeme-adim-adim li:after { position:absolute; right:0; top:15px; width:12px; height:12px; background-color:#FFFFFF; border-radius:6px; background-position:-230px -79px}
	
	.logo {padding:5px 0 20px 0}
	.kafa.scroll-to-fixed-fixed .logo {padding:15px 0 20px 0}
	.kafa.scroll-to-fixed-fixed .sepet-mini {right:-44px}
	.kafa.scroll-to-fixed-fixed .sepet-mini:before {right:6.2%}
	.kafa.scroll-to-fixed-fixed .sepet-mini:after {right:6.5%}
	
	.kolon2 {float:none; width:auto}
	.kolon2 .kolon2 {float:left; width:50%}
	.kolon2 + .kolon2 {/*float:none*/}
	.kolon2 .kolon2 + .kolon2 {float:right}
	.kredi-karti .kolon2 .kolon2 {float:none; width:auto}
	.kolon + .kolon3te2 {padding-left:0}
	.odemeler .kolon3 {width:100%}
	
	.kolon2.facebook-begen {border-top:1px solid #cccccc}
	
	.ust-serit.scroll-to-fixed-fixed {border-bottom:1px solid #cccccc}
	.ust-serit, .ust-serit div, .ust-serit table {font-size:12px}
	.ust-serit .sagda + .sagda {margin-right:10px}
	
	.anamenuac {display:inline-block}
	
	nav.anamenu {padding:5px;}
	nav.anamenu {display:none; background:#dedede;position:relative;}
	nav.anamenu:before {content:"";width: 0;height: 0;border-style: solid;border-width: 0 12px 10px 12px;border-color: transparent transparent #dedede transparent; position:absolute; left:15px; bottom:100%}
	.ustmenu > ul > li + li {margin-left:0; border-top:1px solid #f7f7f7}
	.ustmenu > ul > li {display:block; }
	.ustmenu > ul > li a, .kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {display:block; background:transparent; text-align:left; border:0;position:relative; padding:10px; font-size:14px; z-index:1}
	.ustmenu > ul > li a.etkin {background:#FFFFFF; border-color:#ffffff;color:#ff6e04}
	.ustmenu > ul > li.altmenu > a:after, .ustmenu-eleman li.ilk:after { content:"";display:inline-block; background:url(../images/design/fabrika-serpme.png) -220px -11px no-repeat; width:10px; height:6px; position:absolute; right:10px; top:50%; margin-top:-3px}
	.ustmenu > ul > li.altmenu > a.etkin:after, .ustmenu-eleman li.ilk.etkin:after {transform:rotate(180deg)}
	
	.ustmenu > ul.aymarka-liste {text-align:center; background:#FFFFFF; padding:20px;}
	.ustmenu > ul.aymarka-liste:before {display:inline-block; vertical-align:middle}
	.ustmenu > ul.aymarka-liste > li {border:0; display:inline-block; margin:10px}
	.ustmenu > ul.aymarka-liste > li a, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a {background:transparent url(../images/design/fabrika-serpme.png) 100px 100px no-repeat; display:inline-block; text-align:left; text-indent:-999em; vertical-align:middle;box-sizing:border-box}
	
	
	.ustmenu > ul.aymarka-liste > li a.aymarka, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.aymarka {background-position:0 -188px; width:46px; height:25px}
	.ustmenu > ul.aymarka-liste > li a.network, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.network  {background-position:0 -327px; width:66px; height:14px}
	.ustmenu > ul.aymarka-liste > li a.divarese, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.divarese {background-position:0 -274px; width:77px; height:14px} 
	.ustmenu > ul.aymarka-liste > li a.que, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.que {background-position:0 -378px; width:37px; height:14px}
	
	
	.ustmenu-eleman ul > li:first-child {border-bottom-color:#dedede}
	
	.ustmenu-eleman {position:static; border-top:0; border:0; background:rgba(255,255,255,0.7)}
	.ustmenu-eleman ul {width:auto; display:block; margin:2.2% 0 !important; text-align:left}
	.ustmenu-eleman ul.banner-mini {display:block; width:auto; float:none; text-align:center}
	.ustmenu-eleman .sayfaG {padding:10px}
	.ustmenu-eleman li.ilk {position:relative}
	.ustmenu-eleman li.ilk ~ li { margin-left:15px;}
	.ustmenu-eleman li a {display:block; padding:5px}
	.genelslayt h2 {font-size:32px}
	.genelslayt .sayfaG > .metinalan + p.saga img {width:65%}
	.genelslayt.anaslayt {padding-top:0}
	
 	footer.ayak .gri {padding:10px 0 40px 0}
	footer.ayak > .sayfaG {padding:30px 20px}
	footer.ayak .hemen-sor p {display:block}
	
	.kategori-dizil article.seo .jQmerAcilirKutu {display:none} 
	
	.kategori-dizil article, .kategori-dizil.dizilim_3 article {width:50%;}
	.kategori-dizil article.urun:nth-child(2n+2), .kategori-dizil.dizilim_3 article.urun:nth-child(2n+2) {border-right:0}
	
	.bilgi-bari .sayfalama, .sayfalama { display:block; clear:both; border:1px solid #CCCCCC; border-left:0; border-right:0}
	.kategori-liste .ekmek-kirintisi, .kategori-liste .siralama { padding:0;margin-bottom:10px}
	
	.filtreler {width:100%}
	.filtreler > li {width:100%; border-right:0}
	.filtreler > li.ilk {display:block;width:100%}
	.filtreler > li.ilk.etkin {background:#f8f8f8}
	.filtreler > li:last-child {width:100%;}
    .filtreler > li.ilk ~ li {display:none;border-top:1px solid #cccccc; width:100% !important}
	.filtre-secenek.fiyat-araligi:before {display:none}
	
	.filtre-secenek {right:-1px; padding-top:0; position:relative; border:0; padding:10px 0; background:none}
	.filtre-secenek:before {display:none}
	
	.filtre-tik {max-height:none; overflow:visible}
	.filtre-tik li {width:auto; float:none}
	
	.filtre-alani .siralama {width:100%; float:none;border-top:1px solid #cccccc; display:none}
	
	
	.urun-tek .fotolar {border-right:0; height:auto !important; min-height:inherit !important}
	.kolon4te3, .urun-tek > .kolon4te3, .kolon3te2, .kolon3te2 + .kolon3, .sss-icerik .kolon3 {width:100%}
	.sss-icerik .kolon3 > img, .sss-icerik .kolon3 > p > img {max-width:35%}
	.genel-icerik .kolon3te2 + .kolon3 {padding-left:0; padding-top:20px}
	.kolon4, .kolon4te1 {width:50%}
	.style-life .kolon4te1 {width:100%} 
	.kolon4te3 + .kolon4te1, .kolon4te3 + .kolon4, .sekme-icerik.kolon4te3, .genel-icerik .kolon4te1 {width:100%}
	
	.kolon5te1 {width:33%}
	.kolon5te1:nth-child(3) ~ .kolon5te1 {width:50%; margin-top:5%}
	.avantajlar .liste li:nth-child(3) + li {border-left:0}
	
	.urun-hareketleri {position:static; width:auto; clear:both}
	.urun-hareketleri > p {display:inline-block; vertical-align:middle}
	.urun-hareketleri > p + p {margin:0 15px 0}
	.urunbuyuk.genelslayt {border:0; padding-top:0}
	.urunbuyuk .yonerge {left:5%;right:5%}
	.urun-tek .urun-fonksiyon {height:auto !important; min-height:inherit !important}
	
	.jistisna-sekme .sekme-icerik {margin-bottom:0}
	
	.sekmetik.urun-detay-sekme ul li {font-size:16px; padding:20px 10px}
	
	.sosyalles {padding-left:20px; padding-right:20px}
	.jistisna-sekme.dikey-sekme .sekmetik {float:none}
	.jistisna-sekme.dikey-sekme .kolon4te1 {width:auto}
	
	.basketProducts {border-top:1px solid #cccccc;}
	.basketProducts .product {padding-left:0; padding-right:0}
	.basketProducts .product .details .others ul {width:auto; display:block}
	.basketProducts .product .details .others ul + ul {width:auto;}
	.basketProducts .product {position:relative}
	.basketProducts .product .buton.delete {position:absolute; z-index:10; right:0px; top:10px; margin-top:0; left:auto;}
	
	.basketProducts .product .details .others .price li:last-child {display:none}
	.basketProducts .product .details .others .num {margin:10px auto}
	
	.basketProducts .product .img {width:35%}
	.basketProducts .product .details {width:65%}
	
	.basketProducts .titles {display:none}
	
	.genel-icerik .kolon4te1 + .kolon4te3, .genel-icerik .kolon2 + .kolon2, .kolon3te2  {padding-top:5%; padding-left:0}
	.odemeler .kolon3te2:first-child {padding-top:0}
	.genel-icerik span.kolon2 + span.kolon2 {padding-top:0; margin:0}
	.birmenuac {display:block} 
	.solmenu {display:none}
	.birmenuac + .solmenu {border:1px solid #cccccc; border-top:0; margin-top:-20px; padding:20px}
	.sip-ozet-menu.birmenu {margin-top:-21px;}
	
	.mobile {display:inline-block !important}
	
	.sepet-durum .simge {display:none}
	
	.ara-bul {right:0; width:16px; z-index:20; background:transparent;top:50%; margin-top:-8px; box-sizing:border-box; height:16px}
	.ara-bul:before {left:10px;}
	.ara-bul.etkin {width:95%;background:#FFFFFF;height:52px; padding:11px; margin-top:-26px}
	.ara-bul input[type=text] {display:none}
	.ara-bul.etkin input[type=text] {display:block;width:100%}
	.ara-bul input[type=text]:focus {border-bottom:0}
	
	.kafa .tutucu {right:23px; top:50%; margin-top:-9px}
	
	.style-life .baslangic {padding:20px}
	.style-life .urungoster[class*=kolon] img {height:135px}
	.style-life .urungoster.solda {width:33.2%}
	
	.kolay-iade {text-align:center; height:auto}
	.kolay-iade li h2 {font-size:32px}
	.kolay-iade li {position:static; margin-left:auto; margin-right:auto}
	.kolay-iade li.iki, .kolay-iade li.uc, .kolay-iade li.dort {width:260px !important; height:260px !important;}
	.kolay-iade li + li {margin-top:130px;}
	
	.kolay-iade li.bir .isaret, .kolay-iade li.iki .isaret, .kolay-iade li.uc .isaret {background:url(../images/design/isaret_asagi_ok.png) 0 0; width:99px; height:90px; top:105%; left:50%; margin-left:-49.5px}
	
	.anasahife > .sayfaG > .kolonlar .kolon2, .ozel-kolon .kolon2 {width:100%; clear:both}
	.anasahife > .sayfaG > .kolonlar .kolon2 > .kolon2, .ozel-kolon .kolon2 > .kolon2 {clear:none;}
	.sunum .kolonlar .kolon2:nth-child(2n+1) .disari { margin:0 -21px 0 -21px !important; border-bottom:1px solid #cccccc}
	.sunum .kolonlar .kolon2:nth-child(2n+2) .disari {margin:0 -21px 0 -21px !important;}
	
	footer.ayak article.solda, footer.ayak article.sagda {width:32.65%; box-sizing:border-box; padding:2.5%}
	footer.ayak article.sagda {text-align:left; float:left}
	
	.anasahife .kolon4te3, .ayak .kolon4te3, .ozel-kolon .kolon4te3 {width:100%}
	.anasahife .kolon4te3 + .kolon4te1, .ayak .kolon4te3 + .kolon4te1, .ozel-kolon .kolon4te3 + .kolon4te1 {width:100%}
	.urun-tek > .kolonlar > .kolon4te3, .urun-tek > .kolonlar > .kolon4te1 {width:100%}
	
	.kombin-al {margin-bottom:10px}
	
	.urune-ait .kolon4, .urune-ait .kolon4te1 {width:100%}
	.urun-tek .urun-aciklama {padding:0; margin-bottom:20px}
	.urun-tek .urun-aciklama:before {display:none}
	.urun-tek .urunslogan {right:0; bottom:auto; top:10px}
	
	.yildiz-oyla {left:50%; margin-left:-100px;top:100%}
	
	.sunum.urun-ozellikleri .ul-grid {margin-bottom:0}
	
	.kategori-dizil.kombin-secimi article.urun.etkin:nth-child(2n+2) {border-right:1px solid #CCCCCC}
	.kategori-dizil.kombin-secimi article.urun.etkin:nth-child(3n+3) {border-left:1px solid #CCCCCC}
	.kategori-dizil.kombin-secimi article.urun.etkin:nth-child(3), .kategori-dizil.kombin-secimi article.urun.etkin:nth-child(3) ~ article.urun.etkin {margin-top:-1px}
	
	.sunum.ebulten {height:auto !important}
	
	.sepete-atma-fonksiyon.eklendi a.buton:before {right:calc(50% - 157px)}
	.sepete-atma-fonksiyon.eklendi a.buton:after {right:calc(50% - 165px)}
	
}

@media only screen and (min-width: 667px) and (max-width: 769px) {
	/** sadece tabletlere özel **/
	.kafa .tutucu > div, .kafa.scroll-to-fixed-fixed .yardim, .kafa.scroll-to-fixed-fixed .sepet-durum {margin-left:15px; padding-left:15px} 
	.kafa.scroll-to-fixed-fixed .sepet-durum {margin-right:15px}
	.kafa.scroll-to-fixed-fixed .sepet-durum .sepet-adet {left:23px}
	.chosen-container-single .chosen-single div b {display:none}
	.filtreler > li.ilk {text-align:center}
}

@media only screen and (max-width:736px) { 

	.sepete-atma-fonksiyon select, .sepete-atma-fonksiyon span.select {display:none}
	.sepete-atma-fonksiyon input[type=text].kactaneurun, .sepete-atma-fonksiyon input[type=text].kactaneurun:focus {position:static; margin:0; display:inline-block; vertical-align:middle; width:25%; float:left; height:40px; border:1px solid #2AB88A}
	.sepete-atma-fonksiyon input[type=text].kactaneurun:focus {color:#FF7F00}
	.sepete-atma-fonksiyon input[type=text].kactaneurun.asaga {display:block}
	
}
@media only screen and (max-width:668px) {
	
	.sepet-mini {width:480px}
	.urun-hareketleri > p {width:17%}
	.urun-hareketleri > p + p {margin:0 5px 0}
	.sekmetik.urun-detay-sekme ul li {font-size:13px}
	.genelslayt.urunbuyuk .gorsel img {height:510px}
	.orderSum.tekil {float:none !important; margin-bottom:20px}
	.ic-sekme .sekmetik ul {top:0; padding:0}
	.ana-sekme .sekmetik {margin-bottom:20px} 
	.sekmetik h2.ozel {top:50%; margin-top:-12.5px; text-align:right;right:20px}
	.paylas {float:none; clear:both; text-align:center;border-top:1px solid #CCCCCC} 
	.paylas a:first-child {border-left:0}
	.urun .detaylar h2 {float:none}
	.urun span.fiyat-kutu {float:none}
	.urun span.fiyat-kutu > span {display:inline-block; vertical-align:middle}
	.urun span.fiyat-kutu > span + span {margin-left:5px}
	.kombin-secimi article.urun.etkin {overflow:auto} 
	.kombin-al a.buton {font-size:11px} 
	.jistisna-sekme .ic-sekme .sekmetik ul {top:0}
	.ic-sekme .sekmetik {padding:0}
	.ic-sekme .sekmetik ul li {font-size:10px; margin:0 6px !important}
	
	/** hopi yeni **/
	.hopi-hesapci {display:block; width:auto}
	.paracik-kullanimi a.buton.yapiskan {position:static;display:block;width:auto; margin:10px 0;}
	.hopi-eylemler .bir .sigdir {max-width:290px; z-index:20}
	.hopi-eylemler .bir .sigdir > p.y18 {font-size:14px; margin-right:50px; text-align:left}
	.paracik-kullanimi h2 + p {margin-right:80px}
	.hopi-eylemler .iki .toplar.top_4 {top:58%}
	.hopi-eylemler .kamp-baslik strong {width:75%}
	.hopi-eylemler .kamp-baslik em {width:25%}
	.hopi-kampanyalari .kamp-grid > li > strong {width:75%}
	.hopi-kampanyalari .kamp-grid > li > em {width:25%}
	.hopi-netice .hareket {float:left; margin:0 0 0 87px !important}
	
	/** #hopi yeni **/
	
}


@media only screen and (max-width: 481px) {
	
	/** hopi yeni **/
	.hopi-baslat p {font-size:18px} 
	.hopi-eylemler .bir .sigdir > p.y18 {margin-right:70px;}
	.hopi-app-ekran:before {width:35px;background-position:-218px -26px;left:-10px}
	.hopi-eylemler .kamp-baslik strong {width:auto}
	.hopi-eylemler .kamp-baslik em {display:none}
	.hopi-kampanyalari .kamp-grid > li > strong {width:auto; display:block}
	.hopi-kampanyalari .kamp-grid > li > em {width:auto; display:block;color:#A2A2A2; padding-left:28px; font-size:12px}
	.hopi-kampanyalari li + li .kamp-grid > li > em {padding-left:0}
	.hopi-kampanyalari .kamp-grid > li > em:before {content:"Son Katılım Tarihi: "}
	.hopi-baslat a {display:block}
	.hopi-netice .hareket {margin-left:0 !important}
	/** #hopi yeni **/
	
	select {width:100%; box-sizing:border-box}
	.solda.magazasehirsec, .solda.magazasehirsec + div {float:none; display:block; width:100%}
	.solda.magazasehirsec + div {margin-top:10px}
	
	.solda.magazasehirsec + div input[type=text] {width:60%}
	.solda.magazasehirsec + div .buton {width:40%}
	
	.masonry .oge.solda, .masonry .oge.sagda, .masonry.ayrik .oge.w4te3 {float:none; width:auto; margin:10px 0}
	
	footer.ayak article.ayaklink li {display:block; margin:5px 0}
	.ustmenu > ul.aymarka-liste:before {display:block;}
	.sepet-mini {width:400px}
	.ust-serit > div {padding-left:10px; padding-right:10px}
	.ara-beni {padding-top:0; padding-left:10px; margin-top:0}
	.sepet-durum {padding-left:10px}
	.odemeler .buton {display:block; float:none !important}
	.odemeler .buton.dn {display:none}
	.odemeler .buton + .buton {margin:10px 0 0 }
	
	.genelslayt h2 {font-size:24px}
	.genelslayt h2 + p {font-size:14px}
	.genelslayt .sayfaG > .metinalan {position:static; max-width:none; width:auto; text-align:center; margin:10px 20px}
	.genelslayt .sayfaG > .metinalan + .saga {text-align:center}
	
	.kolon2 .kolon2 {width:100%; height: auto !important}
	.kolon2 span.kolon2 {width:50%}
	
	.ucleme {width:180%; margin-left:-40%; margin-right:-40%;}
	
	.hizli-teslimat {text-align:center}
	.hizli-teslimat img.sagda {float:none; margin-bottom:0; margin-right:-120px}
	.facebook-begen .makas p.egdir {font-size:28px}
	.yeni-ne-var {padding-left:20px; padding-right:20px}
	
	.numarani-sec {width:59.6%; display:none}
	.numarani-sec .jQmerAcilirKutu span.yazi {padding-left:40%}
	.siralama {width:40%; display:none}
	.filtreler {width:100%; }
	.filtreler > li {line-height:30px}
	.filtreler > li:after {top:12px}
	.filtre-secenek {right:-101%; padding-top:20px}
	.filtreler > li.ilk {border-bottom:0}
	
	 
	.filtre-secenek.fiyat-araligi {width:auto; left:-1px; padding-top:0}
	
	.kategori-dizil article, .kategori-dizil.dizilim_3 article {width:50%;}
	.kategori-dizil.kombin-secimi article, .kategori-dizil.dizilim_3.kombin-secimi article {width:100%; height:auto !important}
	.kombin-secimi article.urun.etkin + .etkin {border-left:1px solid #CCCCCC; border-top:0}
	.kategori-dizil.kombin-secimi article.urun.etkin:nth-child(3), .kategori-dizil.kombin-secimi article.urun.etkin:nth-child(3) ~ article.urun.etkin {margin-top:0}
	.kategori-dizil article:first-child {border-top:0}
	
	.kategori-dizil .fiyat-hareket .buton {display:none}
	
	.kolon2.facebook-begen {border-top:0}
	.kolon3 {width:100%}
	
	.kategori-dizil article.seo h2 {font-size:20px}
	
	.basketProducts .product .img {width:100%; float:none; margin:10px auto}
	.basketProducts .product .details {width:100%; float:none}
	.basketProducts + p {float:none !important; text-align:center; display:block}
	.marka-ayrac p.saga {text-align:center}
	
	.genel-icerik .kolon3 + .kolon3 {padding-top:5%; padding-left:0}
	
	.hediye-istenmi {text-align:center; clear:both; float:none !important}
	
	.basketProducts .product .img a {text-align:left}
	.basketProducts .product .img img {max-width:none; height:90px; width:auto}
	
	.odemeler > article .buton {display:block; float:none} 
	.odemeler > article .buton + .buton {margin-top:10px}
	
	.logo, .logo a {width:163px; height:37px}
	.logo {height:50px;}
	.logo a {background-position:0 -629px; margin-top:3px}
	
	.sepet-durum .simge, .yardim .tik, .kisisel-menu .tik {display:none}
	
	.kafa.scroll-to-fixed-fixed .logo { display:inline-block; margin-left:24px}
	
	.odeme-oturumac .kolon3 + .kolon3 {border-left:0;border-top:1px solid #cccccc; padding-top:5%; margin-top:5% }
	.formeleman input.yarim ~ .yarim {margin-left:1%}
	
	.sekmetik.kadin-sekme h2, .sekmetik.kadin-sekme ul, .sekmetik.erkek-sekme h2, .sekmetik.erkek-sekme ul {width:100%}
	.sekmetik.kadin-sekme h2, .sekmetik.kadin-sekme li, .sekmetik.erkek-sekme h2 , .sekmetik.erkek-sekme li{padding:15px 10px}
	
	.formeleman input.yarim {width: 48.9%}
	
	.style-life .urungoster.sdcgorcel[class*=kolon] img {width:100%; height:auto}
	.style-life .urungoster.solda, .style-life .kolon3te2 {width:100%}
	
	.genel-sekme .sekmetik {border:0}
	.genel-sekme .sekmetik ul li {width:100%; border:1px solid #cccccc !important; text-align:left}
	.genel-sekme .sekmetik ul li + li {border-left:1px solid #cccccc}
	.genel-sekme .sekmetik ul li, .genel-sekme .sekmetik ul li.etkin {margin:2px auto}
	.odeme-sekmesi .sekme-icerik {margin-bottom:20px}
	.odemeler .sepet-ozeti {margin-bottom:20px}
	
	.ebulten-mini input[type=text] {width:50%}
	.formeleman input.ceyrek ~ .ceyrek { margin-left:1.6%}
	
	.anasahife > .sayfaG > .kolonlar .kolon2 > .kolon2, .ozel-kolon .kolon2 > .kolon2 {width:100%}
	[class*=esitle_] {height:auto !important}
	.ozel-icerik .odak.esitle_1 {padding-bottom:20px}
	.ozel-icerik.ozel-gun .odak.esitle_1 {padding-bottom:0}
	.ozel-icerik .kolon + .kolon {margin-top:20px}
	
	.dikkatcek.sagda {float:none; clear:both;width:auto}
	.dikkatcek:before {display:none}
	
	footer.ayak article.solda, footer.ayak article.sagda {width:50%}
	
	.sekmetik.urun-detay-sekme ul {float:none; padding:0 0 59px 0}
	.sekmetik.urun-detay-sekme ul li {display:block;float:none;border-right:0;border-top:1px solid #CCCCCC;margin-top:-1px}
	.sekmetik.urun-detay-sekme ul li.etkin {z-index:10; position:absolute; left:0; right:0; bottom:0}
	
	.genelslayt.urunbuyuk .gorsel img {height:360px}
	
	footer.ayak .boynergrup { float:none; display:block; clear:both; margin:10px auto}
	footer.ayak .aymarka {float:none;display:block}
	
}

@media only screen and (max-width: 400px) {
	.kafa {height:61px}
	.anamenuac {top:12px}
	.sepet-mini {width:320px; }
	.kafa.scroll-to-fixed-fixed .sepet-mini {right:-20px}
	.logo, .logo a {width:117px; height:27px}
	.logo {height:27px;}
	.logo a {background-position:0 -686px; margin-top:7px}
	
	footer.ayak .aymarka {float:none; display:block; text-align:center}
	
	.kolon2, .kolon4 {width:100%}
	.kolon2 + .kolon2, .kolon4 + .kolon4 {margin-top:20px}
	.urun-hareketleri > p {width:auto; display:block}
	
	.kolon5te1 {width:100%}
	.kolon5te1:nth-child(3) ~ .kolon5te1 {width:100%; margin-top:5%}
	.kolon5te1 ~ .kolon5te1 {margin-top:5%}
	
	.avantajlar .liste li + li {border-left:none}
	.avantajlar .liste li + li {border-top:1px dotted #CCCCCC}
	
	.urunbuyuk .yonerge {display:none}
	.orderSum li > strong {float:none; display:block; text-align:left; margin-left:0}
	footer.ayak article.solda, footer.ayak article.sagda {width:100%;float:none}
	
	.ara-bul.etkin {width:90%}
	.kafa.scroll-to-fixed-fixed .yardim > ul:before, .kafa.scroll-to-fixed-fixed .kisisel-menu > ul:before {right:8.5%}
	
	/** hopi yeni **/
	.hopi-baslat a {padding:10px}
	.hopi-baslat p {font-size:14.5px}
	.hopi-baslat .hopi-logo + p:before {margin:0 10px 0 0; height:29px}
	.hopi-baslat .hopi-logo, .hopi-eylemler .bir .hopi-logo {margin-right:10px; width:30px; height:28px; background-position:-234px -301px}
	.hopi-eylemler .bir .hopi-logo {margin:0; left:39%; top:-10px}
	.muhtesempoap .hopi-app-ekran {top:-20px; right:-40px}
	.muhtesempoap[bukim*=hopile] a.kapatcik {right:auto; left:10px}
	.hopi-eylemler .bir .toplar.top_1 {display:none}
	.hopi-eylemler .bir .sigdir {padding-top:40px}
	.hopi-eylemler .hopikodu {font-size:22px}
	.muhtesempoap .hopi-eylemler .hosgeldin {padding:10px 20px 10px 50px}
	.hopi-eylemler .bir .toplar.top_4 {top:auto; right:-10px; bottom:-10px; left:auto}
	.hopi-eylemler .iki .toplar.top_4 {display:none}
	.hopi-hesapci p {width:50%; padding:1%}
	.hopi-netice .neyapti {padding-left:0; margin-top:10px}
	.hopi-netice .neyapti:before {display:none}
	/** #hopi yeni **/
}

@media only screen and (max-width: 320px) {
	.formeleman input.yarim {width:48.3%}
	.sepet-mini {width:300px; }
	.kafa.scroll-to-fixed-fixed .sepet-mini {right:-40px}
	.kafa.scroll-to-fixed-fixed .sepet-mini:before {right:13.4%}
	.sekmetik h2.ozel {display:none}
	.sekmetik ul li {padding:10px;}
	.sekmetik ul li.etkin {padding-bottom:10px}
	.ic-sekme .sekmetik ul li {margin:0 2px !important}
	.ic-sekme .sekmetik ul li.etkin {padding-bottom:2.5px}
	
}

/**Ana Sayfa Banner Dizilimi**/
.home100 { width: 100%; float: left; display: block; border: none; margin: 0px; padding: 0px; }
.home25 { width: 25%; float: left; display: block; border: none; margin: 0px; padding: 0px; }
.home33 { width: 33.3333333333333%; float: left; display: block; border: none; margin: 0px; padding: 0px; }
.home50 { width: 50%; float: left; display: block; border: none; margin: 0px; padding: 0px; }
.home75 { width: 75%; float: left; display: block; border: none; margin: 0px; padding: 0px; }
.home100 img, .home25 img, .home33 img, .home50 img, .home75 img { width: 100%; float: left; display: block; border: none; margin: 0px; padding: 0px; }


@media only screen and (max-width: 769px) {
    .home100, .home25, .home33, .home50, .home75 { width: 100%; }
}