@import url(font/font.css);
.sil, .supur:after, .supur:before { display: block; height: 0; line-height: 0; clear: both }
.jQmerSSS dt+dd:after, .jQmerSekme, .sG, .sil, hr { clear: both }
a, img { border: none }
a, a:active, a:focus, a:hover { text-decoration: none }
a.sari {color: #fff049 !important}
.jQmerAcilirKutu:focus, :focus, a, a:hover, input[type=file]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { outline: 0 }
.jQmerAcilirKutu, .pR { position: relative }
.dugme, .form .IBAN, .form .coklu, .form .k-combobox, .form .kartNo, .form .tarih, .form label, .jQmerAcilirKutu, .jQmerSSS dt:before, .simge, a img, input, input[type=checkbox]+label, input[type=checkbox]+label img, input[type=radio]+label, input[type=radio]+label img, select, textarea { vertical-align: middle }
body, html { min-height: 100% }
body { background: #fff; margin: 0; overflow-x: hidden; margin-top: 115px }
body.sabit{overflow: hidden}
body.sifirla {margin-top: 0;overflow: auto}
#ustAlan {background: #000; position: fixed; z-index: 40; left: 0; right: 0; top: 0;}
#ustAlan .ust.yeni {height: auto}
.hlight { background: #FFC }
.solda { float: left }
.sagda { float: right }
.jQmerSekme>ul li, .kolon, .sifirla.s li { float: left }
.ortala { text-align: center }
.sagla { text-align: right }
.elli { width: 48% }
.otuz { width: 30% }
.otuz+.otuz { margin-left: 5% }
.sil { margin: 0; padding: 0 }
.supur:after, .supur:before { content: "" }
.dB { display: block!important }
.dN { display: none!important }
.oH { overflow: hidden }
.oV { overflow: visible }
.sG { max-width: 1280px; margin: 0 auto }
#altAlan .sG {max-width: 980px;}
.sifirla, nav ol, nav ul { margin: 0; padding: 0; list-style: none }
.sifirla { overflow: hidden }
.sifirla.m>li { margin-bottom: 10px }
hr { margin: 20px 0 25px; height: 1px; border: 0; background: #eee }
.altaGolge { background: url(../../gorseller/tasarim/altaGolge.png) 50% 0 no-repeat; display: block; height: 19px; margin: 30px 0 }
.altaGolge.ufak { background: url(../../gorseller/tasarim/altaGolge-ufak.png) no-repeat; margin: 20px 0; height: 9px }
body, input, select, textarea { font:normal 13px/1.45 'Objektiv Bold', Arial, "Times New Roman", Times, serif; color: #000000; outline: 0 }
.form h2.golgeli, .i { font-style: italic }
img { max-width: 100%; height: auto!important }
.ie8 img { max-width: auto }
a { color: #636467; font-family: 'Objektiv Bold', Arial, "Times New Roman", Times, serif }
a:hover { color: #4a4c4e }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: normal; font-family: 'Objektiv Bold', Arial, "Times New Roman", Times, serif }
.b, b, strong { font-weight: normal; font-family: 'Objektiv Bold' }
h1 { font-size: 28px }
h2 { font-size: 26px; color: #444 }
h3 { font-size: 22px }
h4 { font-size: 20px }
h5 { font-size: 18px }
h6 { font-size: 14px }
.mB { margin-bottom: 10px }
.mB3 { margin-bottom: 30px!important }
.mR { margin-right: 10px!important }
.y8 { font-size: 8px }
.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 }
.y18 { font-size: 18px!important }
.y20 { font-size: 20px }
.y21 { font-size: 21px }
.y22 { font-size: 22px }
.y24 { font-size: 24px }
.y26 { font-size: 26px }
.y28 { font-size: 28px }
.y30 { font-size: 30px }
.y32 { font-size: 32px }
.y35 { font-size: 35px }
.aMavi { color: #00ACD2 }
.gri3 { color: #333 }
.gri4 { color: #444 }
.gri5 { color: #555 }
.gri6 { color: #666 }
.gri9 { color: #999 }
.pembe { color: #e800ba }
.kp { color: #F81385 }
.aYesil { color: #00d063 }
.turuncu { color: #ff4a19 }
.kMavi { color: #1b3d7e }
.yesil { color: #2ca50c }
.siyah { color: #000 }
.beyaz { color: #fff }
.kirmizi { color: red }
.mavi { color: #1b3d7e }
.Arial { font-family: Arial, Helvetica, sans-serif }
.roboto { font-family: 'Objektiv Bold','Roboto', Arial, Helvetica, sans-serif }

/** kolonlar **/

.kolonlar {position: relative; z-index: 1}
.kolonlar + .kolonlar {margin-top: 2em}
.kolonlar > .kolon {float: left;box-sizing: border-box; position: relative; z-index: 1}
.kolonlar > .kolon + .kolon {margin-left: 2%}
.kolonlar > .kolon.on {width: 8.5%}
.kolonlar > .kolon.onbes {width: 13.33333%}
.kolonlar > .kolon.yirmi {width: 18.4%}
.kolonlar > .kolon.yirmibes {width: 23.5%}
.kolonlar > .kolon.otuz {width: 28%}
.kolonlar > .kolon.otuzuc {width: 31.3333%}
.kolonlar > .kolon.otuzbes {width: 33.5%}
.kolonlar > .kolon.kirk {width: 38.5%}
.kolonlar > .kolon.elli {width: 49%}
.kolonlar > .kolon.atmis {width: 58.5%}
.kolonlar > .kolon.atmisbes {width: 64.5%}
.kolonlar > .kolon.yetmis {width: 69%}
.kolonlar > .kolon.yetmisbes {width:74.5%}
.kolonlar > .kolon.seksen {width:79.5%}
.kolonlar > .kolon.seksenbes {width:84.77777%}
.kolonlar > .kolon.doksan {width:89.5%}

.kolonlar.birlesik > .kolon + .kolon {margin-left:0}
.kolonlar.birlesik > .kolon.on {width: 10%}
.kolonlar.birlesik > .kolon.onbes {width: 15%}
.kolonlar.birlesik > .kolon.yirmi {width: 20%}
.kolonlar.birlesik > .kolon.yirmibes {width: 25%}
.kolonlar.birlesik > .kolon.otuz {width: 30%}
.kolonlar.birlesik > .kolon.otuzuc {width: 33.33333%}
.kolonlar.birlesik > .kolon.otuzbes {width: 35%}
.kolonlar.birlesik > .kolon.kirk {width: 40%}
.kolonlar.birlesik > .kolon.elli {width: 50%}
.kolonlar.birlesik > .kolon.atmis {width: 60%}
.kolonlar.birlesik > .kolon.atmisbes {width: 65%}
.kolonlar.birlesik > .kolon.yetmis {width: 70%}
.kolonlar.birlesik > .kolon.yetmisbes {width:75%}
.kolonlar.birlesik > .kolon.seksen {width:80%}
.kolonlar.birlesik > .kolon.seksenbes {width:85%}
.kolonlar.birlesik > .kolon.doksan {width:90%}

/* inline-block */

.kolonlar.dib {font-size: 0; line-height:normal}
.kolonlar.dib > .kolon {float:none; display: inline-block; vertical-align: top; font-size: 14px; font-size: inherit}
.kolonlar.dib.orta > .kolon {vertical-align: middle}
.kolonlar.dib > .kolon p {font-size: 14px; line-height: normal}

/** ul kolonlar **/

ul.kolonlar {margin: 0; padding: 0; list-style: none}
ul.kolonlar > li {list-style: none; padding: 0}
ul.kolonlar > .kolon > a, ul.kolonlar > .kolon img {display: block; width: 100%}

/** kolonlar sonu **/


/** urunler, kategori listesi **/

span.urunler {display: block;text-align: center;position: relative; z-index: 1;clear: both}
/** flex **/
span.urunler, span#rblProductAttribute {display: flex !important;flex-wrap: wrap;}
span.urunler > span, span#rblProductAttribute > label {box-sizing:border-box;  justify-content: center;  align-items: center;  display: flex;padding: 7.5px}
span#rblProductAttribute > label {padding: 5px;flex-direction: column;justify-content:flex-end}
span.urunler > span > .urun {width: auto; height: auto !important;padding: 7.5px;box-shadow:none }
/*span.urunler br {display: none !important}
span.urunler > span {display: inline-block; vertical-align: top; box-sizing: border-box; padding: 7.5px}
span.urunler > span > .urun {width: auto; padding: 7.5px;box-shadow:none }*/
span.urunler > span > .urun .mini_urunImg {height: auto; margin-bottom: 10px}

li.marka > .icerik > ul.sifirla {display: flex !important;flex-wrap: wrap;}
li.marka > .icerik > ul.sifirla > li {justify-content: center;  align-items: center;  display: flex;}

/** sepet **/

.td_gorsel img {max-width: 60px; height: auto}
a.kapat {position: absolute; z-index: 1; right: 20px; top: 20px; display: inline-block; width: 24px; height: 24px; font-size: 0}
a.kapat:before, a.kapat:after {content: ""; display: block; height: 1px; width: 100%;top: 50%;background-color: #C10003; transform-origin: center center; position: absolute; z-index: 1}
a.kapat:before {transform: rotate(45deg)}
a.kapat:after {transform: rotate(-45deg)}

.sepet-durum {display: inline-block; vertical-align: middle; background-image: url(gorsel/s-sepet.svg); position: relative; z-index: 1; width: 23px; height: 32px}
.sepet-durum.dolu {background-image: url(gorsel/s-sepet-dolu.svg)}
.sepet-durum > .adet {font-size: 10px; color: #bababa; position: absolute; z-index: 1; left: 0; right: 0; bottom: 4px; text-align: center;}
.sepet-durum.dolu > .adet {color: #FFFFFF}

.sepetim.yeni {cursor: pointer}

/** giriş alanı **/

.fb-login-area {background-color:#4267b2 ; clear: both; padding: 10px; color: #FFFFFF; position: relative; z-index: 1}
.fb_iframe_widget {display: inline-block; vertical-align: middle}
.s-kull {background-image: url(gorsel/s-kull.svg); width: 24px; height: 32px; display: inline-block; vertical-align: middle}
.s-kull.oldu {background-image: url(gorsel/s-kull-girdi.svg)}
a.urun-ara-but {display: inline-block; vertical-align: middle; background-image: url(gorsel/s-ara.svg);width: 32px; height: 32px;}

/** bg ayar **/

.sepet-durum, .s-kull, a.urun-ara-but {background-color: transparent; background-position:0 0; background-size: auto 100%; font-size: 0; background-repeat: no-repeat}

/** arama **/

.jqPPicerik .ara-kutu.dN, .jqPPicerik .profil-menusu.dN{display: block !important}
.ara-kutu {width: 480px;}
.ara-kutu input[type=text] {width: 100%; box-sizing: border-box; font-size: 16px; height: auto; line-height: normal;padding: 10px}

.ara-kutu.ayri {width: 100%; background-color: #000000; padding:0 5px 5px; box-sizing: border-box; position: relative; z-index: 12;}
.ara-kutu.ayri > p:first-child {display: none}
.ara-kutu.ayri > p, .ara-kutu.ayri > p + p, .ara-kutu.ayri > p + div {margin: 0}
.ara-kutu.ayri input[type=text] {font-size: 12px;font-family: 'Objektiv Bold';border: 0; padding: 5px}
/* .ara-kutu.ayri .butonlar {display: none} */
.ara-kutu.ayri .sresults {left: 0; right: 0; top:100%; position: absolute; z-index: 1; background-color: #ffffff;height: 0;box-sizing: border-box;max-height: calc(100vh - 80px); overflow-x: hidden; overflow: auto;}
.ara-kutu.ayri .sresults[style*=block] {border-bottom: 1px solid #dedede;padding: 10px}

.ara-kutu.ayri .butonlar a.dugme.detayli-ara {width: 28px; height: 28px; display: inline-block; vertical-align: middle; line-height: 28px; border: 0; font-size: 0 !important; background-image: url(gorsel/s-ara-beyaz.svg); background-repeat: no-repeat; background-size: 18px 18px; background-position: center center;border-radius: 0}
.ara-kutu.ayri .butonlar {position: absolute; z-index: 2; right: 5px; top: 0}
.ara-kutu.ayri .ara-puti {color:#F62087;}

header#ustAlan > .ara-kutu {position: absolute; width: 100%; left: 0; top: 100%}
header#ustAlan > .ara-kutu p:first-child {display: none}

.sresults > .eleman {clear: both; padding: 5px;font-size: 1.1em}
.sresults > .eleman:hover {background-color: #f8f8f8}
.sresults > .eleman + .eleman {border-top: 1px solid #dedede}
.sresults > .eleman > a {display: block; position: relative; z-index: 1;}
.sresults > .eleman > a > img {width: auto; height: 60px !important; max-width: none; display:inline-block; vertical-align: middle; margin-right: 5px}
.sresults > .eleman > a > img[src*=Marka], .sresults > .eleman > a > img[src*=marka],
.sresults > .eleman > a > img[src*=category], .sresults > .eleman > a > img[src*=Category]{width: 60px; height: auto !important}

#ustAlan .ara-kutu {width: 310px; position: relative; z-index: 1}
#ustAlan .ara-kutu input[type=text] {font-size: 12px; padding:8px 10px; background-color: #ffffff; color: #000000;border: 0;border-radius: 3px}
#ustAlan .ara-kutu > p {margin: 0 !important}
#ustAlan .ara-kutu > p:first-child {display: none}
#ustAlan .ara-kutu > p.butonlar {position: absolute; z-index: 2; right: 8px; top: 8px; margin: 0 !important}
#ustAlan .ara-kutu .dugme.tam {display: inline-block; width: 16px; height: 16px; border: 0; background: transparent url(gorsel/s-ara.svg) 0 0 no-repeat; background-size: auto 100%; border-radius: 0; padding: 0; box-shadow: none; font-size: 0; cursor: pointer}

#ustAlan .ara-kutu .sresults {position: absolute;z-index: 2; left: -131%; right: 0; top: 100%; box-sizing: border-box; padding: 5px; background-color: #ffffff; display: none; text-align: left; border: 1px solid #000000; margin: 0 !important; max-height: calc(100vh - 51px); overflow-y: auto; overflow-x: hidden}
#ustAlan .ara-kutu .sresults > .eleman:nth-child(odd) {background-color: #f8f8f8}
#ustAlan .islemde .tablo .hucre {text-align: right}
#ustAlan .islemde .tablo .hucre em {transform: scale(.5); transform-origin: top center}

#ustAlan > .ara-kutu .sresults {left: 0; max-height: calc(100vh - 100px);}
#ustAlan > .ara-kutu .dugme.tam {font-size: 0 !important}

/** islemde **/

/* işlemde -- Processing **/

.islemde {position:absolute; z-index:10000; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5);}
.tablo {display:table; width:100%; height:100%}
.tablo .hucre {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle}
body > .islemde {position:fixed}
.islemde .tablo .hucre em {display:inline-block;  width:60px; height:60px; text-align:left;text-indent:-999em; position: relative; z-index: 1; border-radius: 50%;} 
.islemde .tablo .hucre em:before {content: ""; position: absolute; z-index:1; width: 24px; height: 24px; background: url(gorsel/yukle-bg.svg) 0 0 no-repeat; background-size: 100% auto; top:calc(50% - 12px); left: calc(50% - 12px); opacity: .7}
.islemde .tablo .hucre em:after {content: ""; width: 60px; height: 60px; border: 1px solid rgba(255,255,255,.75); border-width: 1px 0; border-color:rgba(255,255,255,1) rgba(255,255,255,1)  rgba(215,88,121,1)  rgba(215,88,121,1); border-radius: 50%; display: block; position: absolute; z-index: 1; left: 0; top: 0}
.islemde em:after { 
	-webkit-animation: bombibom 1.5s infinite; 
  -moz-animation:    bombibom 1.5s infinite; 
  -o-animation:      bombibom 1.5s infinite; 
  animation:         bombibom 1.5s infinite;
   -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
  }

article .islemde {background-color: rgba(255,255,255,.5); z-index: 2}

.filtre-bari {display: block; padding: 5px; background-color: #eeeeee}

.kaydir-mini-imajlar {font-size: 0; float: left}
.kaydir-mini-imajlar > img {display: inline-block; vertical-align: middle;border: 1px solid #bababa; padding: 1px; box-sizing: border-box;cursor: pointer}
.kaydir-mini-imajlar > img + img {margin-top: 2.5px}
.kaydir-mini-imajlar > img.etkin {border-color: #d40065}
.kaydir-mini-imajlar {width: 40px;}
.kaydir-mini-imajlar + .genelslayt {width: calc(100% - 50px); float: right}

.genelslayt.thumbnails .yonerge , .genelslayt.thumbnails ~ .yonerge {left: 50px}

.gorsel.buyudu .kaydir-mini-imajlar, .kaydir-mini-imajlar.disarda {float: none; text-align: center;width: 100%}
.gorsel.buyudu .kaydir-mini-imajlar + .genelslayt {width: 100%; float: none}
.gorsel.buyudu .kaydir-mini-imajlar > img, .kaydir-mini-imajlar.disarda > img {height: 60px !important; width: auto; max-width: none; margin: 2px 1px}
.gorsel.buyudu .kaydir-mini-imajlar > img + img, .kaydir-mini-imajlar.disarda > img + img {margin-top: 2px}
.gorsel.buyudu img.zoomImg {display: none !important}

.kaydir-mini-imajlar.disarda {position: fixed; z-index: 20; left: 0; right: 0; height: 0; overflow: visible; bottom: 70px}

.urunFiyat > div[id*=pnlVat], .urunFiyat > .indirimKutu {display: inline-block; vertical-align: middle}
.urunFiyat > .indirimKutu {float: none; margin-left: 10px}

span.indirimBit {display: block; margin-top: 10px}

.kamplar, .kamplar div {color: #f9a90c;}
.kamplar {margin-bottom: 20px;}
.kamplar a {color: #f9a90c; font-family: 'Objektiv Bold'}

.urunler > span.adminde {position: relative;z-index: 1; padding-bottom:35px}
.urunler > span.adminde > div[id*=ProductUC_pnlAdmin] {position: absolute; z-index: 5;right: 5px; bottom: 0;left: 5px; background-color: #f8f8f8;text-align: center;box-sizing: border-box;padding: 5px}
.urunler > span.adminde > div[id*=ProductUC_pnlAdmin] > a,.urunler > span.adminde > div[id*=ProductUC_pnlAdmin] > input {display: inline-block;box-sizing: border-box; vertical-align: middle} 

/** animasyon **/

@-webkit-keyframes bombibom {
  0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}
@-moz-keyframes bombibom {
0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}
@-o-keyframes bombibom {
  0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}
@keyframes bombibom {
 0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}

@-webkit-keyframes rengarenk {
  0%   {color: rgba(255, 72, 194,1)}
  70%   {color: rgba(255, 72, 194,1)}
  90%   {color: rgba(72, 227, 255,1)}
  100%   {color: rgba(255, 72, 194,1)}
}
@-moz-keyframes rengarenk {
  0%   {color: rgba(255, 72, 194,1)}
  70%   {color: rgba(255, 72, 194,1)}
  90%   {color: rgba(72, 227, 255,1)}
  100%   {color: rgba(255, 72, 194,1)}
}
@-o-keyframes rengarenk {
  0%   {color: rgba(255, 72, 194,1)}
  70%   {color: rgba(255, 72, 194,1)}
  90%   {color: rgba(72, 227, 255,1)}
  100%   {color: rgba(255, 72, 194,1)}
}
@keyframes rengarenk {
  0%   {color: rgba(255, 72, 194,1)}
  70%   {color: rgba(255, 72, 194,1)}
  90%   {color: rgba(72, 227, 255,1)}
  100%   {color: rgba(255, 72, 194,1)}
}


/** bildirim **/

.bildirim {position: static;box-sizing: border-box; padding: 20px; color:#000000 ; background-color: #ffeb3b; font-size: inherit !important}
.bildirim .bild-simge {width: 16px; height: 16px; float: right; margin-left: 10px;background-size: 100% auto; cursor: pointer; opacity: 1}
.bildirim .bild-simge:hover {opacity: .7}

body > .bildirim {position: fixed; z-index: 1001; left: 0; right: 0; top: 0; }
body > .bildirim + .bildirim {top: auto; bottom: 0}

header > .bildirim {position: absolute; z-index: 1001; left: 0; top: 100%; right: 0}

.bildirim.red {color: #980002; padding: 5px; font-family: 'Objektiv Bold'; margin-bottom: 5px}

.bildirim.mavi {background-color: #00D9D9}

.ortala { text-align: center }

.tmz:after, .kolonlar:after, .kayan-menu-grup:after, .ilisik-menuler:after, .ilisik-menuler > div:after {content: "";display: block; height: 0; font-size: 0; clear: both}
p { margin: 0 }
div+p, nav+p, ol+p, p+article, p+div, p+h1, p+h2, p+h3, p+h4, p+iframe, p+ol, p+p, p+ul, p+ul.sifirla, table+p, ul+h2, ul+h3, ul+h4, ul+h5, ul+h6, ul+p { margin-top: 10px }
p.sagda+p.solda, p.solda+p.sagda { margin-top: 0 }
.jQmerAcilirKutu, input[type=file], input[type=password], input[type=text], input[type=number], select, textarea { border: 1px solid #444; margin: 0; padding: 6px; height: 20px; line-height: 20px; width: 196px; color: #444; font-size: 14px; background: #fff; font-family: 'Objektiv Bold','Roboto', Arial, Helvetica, sans-serif }
select[size] { height: auto }
input.kisa { width: 70px }
.k-combobox, select { width: auto }
input[type=file].yk, input[type=password].yk, input[type=text].yk, textarea.yk { background: #edf0f3; -webkit-box-shadow: inset 1px 2px 8px 0 #e7eaee; box-shadow: inset 1px 2px 8px 0 #e7eaee; color: #a3a9ae; border: 1px solid #e7eaee; height: 33px; line-height: 33px }
input[type=file].yk.k, input[type=password].yk.k, input[type=text].yk.k, textarea.yk.k { height: 26px; line-height: 26px }
input.genis, textarea.genis { padding: 5px 1%; width: 97.7% }
p.genis, span.genis { padding: 0 14px 0 0; display: block }
span.k-combobox.genis { padding: 0; display: block }
p.genis input, p.genis select, p.genis textarea { width: 100%!important }
.RadInput.hata input, .jQmerAcilirKutu.hata, .k-widget.hata>span, input.hata, select.hata, textarea.hata { -webkit-box-shadow: none!important; box-shadow: none!important; border-color: #F62087!important; color: #fd8281!important }
.k-widget.hata .k-input { background: 0 0; color: #fd8281!important }
.dugme[disabled=disabled], .jQmerAcilirKutu[disabled=disabled], input:disabled, input:disabled+label, select:disabled, textarea:disabled { opacity: .5; filter: alfa(opacity=50); cursor: default }
.sepettekiler input:disabled {opacity: 1}
.txtlink {display: inline-block; vertical-align: middle; text-decoration: underline; font-family: 'Objektiv Bold'; margin: 5px}
.jQmerAcilirKutu { display: inline-block }
/*
.jQmerAcilirKutu:before { content: ''; float: right; background: url(../../gorseller/tasarim/simgeler.png) 0 -487px no-repeat; margin: 6px 0 0 -14px; width: 14px; height: 9px }
.jQmerAcilirKutu.acik:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg) }
*/
.jQmerAcilirKutu:before {content: ""; width: 10px; height: 10px; border: 1px solid #000000; border-width:0 1px 1px 0; transform: rotate(45deg);float: right; margin:3px 5px 0 -10px;}
.jQmerAcilirKutu.acik:before {transform: rotate(-135deg);margin: 8px 5px 0 -10px}

.jQmerAcilirKutu span { position: absolute; white-space: nowrap; overflow: hidden; z-index: 1; left: 0; top: 0; bottom: 0; right: 0 }
.jQmerAcilirKutu span.yazi { left: 5px; right: 25px; line-height: 20px; width: auto!important; margin: 6px 0!important }
.jQmerAcilirKutu select { filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: 2; float: none; border: 0; height: 100%; width: 100%; margin: 0; left: 0; top: 0 }
.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 #000; margin: 0; max-height: none }
.jQmerAcilirKutu.farkli .secenekler li { cursor: pointer; line-height: 30px; padding: 0 10px; white-space: nowrap }
.jQmerAcilirKutu.farkli .secenekler li.secili:hover, .jQmerAcilirKutu.farkli .secenekler li:hover { background: #ddd }
.jQmerAcilirKutu.farkli .secenekler li.secili { background: #eee }
input[type=checkbox], input[type=radio] { position: absolute; opacity: 0; filter: alfa(opacity=0) }
input[type=checkbox]+label, input[type=radio]+label { padding: 0 0 0 15px; background: url(../../gorseller/tasarim/tikKutu.png) 0 -97px no-repeat; cursor: pointer; display: inline-block }
input[type=checkbox]+label { background-position: 0 -200px; line-height: 18px }
input[type=radio]:checked+label { background-position: 0 3px }
input[type=checkbox]:checked+label { background-position: 0 -300px }
input+label+input+label { margin-left: 10px }
.dugme, input, select, textarea { margin: 0 }
select { min-width: 50px; height: 28px; padding: 0 5px }
textarea { width: 285px; height: 100px; resize: none; background-position: 0 0 }
input[type=text].adet { border-color: #eee; width: 25px; text-align: center}
.dugme, input[type=submit] { display: inline-block; color: #fff; font-size: 17px; cursor: pointer; padding: 0 15px; border: 1px solid #fff; background: #F62087; line-height: 34px; -webkit-box-shadow: 0 0 4px 0 rgba(246,32,135,.65); box-shadow: 0 0 4px 0 rgba(246,32,135,.65); border-radius: 4px; font-weight: 300; text-align: center}
.dugme:active, .dugme:hover, input[type=submit]:active, input[type=submit]:hover { color: #fff; background: #d40065 }
.dugme img { vertical-align: middle }
.dugme+.dugme, .dugme+input+.dugme, .sagda.dugme+.sagda.dugme { margin-left: 5px }
a.dugme+input[type=image] { display: none }
.dugme.yumusak { background: url(../../gorseller/simge/gecisler.png) 0 -170px repeat-x; line-height: 28px; padding: 0 23px; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 12px; color: #b0b4b8; }
.form .mesaj h2, .jQmerSSS, .mesaj, .mesaj a, .mesaj h2 {}
.dugme.yumusak:hover { background-position: 0 -208px; color: #454a57 }
.dugme.turuncu { background: #FF2626 }
.dugme.turuncu:hover { background: #dd0404 }
.dugme.gri { background: #A9A9A9 }
.dugme.gri:hover { background: #b3b3b3 }
.dugme.siyah { background: #000; padding: 0 7px; line-height: 28px; border-radius: 0; color: #fff; font-size: 14px; border: 0; -webkit-box-shadow: none; box-shadow: none }
.dugme.ufak { line-height: 30px; font-size: 13px; padding: 0 10px }
.dugme.kirmizi { background: #F62020; border-color: #F62020 }
.dugme.kirmizi:hover { border-color: #F62020; cursor: default }
.dugme.tam {display: block; box-sizing: border-box; text-align: center; width: 100%}
.simge { background: url(../../gorseller/tasarim/simgeler.png); display: inline-block; text-indent: -9999px; padding: 0!important }
.jQmerSSS dt, .jQmerSekme>ul li, .jQmerSekme>ul li a span, .jQmerSekme>ul>li a, .mesaj { display: block }
.simge.ara { width: 16px; height: 18px; background-position: 0 0 }
.simge.sepet { width: 26px; height: 24px; background-position: 0 -31px }
.simge.kamyon { width: 25px; height: 18px; background-position: 0 -57px }
.simge.ana, .simge.fb, .simge.tw { width: 18px; height: 18px }
.simge.ana { background-position: 0 -78px }
.simge.fb { background-position: 0 -98px }
.simge.tw { background-position: 0 -118px }
.simge.hediyeKutusu { width: 50px; height: 58px; background-position: 0 -138px }
.simge.sagaOk { width: 9px; height: 14px; background-position: 0 -198px }
a .simge.sagaOk { margin-left: 7px }
.simge.kilit { width: 26px; height: 32px; background-position: 0 -214px }
.simge.telle { width: 35px; height: 36px; background-position: 0 -249px }
.simge.sagaOkS { width: 9px; height: 14px; background-position: -30px -30px }
.simge.hediyeKutusuS { width: 50px; height: 57px; background-position: 0 -355px }
.simge.indirimB { width: 24px; height: 24px; background-position: 0 -414px }
.simge.indirimK { width: 19px; height: 18px; background-position: 0 -498px }
.simge.sepetK { width: 20px; height: 18px; background-position: -30px -215px; margin: -3px 6px 3px 0 }
.simge.paylas { width: 15px; height: 16px; background-position: -30px -106px }
.simge.yorum { width: 20px; height: 20px; background:transparent url(gorsel/s_yorum.svg) center center no-repeat; background-size: auto 100%}
.simge.indirimOran { width: 24px; height: 24px; background-position: 0 -440px }
.simge.urunD { width: 15px; background-position: 0 0 }
.simge.odemeSekli { width: 16px; background-position: -18px 0 }
.simge.taksitSekli { width: 21px; background-position: -37px 0 }
.simge.teslimatSuresi { width: 12px; background-position: -61px 0 }
.simge.sil { width: 10px; height: 10px; background-position: -30px -454px }
.simge.cop { width: 17px; height: 16px; background-position: 0 -466px }
.simge.guncel { width: 25px; height: 20px; background-position: -30px -466px }
.simge.assaOk { width: 14px; height: 9px; background-position: 0 -487px }
.simge.hediye { width: 22px; height: 22px; background-position: -25px -491px }
.simge.indirimBitis { width: 21px; height: 21px; background-position: 0 -535px }
.simge.Tik { width: 20px; height: 17px; background-position: -31px -537px }
.simge.geri { width: 15px; height: 17px; background-position: 0 -559px }
.simge.altM { width: 23px; height: 22px; background-position: -33px -565px }
.simge.bana { background: url(../../gorseller/tasarim/banaOzel-simgeler.png) no-repeat; height: 15px; margin-right: 5px }
.simge.bana.favori { background-position: 0 0; width: 16px }
.simge.bana.tavsiye { background-position: -19px 0; width: 22px }
.simge.bana.karsilastir { background-position: -44px 0; width: 15px }
.simge.bana.yazdir { background-position: -62px 0; width: 12px }
.simge.bana.bildir { background-position: -77px 0; width: 12px }
.simge.bana.stok { background-position: -92px 0; width: 18px }
.simge.sekme { background: url(../../gorseller/tasarim/sekme-simge.png) no-repeat; height: 16px }
.simge.sekme.kredi { background-position: 0 0; width: 23px }
a.etkin .simge.sekme.kredi { background-position: 0 -19px }
.simge.sekme.hava { background-position: -26px 0; width: 32px }
a.etkin .simge.sekme.hava { background-position: -26px -19px }
.simge.sekme.kapi { background-position: -61px 0; width: 10px }
a.etkin .simge.sekme.kapi { background-position: -61px -19px }
.simge.sekme.pay { background-position: -74px 0; width: 16px }
a.etkin .simge.sekme.pay { background-position: -74px -19px }
.mesaj, div.alert { border: 1px solid; padding: 20px 20px 20px 50px; margin: 10px 0; border-radius: 4px; font-size: 12px }
.form .mesaj p, .form .mesaj ul, .mesaj p, .mesaj ul { font-size: 12px; margin-bottom: 0 }
.form .mesaj h2, .mesaj h2 { border: 0; padding: 0; margin: 0 0 10px; font-size: 15px; font-weight: 700 }
.mesaj a { font-weight: 700 }
.mesaj.ufak { padding: 15px 15px 15px 50px; min-height: 0!important; background-position: 10px 8px!important }
.mesaj.kirmizi, div.alert { background: url(../../gorseller/tasarim/mesaj-kirmizi.png) 10px 22px no-repeat #FDE8E4; border: 1px solid #E6BBB3 }
 div.alert img {display: none;}
.mesaj.kirmizi.ufak { background: #FDE8E4 }
.mesaj.kirmizi.ufak:before { background-position: -23px -2091px }
.mesaj ul { list-style: none; margin: 0; padding: 0 }
.mesaj.kirmizi, .mesaj.kirmizi h2, .mesaj.kirmizi p, .varsayilan .mesaj.kirmizi p { color: #ff1400 }
.mesaj.yesil { background: url(../../gorseller/tasarim/mesaj-yesil.png) 10px 22px no-repeat #E7FAE6; border: 1px solid #B7CBB6; color: #52964F }
.mesaj.mavi { background: url(../../gorseller/tasarim/mesaj-mavi.png) 10px 22px no-repeat #e0f0ff; border: 1px solid #c7c7c7; color: #454a57; min-height: 30px }
.mesaj.mavi a, .mesaj.mavi h2 { color: #007efb }
.mesaj~.form { margin-top: 25px }
img.solda+.mesajlar { width: 439px }
.jQmerSekme+.jQmerSekme { margin-top: 30px }
.jQmerSekme>ul { overflow: visible; padding: 0; height: 40px; border-bottom: 2px solid #dbdbdb }
.form.labelUstte, .jQmerSekme .sekme_Icerikler .icerik { overflow: hidden }
.jQmerSekme>ul li+li { margin-left: 15px }
.jQmerSekme>ul li a { font-size: 16px; font-weight: 700; padding: 0 25px; line-height: 40px; color: #767676; background: #f1f1ef; border-radius: 5px 5px 0 0 }
.jQmerSekme>ul li.etkin a { background: #fff; border: 1px solid #dbdbdb; border-bottom: 0; line-height: 41px }
.jQmerSekme .sekme_Icerikler { padding: 20px 0 }
.jQmerSSS { margin: 0; border: 1px solid #dedede; background: #f3f4f4; border-radius: 10px; font-size: 12px }
.jQmerSSS dd h3, .jQmerSSS h2 { font-family: nsb, Arial, Helvetica, sans-serif }
.jQmerSSS+.form, .jQmerSSS+.jQmerSSS { margin-top: 50px }
.jQmerSSS dl { margin: 0; padding-bottom: 12px }
.jQmerSSS h2 { margin: 0; padding: 21px 35px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-radius: 10px 10px 0 0; color: #dc291a; text-shadow: 1px 1px 0 #fff; font-size: 14px; background: url(../../gorseller/simge/gecisler.png) 0 -740px repeat-x; line-height: 20px; position: relative }
.jQmerSSS h2 .simge { position: absolute; right: 10px; bottom: 5px }
.jQmerSSS h2 img { float: right; margin: -10px }
.jQmerSSS dt { position: relative; margin: 0; padding: 10px 20px 10px 35px; color: #1b3d7e; border-bottom: 1px solid #dedede; -webkit-box-shadow: inset 0 -1px 0 0 #FFF; box-shadow: inset 0 -1px 0 0 #FFF; cursor: pointer }
.jQmerSSS dt .ok { background: url(../../gorseller/simge/simgeler.png) 0 -1607px no-repeat; width: 21px; height: 14px; float: right; margin-top: 10px; display: none }
.jQmerSSS dt.etkin .ok { background-position: 0 -1581px }
.jQmerSSS dt:before { background: url(../../gorseller/simge/simgeler.png) 0 -368px no-repeat; content: ''; display: inline-block; width: 4px; height: 7px; position: absolute; left: 20px; top: 14px }
.jQmerSSS dt:hover { background-color: #d4d4d4 }
.jQmerSSS dt.etkin, .jQmerSSS dt.etkin+dd { background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none }
.jQmerSSS dt+dd:after { display: block; height: 0; line-height: 0; content: "" }
.jQmerSSS dd { margin: 0; padding: 5px 20px 10px 35px; color: #454a57; border-bottom: 1px solid #dedede; -webkit-box-shadow: inset 0 -1px 0 0 #FFF; box-shadow: inset 0 -1px 0 0 #FFF; display: none }
.jQmerSSS dd h3 { color: #1b3d7e; font-size: 13px }
.jQmerSSS dd a.maviOklu+a.maviOklu { margin-left: 15px }
.form {padding-bottom: 10px }
.form .kirmizi { color: #ff1400 }
.adimlar~div h2.golgeli { font-size: 21px }
.form h2.golgeli { color: #1b3d7e; background: url(../../gorseller/tasarim/altaGolge.png) 50% 100% no-repeat; padding: 0 0 30px; border: 0; font-size: 15px; font-weight: 400; margin: 20px 0 }
.form .yazi.c, .form.labelUstte .yazi { margin-left: 0 }
.form .yazi.kisa { width: auto }
.form .yazi.c { width: 490px }
.form label { padding: 8px 10px 8px 0; width: 160px; font-size: 12px; display: inline-block }
.form .RadAjaxPanel { display: inline-block!important }
.form .labelsiz { margin-left: 170px }
.form .kisa+.kisa, .form input[type=file]+.dugme, .form input[type=password]+.dugme, .form input[type=text]+.dugme, .form textarea+.dugme { margin-left: 8px }
.form input+label { width: auto!important; color: #707580; font-weight: 400 }
.form input[type=file], .form input[type=password], .form input[type=text], .form input[type=number], .form textarea { width: 238px }
.form input[type=text].riTextBox { width: 238px!important }
.form .sifir {position: absolute; z-index: 2;line-height: 34px; font-size: 14px; left: 178px; top: 0; display: block}
.form .sifir + input[type=text] {padding-left: 20px; width: 224px}
.form .IBAN, .form .coklu, .form .k-combobox, .form .kartNo, .form .tarih { width: 250px; display: inline-block }
.form input.kisa { width: 42px }
.form .k-combobox.kisa { width: 85px }
.form p.sagda, .form p.solda { clear: right; width: 48%; border: 0; padding: 0 }
.form.kisaLabel input[type=text] { width: 133px }
.form label a { color: #1c3e81; text-decoration: underline }
.form h2 { font-size: 14px; color: #414141; font-weight: 700; border-bottom: 1px solid #efefef; padding: 0 0 10px; margin-bottom: 20px; background: 0 0 }
.form .sagla .dugme.mavi, .form.labelUstte label { font-family: ns, Arial, Helvetica, sans-serif }
.form h2~h2 { margin: 20px 0 }
.form h3 { font-size: 16px }
.form h3~h3 { margin-top: 40px }
.form div.p, .form p { margin-bottom: 15px; clear: both; font-size: 0; position: relative;z-index: 1}
.form .bildirim, .form .bildirim {font-size: 12px !important}
[id*=pnlLogin] .form div.p, [id*=pnlLogin] .form p {font-size: inherit}
.form p+.dugme, .form p+input[type=submit] { margin-left: 170px; padding: 0 32px }
.form p+.dugme.sagda, .form p+input[type=submit].sagda { margin-left: 0 }
.form.g p+.dugme, .form.g p+input[type=submit] { margin-left: 210px }
.form.labelUstte label { display: block; float: none; padding: 5px 0; text-align: left; width: auto!important; color: #1b3d7e; font-size: 12px }
.form.labelUstte p { float: left; clear: none; margin: 0; font-size: 12px }
.form.labelUstte p+p { margin: 5px 0 0 }
.form.labelUstte input[type=file], .form.labelUstte input[type=password], .form.labelUstte input[type=text], .form.labelUstte textarea { width: 250px }
.form.labelUstte select.kisa { min-width: 0 }
.form.labelUstte input[type=checkbox]+label, .form.labelUstte input[type=radio]+label { display: inline-block; margin-right: 10px; padding: 0 0 0 15px; line-height: 20px }
.form.labelUstte hr { clear: both; margin: 10px 0 }
.form.labelUstte p+.dugme, .form.labelUstte p+input[type=submit] { float: right; margin: 26px 0 0 }
.form.labelUstte+h3 { margin-top: 40px }
.form .coklu { display: inline-block }
.form .coklu>span, .form .coklu>span>input[type=text] { display: block }
.form .coklu>span+span { margin-top: 10px }
.form .sagla { margin: 35px 0 0 }
.form .sagla .dugme.gri { line-height: 30px; padding: 0 40px!important }
.form .sagla .dugme.mavi { padding: 0 58px; font-size: 12px; color: #fff; text-decoration: none; font-weight: 400 }
.form .mesaj { margin: 30px 0 }
.form .tarih .jQmerAcilirKutu { width: 43.2% }
.form .tarih .jQmerAcilirKutu+.jQmerAcilirKutu { margin-left: 4px }
.form .IBAN input+input, .form .kartNo input+input { margin-left: 5px }
.form .kartNo input { width: 46.7px }
.form .IBAN input { width: 16px; text-align: center }
.form .IBAN input+input+input { width: 62px }
.form .IBAN input+input+input+input { width: 93px }
.form .k-combobox.kisa+input[type=text] { width: 149px; margin-left: 5px }
.form.yanyana p { float: left; margin: 0; clear: none }
.form.yanyana p+p { float: left; margin-left: 5px }
.form.yanyana .satir { clear: both; margin-bottom: 10px }
.form.yanyana p+.dugme { margin-left: 20px }
.jQmerNumaraInput { display: inline-block; position: relative;}
.jQmerNumaraInput .arti, .jQmerNumaraInput .eksi { width: 30px; height: 34px; line-height: 34px; background: #eee; text-align: center; display: inline-block; vertical-align: middle}
.jQmerNumaraInput .eksi {float: left;}
.jQmerNumaraInput .arti span, .jQmerNumaraInput .eksi span { font-size: 1.2em; font-family:'Objektiv Bold', Arial, Helvetica, sans-serif; font-weight: normal}
.jQmerNumaraInput .arti { top: 0 }
.jQmerNumaraInput .eksi { bottom: 0 }
.sepettekiler .jQmerNumaraInput {width: 99px}
.bekle, .jqPPyukleme { position: absolute; z-index: 9999; display: block; top: 0; right: 0; bottom: 0; left: 0; text-align: center; background: #fff; border-radius: 45px 45px 45px 0; height: 100% }
.bekle { border-radius: 0; background: #fff; background: rgba(255,255,255,.8); filter: alpha(opacity=80) }
.bekle span.yazi, .jqPPyukleme span.yazi { position: relative; top: 43%; display: block; font-size: 16px }
.jqPPopaklik, .koyuluk { position: fixed; opacity: .45; filter: alpha(opacity=45); cursor: pointer; background: #000; z-index: 9997; top: 0; left: 0; bottom: 0; right: 0; display: none }
.jqPPtasiyici { position: absolute; z-index: 9998; display: none; background: #fff; -webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,.1); box-shadow: 0 0 28px 0 rgba(0,0,0,.1); padding: 15px; border: 5px solid #F91387; max-width: 90% }
.jqPPtema { position: relative }
.degerAlmaModu { left: 0!important; top: 0!important; display: block!important; height: auto!important; width: auto!important; visibility: hidden; position: absolute!important }
.jqPPtasiyici .jqPPicerik { overflow: auto; max-height: 100% }
.jqPPtasiyici.jqPPgorsel .jqPPicerik, .jqPPtasiyici.jqPPiframe .jqPPicerik { overflow: hidden; height: 100% }
.jqPPicerik #buyukFoto img, .jqPPtasiyici.jqPPgorsel .jqPPicerik img { display: block; max-width: 100% }
.jqPPkapat { position: absolute; z-index: 9999; right: -18px; top: -18px; width: 10px; height: 10px; background: #fff; padding: 10px; border-radius: 20px; border: 3px solid #F91387 }
.jqPPkapat .simge { display: block }
.jqPPtasiyici.jqPPiframe iframe { margin: 0; padding: 0; height: 100%; overflow: hidden }
@-webkit-keyframes hopla {
0%, 100%, 55% {
top:0
}
60% {
top:-10px
}
80% {
top:3px
}
90% {
top:-2px
}
95% {
top:1px
}
}
.bekle span.noktalar span, .jqPPyukleme span.noktalar span { -webkit-animation: hopla 1.8s infinite; padding: 1px; position: relative }
.bekle span.noktalar span+span, .jqPPyukleme span.noktalar span+span { -webkit-animation-delay: .1s }
.bekle span.noktalar span+span+span, .jqPPyukleme span.noktalar span+span+span { -webkit-animation-delay: .3s }
.RadAjax_Sunset, .bekleme { background: url(../../gorseller/tasarim/yukleniyor.gif) 50% 50% no-repeat rgba(255,255,255,.8); position: absolute; z-index: 9999; display: block; top: 0; right: 0; bottom: 0; left: 0; text-align: center; height: 100% }


.enUstAlan {text-align: right; padding: 20px 0}
.enUstAlan > div:first-child {float: left}
.enUstAlan > div, .enUstAlan > a {display: inline-block; vertical-align: middle}
.enUstAlan > div + div, .enUstAlan > div + a, .enUstAlan > a + div {margin-left: 10px}

div[id*=pnlUser] {position: relative; z-index: 4}
.profil-menusu > a {display: block; font-size: 1.2em; padding: 5px}
.profil-menusu > a:hover {background-color: #f8f8f8}
.profil-menusu > a + a {border-top: 1px solid #dedede}

.profil-menusu {position: absolute;z-index: 2;right: -20px;top: calc(100% + 10px);background: #ffffff;padding: 20px;border: 1px solid #d75879;box-shadow: 2px 2px 9px 0 rgba(0,0,0,.2);text-align: left;box-sizing: border-box;min-width: 200px; display: none}
.profil-menusu > h3 {font-size: 1.2em}
.profil-menusu:after, .profil-menusu:before {content: ""; position: absolute; z-index: 2;bottom: 100%;}
.profil-menusu:after {width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #d7587a transparent;right: 20px}
.profil-menusu:before {z-index: 1; width: 100%; height: 10px}

.yeni-nav > a {display: inline-block; color: #ffffff; margin: 2.5px 5px}
.yeni-nav > a:hover {color: #FFFFFF}
.yeni-nav > a[data-anim], a.rengarenk {color: rgba(255, 72, 194,1);font-family: 'Objektiv Bold'}
.yeni-nav > a[data-anim], a.rengarenk {-webkit-animation: rengarenk 4s infinite;-moz-animation:rengarenk 4s infinite;-o-animation:      rengarenk 4s infinite;animation:rengarenk 4s infinite;-webkit-animation-timing-function:linear;animation-timing-function: linear;}

a.ham-menu { width: 36px; height: 36px; box-sizing: border-box; position: relative; z-index: 1}
a.ham-menu > em, a.ham-menu:before, a.ham-menu:after { display: block; position: absolute; z-index: 1; height: 6px; background: #bababa; overflow: hidden; text-indent: -999em; left: 5px; right: 5px; text-align: left; font-size:0 }
a.ham-menu > em { top: calc(50% - 3px) }
a.ham-menu:before { top: 4px }
a.ham-menu:before, a.ham-menu:after { content: ""; }
a.ham-menu:after { bottom: 4px }
a.ham-menu.etkin > em, a.ham-menu.etkin:before, a.ham-menu.etkin:after { background-color: #ffffff; height: 2px;}

a.ham-menu.etkin:before {transform: rotate(45deg); top: 50%}
a.ham-menu.etkin:after {transform: rotate(-45deg);bottom: 50%}
a.ham-menu.etkin > em {opacity: 0}

/** tel **/

p.telno > a {display: block; font-size: 1.3em; min-height: 46px; box-sizing: border-box; padding-left: 45px; position: relative; z-index: 1;color: #bababa; margin-top: 2em !important}
p.telno > a > em {font-style: normal; font-size: .9em}
p.telno > a:before {content: ""; width: 35px; height: 46px; background: transparent url(gorsel/s-telefon.svg) 0 0 no-repeat; background-size: auto 100%; position: absolute; z-index: 1; left: 0; top: 0}

/** kayan menu **/


.kayanMenu {position: fixed; z-index: 100;}
.kayanMenu > .sG {position: relative; z-index: 1;box-sizing: border-box; height: 100%}
.kayanMenu > .sG:before {content: ""; display: block; width: 40px; top: 0; right: 0; height:30px; position: absolute; z-index: 2}
.kayanMenu > .sG:after {content: ""; display: block; position: absolute; z-index: 1; left: 24%; top: 3.1em; bottom: 0; width: 1px; background-color: #444444}


.kayan-menu-ana-linkler {white-space: nowrap; border-bottom: 1px solid #444444; padding-bottom: 1.3em; margin-bottom: 2.5em; overflow-y: hidden; overflow-x:auto; position: relative; z-index: 1}
.kayan-menu-ana-linkler > a { display: inline-block; vertical-align: middle;color: #B9B9B9;white-space: nowrap; margin-right: 40px; font-size:1.3em; position: relative; z-index: 1}
.kayan-menu-ana-linkler > a:hover, .kayan-menu-ana-linkler > a.etkin {color:#d75879}
.kayan-menu-ana-linkler > a.etkin:before {width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #444444 transparent;content: ""; position: absolute; z-index: 1; left: calc(50% - 6px); bottom: -1em}

.kayan-menu-grup {position: relative; z-index: 1;}
.kayan-menu-grup > .sol-kolon {float: left; width: 23%;}
.kayan-menu-grup > .sag-kolon {float: right; width: 73%;}

.kayan-menu-grup  > .sol-kolon > ul, .kayan-menu-grup  > .sol-kolon > ul > li,
.kayan-menu-grup  > .sag-kolon > div > ul, .kayan-menu-grup  > .sag-kolon > div > ul > li {list-style: none; padding: 0; margin: 0}

.ilisik-menu-basliklar > ul > li > a {display: block; color: #bababa;font-size: 1.1em; padding:.4em 0}
.ilisik-menu-basliklar > ul > li > a:hover, .ilisik-menu-basliklar > ul > li > a.etkin {color:#d75879}

.ilisik-menu-basliklar > ul > li > a[data-ilisikmenu] {position: relative; z-index: 1; padding-right: 10px; box-sizing: border-box}
.ilisik-menu-basliklar > ul > li > a[data-ilisikmenu]:after {position: absolute; z-index: 1; right: 5px; top: calc(50% - 2px); content: ""; width: 4px; height: 4px; border: 1px solid #666666; border-width: 1px 1px 0 0; transform: rotate(45deg)}
.ilisik-menu-basliklar > ul > li > a[data-ilisikmenu].etkin:after {border-color: #d75879; right: 0}

.ilisik-menuler > div > ul {width: 24%; float: left}
.ilisik-menuler > div > ul + ul {margin-left: 1}
.ilisik-menuler > div > p.menu-banner {width: 48%; float: right}

.ilisik-menuler > div > ul > li {color: #f8f8f8}
.ilisik-menuler > div > ul > li.bas {margin-bottom: .75em;font-family: 'Objektiv Bold'}
.ilisik-menuler > div > ul > li + li.bas {margin-top: 1em}
.ilisik-menuler > div > ul > li > a {color: #bababa; display: block; padding: .15em 0}
.ilisik-menuler > div > ul > li > a:hover {color:#f8f8f8 }

.kayan-menu-grup + .kayan-menu-grup {display: none}

.ilisik-menuler {position: relative; z-index: 1}
.ilisik-menuler > div {position: absolute;top: 0; left: 0; width: 100%; z-index: 1; opacity: 0}
.ilisik-menuler > div.etkin {position: relative; z-index: 2; left: auto; top: auto; opacity: 1}

.ilisik-menuler > a.geri-don {position: absolute; z-index: 5; width: 30px;top: 0; bottom: 0; left: 0;font-size: 0}
.ilisik-menuler > a.geri-don:before {content: ""; width: 12px; height: 12px; display: block; position: absolute; z-index: 1; left: calc(50% - 6px); top: calc(50% - 6px); border: 1px solid #666666; border-width: 2px 0 0 2px; transform: rotate(-45deg)}

.ilisik-menuler > a.geri-don {display: none}

/** kayan menu eleman **/

/*bg*/ .kayanMenu {background: rgb(17,17,17); background: -moz-linear-gradient(top, rgba(17,17,17,1) 12%, rgba(0,0,0,1) 54%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(17,17,17,1) 12%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(17,17,17,1) 12%,rgba(0,0,0,1) 54%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#000000',GradientType=0 ); }
.kayanMenu > .sG:before {background: -moz-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);background: linear-gradient(to right, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=1 );}


/** şerit menü **/

.seritMenu {background-color: #444444; position: relative; z-index: 2}
.seritMenu:not(.scroll-to-fixed-fixed) {z-index: 3 !important}
.seritMenu > .sG > em {display: none}
.seritMenu > .sG > ul, .seritMenu > .sG > ul > li, .acilanmenuler > .sG > ul, .acilanmenuler > .sG > ul > li { margin: 0; padding: 0; list-style: none}
.seritMenu > .sG > ul {margin-left: -10px}
.seritMenu > .sG > ul > li {display: block; float: left}
.seritMenu > .sG > ul > li > a {display: block;color: #ffffff;font-family: 'Objektiv';font-size: 11px; padding: 10px 8px}
.seritMenu > .sG > ul > li > a:hover, .seritMenu > .sG > ul > li > a.etkin {color: #ffffff; background-color: rgba(0,0,0,.5)}
.seritMenu > .acilanmenuler {position: absolute; z-index: 1; left: 0; right: 0; top: 100%; display: none; background-color: #ffffff; max-height: calc(100vh - 120px); overflow-x: hidden; overflow-y: auto; border-bottom: 1px solid #444444}

.acilanmenuler > .sG {padding: 2.5em 0}
.acilanmenuler > .sG > ul {float: left; width: 25%; box-sizing: border-box}
.acilanmenuler > .sG > ul > li.bas {font-family: 'Objektiv Bold'; margin-bottom: 1em}
.acilanmenuler > .sG > ul > li + li.bas {margin-top: 1em}
.acilanmenuler > .sG > ul > li > a {display: block; padding: .20em 0}
.acilanmenuler > .sG > p.menu-banner {float: right; width: 46%; margin: 0}

/** kayan metunler **/

.metin-slayt .swiper-slide > a { display: inline-block; vertical-align: middle; margin: 3.5px 5px}
.metin-slayt .swiper-slide .bir {font-family: 'Objektiv Bold'}
.metin-slayt .swiper-slide + .swiper-slide > a.bir:before {content:""; display: inline-block; vertical-align: middle; margin: 0 15px 0 5px; width:5px; height: 5px; border-radius: 50%; background-color: #cccccc}

.metin-slayt-kolonlar > .kolon:first-child {background-color: #444444; padding: 5px 10px; color: #ffffff}
.metin-slayt-kolonlar > .kolon:first-child > a {color: #ffffff}
.metin-slayt-kolonlar > .kolon > .yonerge {right: 5px}
.metin-slayt-kolonlar > .kolon > .yonerge.mini {width: 25px;top: calc(50% - 9px)}
.metin-slayt-kolonlar > .kolon > .yonerge.mini > a {width: 10px; height: 16px;}

.metin-slayt-kolonlar > .kolon:nth-child(2):after {content: ""; position: absolute; z-index: 1; width: 3.5vw;top: 0; right: 0; bottom: 0}
.metin-slayt-kolonlar > .kolon:nth-child(2):after {background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}

.genelslayt[data-merkez=true] .swiper-slide {box-sizing: border-box; opacity: .35; text-align: center; white-space:normal;filter:blur(1px)}
.genelslayt[data-merkez=true] .swiper-slide.swiper-slide-active {padding: 0; opacity: 1;filter:blur(0)}
.genelslayt[data-merkez=true] .swiper-slide img {width: 65%}
.genelslayt[data-merkez=true] .swiper-slide.swiper-slide-active img {width: 100%}
.genelslayt[data-merkez=true] .swiper-slide.markali img, .genelslayt[data-merkez=true] .swiper-slide.markali.swiper-slide-active img {width:auto}
.swiper-slide.markali .tecrube {min-height: 64px}

.genelslayt[data-merkez=true] .swiper-slide h2 {font-size: 1.2em; margin-bottom: 0.15em; margin-left: 0.15em; margin-right: 0.15em}
.genelslayt[data-merkez=true] .swiper-slide h2 + p {opacity: 0; margin-left: 0.15em; margin-right: 0.15em}
.genelslayt[data-merkez=true] .swiper-slide.swiper-slide-active h2 + p {opacity: 1}
.genelslayt[data-merkez=true] .swiper-slide.markali h2 + p, .genelslayt[data-merkez=true] .swiper-slide.markali p + p  {margin-top: .3em}
.genelslayt[data-merkez=true] .swiper-slide.markali h2 {display: none}
.genelslayt[data-merkez=true] .swiper-slide p > a {margin: .1em .1em; display: inline-block; font-size: .8em}

.secki-slayt-kabuk {margin: 4em 0; overflow: hidden}

.genelslayt.sonziyaret-slide .swiper-wrapper .swiper-slide {white-space: normal; text-align: center; vertical-align: middle}

.etiket {display: inline-block; vertical-align: middle; padding: 5px; background-color: #dedede;font-size: .70em; margin: 2px}
.etiket.yeni {background-color: #fff049; color: #000000}
.etiket.hediyeli {background-color: #F62087; color: #FFFFFF}
.etiket.kargo {background-color:#daab86; color: #000000 }
.etiket.indirimli {background-color: #B200B2; color: #FFFFFF;border-radius:12px;padding:5px 10px;}

/** insta shop **/

.cc-instashop {overflow: hidden; min-height: 100px; position: relative; z-index: 1}
.cc-instashop > .eleman {box-sizing: border-box; overflow: hidden; height: 33vh}
.cc-instashop > .eleman a.poapac {display: block; padding: 1px}
.cc-instashop > .eleman img {width: 100%;transform: scale(1)}
.cc-instashop > .eleman .rakamlar {position: absolute; z-index: 2; height: 0; left: 0; right: 0; top: calc(100% - 30px); text-align: center; opacity: 1}
.cc-instashop > .eleman:hover .rakamlar {opacity: 0; top: 101%}
.cc-instashop > .eleman:hover img {transform: scale(1.2)}
.cc-instashop > .eleman .rakamlar > em, .sayilar > em {font-style: normal; color: #FFFFFF; display: inline-block; vertical-align: middle; margin: 1px; text-align: center; width: 25px; height: 24px; background: transparent url(gorsel/insta-yorum.svg) 0 0 no-repeat; background-size: auto 100%; line-height: 23px; font-size: .8em}
.cc-instashop > .eleman .rakamlar > em + em, .sayilar > em + em {background-image: url(gorsel/insta-kalp.svg); width: 27px}
[class*=insta-kolonlar] .sayilar {margin: 2em 0; text-align: center}
.cc-instashop > .islemde {background-color: transparent}
.cc-instashop-kabuk {padding: 2em 0 3em 0}
.cc-instashop-kabuk + div, div + .cc-instashop-kabuk {margin-top: 3em}
.cc-instashop-kabuk > h2 {color: #FFFFFF; text-align: center; margin-bottom: 1.1em}
.cc-instashop-kabuk > h2 a {color: #ffffff}
.cc-instashop-kabuk > h2:before {display: inline-block; vertical-align: middle; margin-right: .5em; width: 36px; height: 36px; background: transparent url(gorsel/instagram-logo-beyaz.svg) 0 0 no-repeat; background-size: auto 100%;content: ""}
.cc-instashop-kabuk {
background: rgb(253,164,54); /* Old browsers */
background: -moz-radial-gradient(left bottom, ellipse cover,  rgba(253,164,54,1) 0%, rgba(194,25,117,1) 49%, rgba(112,36,196,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(left bottom, ellipse cover,  rgba(253,164,54,1) 0%,rgba(194,25,117,1) 49%,rgba(112,36,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at left bottom,  rgba(253,164,54,1) 0%,rgba(194,25,117,1) 49%,rgba(112,36,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda436', endColorstr='#7024c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cc-instashop-kabuk a.insta_fotogetir {clear: both;display: block;text-align: center; font-size: inherit; color: #ffffff; padding: 2em}
.cc-instashop-kabuk a.insta_fotogetir > em {font-style: normal}
.cc-instashop-kabuk a.insta_fotogetir.geldi.gitartik {display: none}

[class*=insta-kolonlar] {display: none; max-width: 800px}
.jqPPicerik [class*=insta-kolonlar] {display: block}

.insta-hesabagit {text-align: center}
.insta-hesabagit a > em {color: #F91387; }
.insta-hesabagit em {font-style: normal; font-family: 'Objektiv Bold'; display: inline-block; }
.insta-hesabagit em:before {content: ""; display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; background: transparent url(gorsel/instagram-logo.svg) 0 0 no-repeat; background-size: auto 100%} 

a.instaya-git {display: block; position: relative; z-index: 1}
a.instaya-git > img {display: block; width: 100%;}
a.instaya-git:before {content: "Instagram'da Aç"; display: inline-block; padding:5px 10px; background-color: rgba(0,0,0,.85); color: #ffffff; position: absolute;top: calc(50% - 15px); left: calc(50% - 60px);opacity: 0; border-radius: 5px}
a.instaya-git:hover:before {opacity: 1}

.img-ucretsiz-kargo, .img-yeni {display: inline-block; text-align: center;margin: .5em .25em}
.gorsel > .img-yeni {position: absolute; z-index: 2; left: 0; top: 0}
.gorsel > .img-yeni.kaykil {left:50px; top: -6px }
.gorsel.thumbo > .img-yeni {left: 45px; top: -7px}
.img-ucretsiz-kargo > em, .img-yeni > em {display: inline-block; vertical-align: middle; font-style: normal; font-size:1em; color: #02a727; padding: 2.5px 5px; }
img[id*=ProductUC_imgCargoFree], img[id*=ProductUC_imgIsNew] {display: none}

.img-yeni > em {border:1px solid #fff049; background-color: #fff049; color: #000000 }
.img-yeni.yapisti {position: absolute; z-index: 18; left: 5px; top: 5px;margin: 0}

.trans300, body, a, a:before, a:after, .sayfalama-slayt, .sayfalama-slayt > span, .anaslayt .yonerge, .ilisik-menu-basliklar > ul > li > a[data-ilisikmenu]:after, .enUstAlan, .genelslayt[data-merkez=true] .swiper-slide.swiper-slide-active h2 + p, .genelslayt[data-merkez=true] .swiper-slide, .genelslayt[data-merkez=true] .swiper-slide img, .cc-instashop > .eleman .rakamlar, .cc-instashop > .eleman .rakamlar, .donergec li , .ProdAttSelect img, .sepeteat-anime, .kampanya-banner .imaj img, article.urun > .mini_urunImg, .urunDetay .gorsel, img.boyucek, header#ustAlan { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.trans700, .kayanSepet, .kayanMenu, .ilisik-menuler > div, .kayan-menu-grup > .sol-kolon, .cc-instashop > .eleman img, a.instaya-git:before, .donergec-kabuk, .aramada-cezbet, #solAlan.yapiskan { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

.genelslayt.anaslayt .swiper-slide {width: 100%}

.swiper-slide.markali p > a:nth-child(even) {color: #950052}

ul.donergec {margin:0; padding:0; display:inline-block; vertical-align:middle; position:relative; z-index:1}
.donergec li {list-style:none;color:#52e2ca; padding:0; margin:0;-webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity:0; position:absolute; z-index:1; top:0; white-space:nowrap}
.donergec li.etkin {-webkit-transform: rotateX(0deg); transform: rotateX(0deg);opacity:1; position:relative; z-index:2;white-space:normal}
.donergec li a {color:#52e2ca; font-size:14px; display:inline-block; vertical-align:middle}
.donergec li > .saati {margin-right:5px}

.ek-menu {background: #111111;}
.ek-menu > .sG {padding: 7.5px 0; text-align: right}
.ek-menu > .sG > a {display: inline-block; vertical-align: middle; color: #cccccc; padding: 0 5px}

.sepet-ozeti {margin-top: 20px; box-sizing: border-box; padding:0; position: relative; z-index: 1; }
.sepet-ozet-dongu {max-height:calc(100vh - 380px); overflow: auto; overflow-x: hidden; padding-bottom: 20px;box-sizing: border-box; padding:15px 5px; border: 1px solid #cccccc}
.sepet-ozet-dongu > .elemani {position: relative; z-index: 1}
.sepet-ozet-dongu > .elemani:after {clear: both; content: ""; display: block; font-size: 0}
.sepet-ozet-dongu > .elemani + .elemani {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #bababa}
.sepet-ozet-dongu > .elemani a.yapis {z-index: 2; width: 60px; right: auto}
.sepet-ozet-dongu > .elemani a.ozetten-sil {position: absolute; z-index: 3; right: 10px; top: 0;font-size: 0; width:24px; height: 24px; cursor: pointer; white-space: nowrap}
.sepet-ozet-dongu > .elemani + .elemani a.ozetten-sil {top: 10px}
.sepet-ozet-dongu > .elemani a.ozetten-sil.acik {font-size: 14px;width: auto; line-height: 24px; background-color: #c50305; color: #ffffff; padding: 3px 10px 3px 34px; border-radius: 16px}
.sepet-ozet-dongu > .elemani a.ozetten-sil.acik + a.yapis {display: none}
.sepet-ozet-dongu > .elemani a.ozetten-sil:before, .sepet-ozet-dongu > .elemani a.ozetten-sil:after {content: ""; width: 24px; height: 24px; border-radius: 50%; background-color: #c50305; position: absolute; left: 0; top: 0; z-index: 1}
.sepet-ozet-dongu > .elemani a.ozetten-sil:after {z-index: 2;background: transparent url(gorsel/kapat-beyaz.svg) center center no-repeat; background-size: auto 40%;}
.sepet-ozet-dongu > .elemani a.ozetten-sil.acik:before {top: 3px; left: 3px}
.sepet-ozet-dongu > .elemani a.ozetten-sil.acik:after {top: 3px; left: 3px}
.sepet-ozet-dongu > .elemani .imaci {width: 60px; height: auto;float: left}
.sepet-ozet-dongu > .elemani .urun-adi, .sepet-ozet-dongu > .elemani .urun-adedi {width: calc(100% - 80px); float: right;}
.sepet-ozet-dongu > .elemani .urun-adi {color: #000000; font-family: 'Objektiv Bold';box-sizing: border-box; padding-right: 40px}
.sepet-ozet-dongu > .elemani .urun-adedi em {font-style: normal; margin: 0 5px}
.sepet-ozet-dongu > .elemani .urun-adedi em.cizik {text-decoration: line-through; color: #666666}
.sepet-ozet-dongu > .elemani.sorunlu .urun-adedi {margin-bottom: 10px}

.sepet-ozet-dongu > .elemani > .stok-sorun {clear: both;font-family: 'Objektiv';margin: 10px 0 -8px 0;padding: 10px;background-color: #ffe844;border-radius: 5px;}

.sepete-gilla, .ozet-hediye-durum {text-align: center; margin-top: 20px}
.sepete-gilla {margin-top: 0}
.ozet-hediye-durum, .ozet-hediye-durum a {font-family:'Objektiv Bold'}
.ozet-hediye-durum a, .vurgu {color: #F81385}
.ozet-genel-toplam {padding: 10px; background-color: #f8f8f8; text-align: center}
.ozet-genel-toplam em {font-style: normal;}

.yorum-puan-tiklama {padding: 20px 0; border: 1px solid #dedede; border-width: 1px 0; display: none}

.yorum-liste-sayfalama {margin: 20px 0; text-align: center}
.yorum-liste-sayfalama > ul {font-size: 0}
.yorum-liste-sayfalama > ul, .yorum-liste-sayfalama > ul > li {margin: 0; padding: 0}
.yorum-liste-sayfalama > ul > li {display: inline-block; vertical-align: middle; font-size: 12px;}
.yorum-liste-sayfalama > ul > li > span, .yorum-liste-sayfalama > ul > li > a {display: inline-block; vertical-align: middle; line-height: 18px; padding: 0 5px; border: 1px solid #dedede; margin: 1px .5px;background-color: #ffffff}
.yorum-liste-sayfalama > ul > li > span:hover, .yorum-liste-sayfalama > ul > li > a:hover {background-color: #f8f8f8}
.yorum-liste-sayfalama > ul > li > span.ellipse {border: 0}
.yorum-liste-sayfalama > ul > li > span.prev, .yorum-liste-sayfalama > ul > li > span.next, .yorum-liste-sayfalama > ul > li > a.prev, .yorum-liste-sayfalama > ul > li > a.next {font-size: 0; border-width: 1px 0 0 1px; transform: rotate(-45deg); width: 18px; height: 18px; padding: 0;background-color: transparent}
.yorum-liste-sayfalama > ul > li > span.next, .yorum-liste-sayfalama > ul > li > a.next {transform: rotate(135deg)}

.yorum-liste-sayfalama > ul > li > span.current:not(.next):not(.prev), .yorum-liste-sayfalama > ul > li > a.current:not(.next):not(.prev) {color: #F61F85;border-color:#F61F85 }

.yildiz {width: 12px; height: 12px; display: inline-block; vertical-align: middle; background-size: 12px 12px; background-repeat: no-repeat;}
.yildiz[class*=yil_]{width: 64px;font-size: 0}
.yildiz.yil_1 {background: url(gorsel/s_yildiz_1.svg) 0 0 no-repeat,url(gorsel/s_yildiz_0.svg) 13px 0 no-repeat,  url(gorsel/s_yildiz_0.svg) 26px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 39px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 52px 0 no-repeat}
.yildiz.yil_2 {background: url(gorsel/s_yildiz_1.svg) 0 0 no-repeat,url(gorsel/s_yildiz_2.svg) 13px 0 no-repeat,  url(gorsel/s_yildiz_0.svg) 26px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 39px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 52px 0 no-repeat}
.yildiz.yil_3 {background: url(gorsel/s_yildiz_1.svg) 0 0 no-repeat,url(gorsel/s_yildiz_2.svg) 13px 0 no-repeat,  url(gorsel/s_yildiz_3.svg) 26px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 39px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 52px 0 no-repeat}
.yildiz.yil_4 {background: url(gorsel/s_yildiz_1.svg) 0 0 no-repeat,url(gorsel/s_yildiz_2.svg) 13px 0 no-repeat,  url(gorsel/s_yildiz_3.svg) 26px 0 no-repeat, url(gorsel/s_yildiz_4.svg) 39px 0 no-repeat, url(gorsel/s_yildiz_0.svg) 52px 0 no-repeat}
.yildiz.yil_5 {background: url(gorsel/s_yildiz_1.svg) 0 0 no-repeat,url(gorsel/s_yildiz_2.svg) 13px 0 no-repeat,  url(gorsel/s_yildiz_3.svg) 26px 0 no-repeat, url(gorsel/s_yildiz_4.svg) 39px 0 no-repeat, url(gorsel/s_yildiz_5.svg) 52px 0 no-repeat}

.yorum-liste-ajax h3 > .rumuz {display: inline-block; vertical-align: middle; font-style: normal; font-family: 'Objektiv Bold'}
.yorum-liste-ajax h3 > .yildiz {display: inline-block; vertical-align: middle;margin-left: 15px}

.yorum-puan-tiklama {margin: 0 0 20px 0; overflow: hidden}
.yorum-puan-tiklama .solKisim {width: 80px; float: left; text-align: center}
.yorum-puan-tiklama .sagKisim {width: calc(100% - 100px); float: right}
.yorum-puan-tiklama .sagKisim ul, .yorum-puan-tiklama .sagKisim ul > li {list-style: none; margin: 0; padding: 0}
.yorum-puan-tiklama .sagKisim ul > li {overflow: hidden; cursor: pointer}
.yorum-puan-tiklama .sagKisim ul > li + li {margin-top: 7px}

.yildiz-ortalamasi {width:80px; height: 80px; font-size: 24px; line-height: 85px; letter-spacing: -1px; text-align: center;background: transparent url(gorsel/s_yildiz_0.svg) center center no-repeat; background-size: auto 100%; margin-bottom: 5px;color: #ffffff}
.yildiz-ortalamasi.yil_1 {background-image:url(gorsel/s_yildiz_1.svg)}
.yildiz-ortalamasi.yil_2 {background-image:url(gorsel/s_yildiz_2.svg)}
.yildiz-ortalamasi.yil_3 {background-image:url(gorsel/s_yildiz_3.svg)}
.yildiz-ortalamasi.yil_4 {background-image:url(gorsel/s_yildiz_4.svg)}
.yildiz-ortalamasi.yil_5 {background-image:url(gorsel/s_yildiz_5.svg)}

.yorum-toplam-ajax {font-size: 12px}

.yildiz-tik > li {position: relative; z-index: 1; padding-left: 90px !important}
.yildiz-tik > li > .yildizsec {position: absolute; left: 0; top: 0}
.yildiz.yildizsec {float: left; display: block}

.yildiz_oran { display:block; float: left; background-color: #dedede; width: 1%; height: 12px;}
.yildiz_oran + em.rakam {font-style: normal; font-size: 11px; display: inline-block;position: absolute; left: 68px; top: 0; z-index: 2; width: 16px; text-align: right}

.yorum-ozet > a > .yildiz {margin-top: -3px}
h1.urunAdi + .yorum-ozet, .markaImg + .yorum-ozet {margin: -20px 0 25px 0}

.RadToolTip.RadToolTip_Default {z-index: 1 !important}

/*
.sepeteat-anime {position: absolute; z-index: 10; left: 0; bottom: -50px; right: 0; background-color: #ffffff; padding: 5px}
article.urun {overflow: hidden}
article.urun:hover > .sepeteat-anime {bottom: 0}
*/

.KargoListe {display: block}

.OzellikThumb.sekil, .KargoListe {margin:20px 0 0; width: 100%; box-sizing: border-box;}
.OzellikThumb.sekil > span {display: block; margin:0 -1.5px;text-align: center}
.OzellikThumb.sekil input[type=checkbox]+label, .OzellikThumb.sekil input[type=radio]+label,
.KargoListe input[type=radio]+label {position: relative; z-index: 1; padding: 5px; border: 1px solid #dedede; margin: 1px !important;box-sizing: border-box; width: 33vw; max-width: 60px; background-image: none; vertical-align: top}
.OzellikThumb.sekil input[type=checkbox]+label img, .OzellikThumb.sekil input[type=radio]+label img,
.KargoListe input[type=radio]+label img {display: block; width: 100%; margin: 0}
.OzellikThumb.sekil input[type=checkbox]+label > span, .OzellikThumb.sekil input[type=radio]+label > span,
.KargoListe input[type=radio]+label > span {text-align: center; display: block}
.OzellikThumb.sekil input[type=checkbox]+label:before, .OzellikThumb.sekil input[type=radio]+label:before,
.KargoListe input[type=radio]+label:before {content: ""; display: block;position: absolute; z-index: 2; left: 5px; top: 5px; background-color: transparent; width: 22px; height: 22px}
.OzellikThumb.sekil input[type=checkbox]:checked+label, .OzellikThumb.sekil input[type=radio]:checked + label,
.KargoListe input[type=radio]:checked + label {border-color: #3f932e}
.KargoListe input[type=radio]:checked + label {min-width: 120px; padding-left: 30px}
.OzellikThumb.sekil input[type=checkbox]:checked+label:before, .OzellikThumb.sekil input[type=radio]:checked+label:before,
.KargoListe input[type=radio]:checked+label:before {background:transparent url(gorsel/s_onay.svg) center center no-repeat; background-size: auto 100%}

a.renkSecenegiA.secildi {position: relative; z-index: 1}
a.renkSecenegiA.secildi:before {content: "";position: absolute; z-index: 2; left: -6px; top: calc(50% - 3px);width: 12px; height: 12px; background:transparent url(gorsel/s_onay.svg) center center no-repeat; background-size: auto 100%  }

/** kampanya -sayfaları **/
.kampanya-banner + div {margin-top: 30px}
.kampanya-banner .imaj > a {overflow: hidden; display: block}
.kampanya-banner .metin {padding: 10px;background-color: #B80592}
.kampanya-banner:hover .imaj img {transform: scale(1.02)}
.kampanya-detay-metin {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dedede;}

.kampanya-banner {overflow: hidden}
.kampanya-banner > a.iki {display: block;}
.kampanya-banner > a.iki > img {width: 100%}

.belirtec {padding: 10px; border: 1px solid #cccccc; overflow: hidden; position: relative; z-index: 1}
.belirtec .imaj {float: left; width: 80px; margin: 0}
.belirtec .imaj + p {float: right; width: calc(100% - 100px); text-align: left; margin-top: 0}
.belirtec + div {margin-top: 30px}

.t_beyaz {color: #FFFFFF !important}

.genelslayt + .genelslayt {margin-top: 30px}

td.td_birimFiyat > span, td.td_birimFiyat + td > span {white-space: nowrap}

.mobilde-goster + div {margin-top: 30px}

.donergec-kabuk {position: fixed; z-index: 10; left: 20px; right: 20px; top: -100px; padding: 12px 10px;background-color:#e73a74;border-radius: 0 0 10px 10px}
.donergec-kabuk > .donergec {display: block;}
.donergec-kabuk > .donergec > li {display: block; text-align: center;font-family: 'Objektiv Bold';color: #ffffff;left: 0; right: 0;text-shadow: 2px 2px 3px rgba(0,0,0,.4)}
.donergec-kabuk.etkin {top: 64px; }
.donergec-kabuk > li.etkin {left: auto; right: auto}

a.kampanyaya-acici {display: block; width: 100%; height: 0; overflow: hidden; font-size: 0;clear: both}
.kampanyaya-git {background-color:#D9A519; position: relative; z-index: 1;display: none}
.kampanyaya-git > img {display: none; margin: 0 auto}
.kampanyaya-git > img.desktop {display: block}
.kampanyaya-git > img.mobil {display: none}

.aramada-cezbet {position: fixed; z-index: 5; left: 0; right: 0; bottom: -50%; background-color: #ffffff;}
.aramada-cezbet.etkin {bottom: 0}
.aramada-cezbet ul {list-style: none; margin: 0; padding: 0}
.aramada-cezbet ul > li {list-style: none; display: block;border-top: 1px solid #dedede}
.aramada-cezbet ul > li > a {display: block; padding: 8px 12px;box-sizing: border-box;font-family: 'Objektiv Bold'; position: relative; z-index: 1}
.aramada-cezbet ul > li > a:before, .aramada-cezbet ul > li > a:after {content: ""; position: absolute; z-index: 1; right:20px; top: 50%}
.aramada-cezbet ul > li > a:before {width: 10px; height: 1px; background-color: #cccccc}
.aramada-cezbet ul > li > a:after {width: 8px; height: 8px; border: 1px solid #cccccc; border-width: 1px 1px 0 0; transform: rotate(45deg); top: calc(50% - 4px)}

.ara-beyaz-zemin {position: fixed; z-index: 4; background: #ffffff; left: 0; right: 0; bottom: 0; top: 97px;display: none}

#divProductDetail, #divProductDetail div, #divProductDetail table, .urunFiyatPiyasa, .urunFiyat, div[id*=divPaymentOptions],  div[id*=divPaymentOptions] div,  div[id*=divPaymentOptions] table {font-family: 'Objektiv'} 

.urun-imj-thumbs {width:40px;float: left}
.urun-imj-thumbs > div img {display: block;cursor: pointer}
.urun-imj-thumbs > div {border: 1px solid #bababa; position: relative; z-index: 1}
.urun-imj-thumbs > div.etkin {border-color:#d40065 }
.urun-imj-thumbs > div + div {margin-top: 5px;} 
.urun-imj-thumbs + .urunfoto-slide {width: calc(100% - 50px);float: right}
.urun-imj-thumbs a.maske {cursor: pointer; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0}

.urun-imj-tasiyici {position: fixed;z-index: 1005; left: 20px; top: 20px; bottom: 20px; right: 20px;box-sizing: border-box; padding:40px;display: none}
.urun-imj-tasiyici a.kapat {position: absolute;right: 10px; top: 10px;width: 24px; height: 24px;z-index: 4;cursor: pointer;/*background:transparent url(gorsel/s-kapat.svg) center center no-repeat; background-size: auto 60%;*/}
.urun-imj-tasiyici a.kapat:before, .urun-imj-tasiyici a.kapat:after {height: 3px}
.urun-imj-tasiyici:before, .urun-imj-tasiyici:after {content: ""; position: absolute; z-index: 1; left: -60px; top: -60px; right: -60px;bottom: -60px; background-color: rgba(0,0,0,.65)}
.urun-imj-tasiyici:after {background-color: #ffffff;z-index: 2;left: 0; right: 0; top: 0; bottom: 0}
.urun-imj-tasiyici > div, .urun-imj-tasiyici > table, .urun-imj-tasiyici > article, .urun-imj-tasiyici > h1, .urun-imj-tasiyici > h2, .urun-imj-tasiyici > h3 {position: relative; z-index: 3}

.urun-imj-tasiyici .urunfoto-slide {width: 65%;float: left}
.urun-imj-tasiyici .urun-imj-thumbs, .urun-imj-tasiyici h1.urunAdi {width: 33%; float: right;text-align: left; white-space: normal;}
.urun-imj-tasiyici h1.urunAdi {font-family: 'Objektiv';font-size:16px;padding-right: 20px;box-sizing: border-box}
.urun-imj-tasiyici .urun-imj-thumbs > .diger-imjlar {width: 60px; height: 60px; display: inline-block; vertical-align: middle; margin: 2.5px}

.urun-imj-tasiyici .renkSecenekleri {position: absolute; z-index: 6; right: 20px; bottom: 20px; width: 33%}
.urun-imj-tasiyici .urunfoto-slide.genelslayt, .urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper, .urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper > .swiper-slide, .urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper > .swiper-slide > .zoom.urfoto {height: 100%}
.urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper > .swiper-slide > .zoom.urfoto {width: 100%;text-align: center;font-size: 0}
.urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper > .swiper-slide > .zoom.urfoto:before {content: "";display: inline-block; vertical-align: middle;width: 0; height: 100%}
.urun-imj-tasiyici .urunfoto-slide.genelslayt > .swiper-wrapper > .swiper-slide > .zoom.urfoto > img.boyucek {display: inline-block; vertical-align: middle; max-width: 480px}
.urun-imj-tasiyici .urunfoto-slide.genelslayt .swiper-slide {width: 100%}
.urun-imj-tasiyici .renkSecenekleri h2 {font-size: 12px;font-family: 'Objektiv';}
.urun-imj-tasiyici .urfoto > img.boyucek {width: auto;max-width: 100%}
.zoomImgCover {position: absolute; z-index: 5; left: 100%; bottom: -60px; top: 0;width: 110%; background-color: #ffffff; overflow: hidden;display: none;border: 1px solid #cccccc;box-shadow: 0 0 10px 0 rgba(0,0,0,.15)}
.urunfoto-slide:hover + .zoomImgCover {display: block}
.urun-imj-tasiyici .urunfoto-slide img.boyucek, .urun-imj-tasiyici .urunfoto-slide img.zoomImg {cursor: zoom-in}
.urun-imj-tasiyici .urunfoto-slide img.zoomImg[style*="opacity:1"], .urun-imj-tasiyici .urunfoto-slide img.zoomImg[style*="opacity: 1"] {cursor: zoom-out}
.urun-imj-tasiyici .yoketp, .urun-imj-tasiyici .urun-imj-thumbs a.maske {display: none}

.ekmekKirintisi.gizle, header#ustAlan.gizle {display: none !important}

.urun-imj-tasiyici .ozellik-slayt.isibitti {max-height: 130px; overflow: auto;overflow-x: hidden}

.RadToolTip.RadToolTip_Default {width: 0; height: 0; overflow: hidden; display: none !important}

.filtre-linkler {display: none;margin: 0 auto 8px auto}
div + .filtre-linkler {margin-top: 20px}
.filtre-linkler > ul {display: table; width: 100%; table-layout: fixed; margin: 0; padding: 0; list-style: none}
.filtre-linkler > ul > li {display: table-cell;width: auto; text-align: center;cursor: pointer; padding-bottom: 12px; position: relative;z-index: 1}
.filtre-linkler > ul > li > em {font-style: normal;white-space: nowrap;text-overflow: ellipsis}
.filtre-linkler > ul > li:before {content: "";font-size: 0; width: 26px;height: 26px;background-size: auto 100%; background-repeat: no-repeat; background-position: center center;display: block; margin: 0 auto 5px auto}
.filtre-linkler > ul > li.f_kate:before {background-image: url(gorsel/s_m_kategori.svg); width: 29px}
.filtre-linkler > ul > li.f_marka:before {background-image:url(gorsel/s_m_markalar.svg)}
.filtre-linkler > ul > li.f_filtre:before {background-image:url(gorsel/s_m_filtrele.svg); width: 29px}
.filtre-linkler {display: none;}

.filtre-linkler > ul > li:after {width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;border-color: transparent transparent #cccccc transparent;position: absolute; content: "";bottom: 0; left: calc(50% - 6px);display: none}
.filtre-linkler > ul > li.etkin:after {display: block}

#solAlan.yapiskan {position: fixed; z-index: 50; left: 0; right: 0;top: 101%;bottom: -101%; box-sizing: border-box;background-color: #ffffff; border: 0;display: block !important; padding: 20px; overflow: hidden; overflow-y: auto; margin: 0 !important}
#solAlan.yapiskan.etkin {top: 0;bottom: 0}

a.filtre-kapa-link {position: absolute; z-index: 5; right:5px; top: 5px;cursor: pointer; font-size: 0; width: 20px; height: 20px; background-size: auto 65%; background-repeat: no-repeat; background-position: center center; background-image: url(gorsel/s-kapat.svg)}
div[style*="none"] + .filtreleme {margin-top: 0}

.filtre-linkler .filtre-altkategoriler, .filtre-linkler .filtre-altmarkalar {display: none; border: 1px solid #cccccc; box-sizing: border-box; padding: 10px; margin-bottom: 20px}
.sagda.blok {float: none; margin: 0 0 10px 0; display: block}
.sagda.blok .sadecestok {display: block; margin-bottom: 10px}
.sagda.blok .jQmerAcilirKutu {width: 100% !important; display: block; margin-bottom: 10px}

.filtre-linkler.scroll-to-fixed-fixed {left:0 !important; right: 0 !important; width: 100% !important; padding: 20px; background-color: #ffffff; z-index: 19 !important;box-sizing: border-box}
.filtre-linkler.scroll-to-fixed-fixed > ul > li:before {display: inline-block; vertical-align: middle; margin: 0 5px 0 0; width: 17px; height: 16px}

tr[id*=trSearchResults] > td {padding-bottom: 10px; text-align: center;font-family: 'Objektiv';color:#F61F86}

.ufak-urun-slayt .mini_urunSlogan {display: none}
.ufak-urun-slayt .mini_urunImg > img {max-width: 125px}
.ufak-urun-slayt .urun .mini_urunImg {height: auto; padding-bottom: 16px}

/** responsive **/

@media only screen and (max-width: 1440px) {	
	.urun-imj-tasiyici {left: 30px; right: 30px;bottom: 30px; top: 30px; padding: 20px;}
}

@media only screen and (max-width: 1280px) {	
	.sG {margin-left: 20px; margin-right: 20px}
	.cc-instashop.sG, .sepet-ozeti.sG {margin-left: 0; margin-right: 0}
}

@media only screen and (min-width: 768px) {	
	/** kolon boşlukları **/
	.kolonlar > .kolon.on:nth-child(10) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.on:nth-child(10n+1) {margin-left: 0}
	
	.kolonlar > .kolon.onbes:nth-child(6) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.onbes:nth-child(6n+1) {margin-left: 0}
	
	.kolonlar > .kolon.yirmi:nth-child(5) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.yirmi:nth-child(5n+1) {margin-left: 0}
	
	.kolonlar > .kolon.yirmibes:nth-child(4) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.yirmibes:nth-child(4n+1) {margin-left: 0}
	
	.kolonlar > .kolon.otuz:nth-child(3) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.otuz:nth-child(3n+1) {margin-left: 0}
	
	.kolonlar > .kolon.otuzuc:nth-child(3) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.otuzuc:nth-child(3n+1) {margin-left: 0}
	
	.kolonlar > .kolon.kirk:nth-child(2) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.kirk:nth-child(2n+1) {margin-left: 0}
	
	.kolonlar > .kolon.elli:nth-child(2) ~ .kolon {margin-top: 2%}
	.kolonlar > .kolon.elli:nth-child(2n+1) {margin-left: 0}
	span.urunler > span {width: 25% !important}
	.mUrunler	span.urunler > span {width: 100% !important}
	.cc-instashop.kolonlar > .kolon.yirmibes:nth-child(4) ~ .kolon {margin-top: 0}
	.ProdAttSelect {width: 40%; float: left}
	.OzellikThumb.sekil {width: 58%; float: right; margin-top: 0}
	.ProdAttSelect img {width: 60%}
	.OzellikThumb.sekil > span {text-align: left}
	.kampanya-banner.yarim {overflow: hidden}
	.kampanya-banner.yarim {width: 49%; float: left}
	.kampanya-banner.yarim + .yarim {float: right}
	.kampanya-banner.yarim + .yarim {margin-top: 0}
	.kampanya-banner.yarim + .tam {clear: both; margin-top: 0; padding-top: 30px} 
}

@media only screen and (min-width: 1024px) {
.enUstAlan > .yeni-nav + div {position: relative; z-index: 4}
header.kaydi .logo a {width: 179px; height: 26px; margin: 3px 0}
header.kaydi .enUstAlan {padding: 10px 0}
.sepettekiler.kolonlar > .kolon.yirmibes {position: -webkit-sticky;position: sticky; z-index: 2; right: 0; top: 50px;}
.cc-instashop.kolonlar > .kolon.yirmibes {width: 16.66666%;height: 21vh}
body {margin-top: 0;}
#ustAlan {position: static; left: auto; right: auto; top: auto}
a.sepete-cuppala.dN {display: block !important}
#sagAlan.ters {float: left}
#solAlan.ters {float: right}
.kampanya-banner .metin em {float: right}
span.urunler > span {padding: 20px 8px}
.sepeteat-anime {margin-bottom: -56px;padding: 5px}
.swiper-slide	.sepeteat-anime {margin-bottom: 0;display: none}
article.urun {overflow: hidden}
article.urun:hover > .sepeteat-anime {margin-bottom: 0}
span.urunler > span > article.urun:hover .mini_urunImg {margin-bottom: -36px}
article.urun > a.yapis {z-index: 13}
article.urun > div {position: relative; z-index: 15; background-color: #FFFFFF}
article.urun:hover .mini_urunImg {z-index: 1}
.donergec-kabuk {display: none !important}
.aramada-cezbet {display: none}
.ara-beyaz-zemin {display: none}
h1.urunAdi + .yorum-ozet, .yorum-ozet {position: absolute;z-index: 1; right: 0; top: 0; margin: 0}
h1.urunAdi.yorumlu {padding-right: 168px; box-sizing: border-box}
.urun-imj-tasiyici h1.urunAdi.yorumlu {padding-right: 20px}
.ekmekKirintisi {position: static}
span.urunler > span > .urun:hover {box-shadow: 0 0 3px 0 rgba(0,0,0,.2)}
article.urun:hover .urunKodu {bottom:36px}
}

@media only screen and (max-width: 1024px) {	
		body.sifirla {margin-top: 0;overflow: hidden}
	.kolonlar.slogan-yazi > .kolon.yirmibes, .kolonlar.slogan-yazi > .kolon.yirmi {width: 48%; clear: none; float: left}
	.kolonlar.slogan-yazi > .kolon + .kolon {margin-top: 0; margin-left: 0}
	.tecrube {font-size: 16px; padding-left: 50px}
	.tecrube > .sim {width: 47px; height: 46px; background-size: 100% auto}
	.slogan-yazi > span.slogy > em {font-size: 14px}
	span.urunler > span {width: 33% !important}
	
	.ilisik-menuler > div > ul {width: 50%; margin-bottom: 1.3em !important}
	.ilisik-menuler > div > p.menu-banner {width: auto; clear: both; float: none;}
	.seritMenu {display: none}
	.secki-slayt-kabuk {margin-left: -20px; margin-right: -20px}
	.anaslayt.yapilmadi .swiper-slide img {width: 100%}
	.anaslayt.yapilmadi .swiper-slide a.yapis {position: static; display: block; background-color: #ffffff; padding: 1.5em 1.5em 2em 1.5em; text-align: center; font-size: 1.4em; text-indent: inherit}
	.ek-menu {display: none}
	.kampanya-banner .metin span, .kampanya-banner .metin em {font-style: normal; display: block; text-align: center}
	.urun.birlikte .alt, .urun.birlikte .alt .RadAjaxPanel {text-align: center}
	.urun.birlikte .alt .RadAjaxPanel {margin: 10px 0}
	.urun.birlikte .alt .solda {float: none; clear: both;}
	.urun.birlikte .alt div, .urun.birlikte .alt p {clear: both;}
	.urun.birlikte .alt .dugme.ufak.sagda {float: none; display: block; text-align: center; margin: 0 20px}
	.kolonlar.urune-ozel-kolonlar {z-index: 0}
	.kaydir-mini-imajlar {float: none; clear: both; margin-top: 10px;display: none; padding: 5px; text-align: center;width: auto}
	.kaydir-mini-imajlar > img {width: auto; height: 40px !important; margin: 2.5px; display: inline-block; vertical-align: middle}
	.gorsel.buyut .kaydir-mini-imajlar {display: block !important}
	.gorsel.buyut .urunfoto-sayfalama {display: none !important}
	.gorsel.thumbo > .img-yeni {left: 0; top: 0; margin: 0}
	.gorsel.buyut > .img-yeni, .gorsel.thumbo.buyut > .img-yeni {top:-22px; margin: 0}
	.gorsel.thumbo.buyut > .img-yeni {display: none}
	.gorsel.buyut .urunfoto-slide-kabuk {height: 100vh;font-size: 0;box-sizing: border-box;padding-bottom: 115px}
	.gorsel.buyut .urunfoto-slide-kabuk:before {content: "";display:inline-block; vertical-align: middle;height: 100% }
	.gorsel.buyut .urunfoto-slide-kabuk > .urunfoto-slide {display: inline-block; vertical-align: middle}
	.gorsel.buyut .kaydir-mini-imajlar {position: fixed; z-index: 10; white-space: nowrap;left: 0; bottom: 10px; right: 0; overflow: hidden;overflow-x: auto}
	.renkSecenekleri.fiks {margin: 0 !important; position: fixed; z-index: 11;left: 0; bottom: 75px; right: 0;}
	.renkSecenekleri.fiks .swiper-slide > strong, .renkSecenekleri.fiks p.yoketp, .renkSecenekleri.fiks h2 {display: none !important}
	/**yeni filtre**/
	.filtre-linkler {display: none}
}

@media only screen and (max-width: 968px) {	
		body {margin-top: 76px}
		body.sifirla {margin-top: 0}
	.yeni-nav {display: none !important}
	.genelslayt[data-merkez=true] .swiper-slide, .genelslayt[data-merkez=true] .swiper-slide.swiper-slide-active {filter:blur(0)}
	.secki-slayt-kabuk > div {margin:0 -20%; width: 140%}
	.cc-instashop.kolonlar > .kolon.yirmibes {width: 33.3333%;}
	
h1 { font-size: 22px }
h2 { font-size: 18px}
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 13px }
h6 { font-size: 12px }
	
/**tablo **/
	table[id*=dgOrders], table[id*=dgOrders] > tbody, table[id*=dgOrders] > tbody > tr, table[id*=dgOrders] > tbody > tr > td, table[id*=dgOrders] > tbody > tr > th,
	table[id*=dgFavorites], table[id*=dgFavorites] > tbody, table[id*=dgFavorites] > tbody > tr, table[id*=dgFavorites] > tbody > tr > td, table[id*=dgFavorites] > tbody > tr > th  {display: block}
	table[id*=dgOrders] > tbody > tr.baslik, table[id*=dgFavorites] > tbody > tr.baslik {display: none}
	table[id*=dgOrders] > tbody > tr.baslik ~ tr, table[id*=dgFavorites] > tbody > tr.baslik ~ tr {border-top: 1px solid #dedede}
	table[id*=dgOrders].liste td, table[id*=dgFavorites].liste td {padding: 5px 0}
	table[id*=dgOrders] > tbody > tr:not(.baslik), table[id*=dgFavorites] > tbody > tr:not(.baslik) {padding: 10px 0}
	table[id*=dgOrders] > tbody > tr:not(.baslik) > td:nth-child(1):before {display: block; content: "Sipariş No: "}
	table[id*=dgOrders] > tbody > tr:not(.baslik) > td:nth-child(2):before {display: block; content: "Tarih / Saat: "}
	table[id*=dgOrders] > tbody > tr:not(.baslik) > td:nth-child(3):before {display: block; content: "Durum:"}
	table[id*=dgOrders] > tbody > tr:not(.baslik) > td:nth-child(4):before {display: block; content: "Tutar:"}
	
	table[id*=dgFavorites] > tbody > tr {overflow: hidden}
	table[id*=dgFavorites] > tbody > tr > td {box-sizing: border-box}
	table[id*=dgFavorites] > tbody > tr > td.td_sil {width: 18px;float: left}
	table[id*=dgFavorites] > tbody > tr > td.td_urunkodu {width: 62px;float: left}
	table[id*=dgFavorites] > tbody > tr > td.td_urunkodu + td {width:  calc(100% - 80px);float: left}
	table[id*=dgFavorites] > tbody > tr > td.td_urunkodu + td ~ td {width: 33%; float: left}
	
	.siparisDetayi > table, .siparisDetayi > table > tbody, .siparisDetayi > table > tbody > tr, .siparisDetayi > table > tbody > tr > td {display: block;text-align: left}
	.siparisDetayi > table > tbody > tr > td > table, .siparisDetayi > table > tbody > tr > td > table > tbody, .siparisDetayi > table > tbody > tr > td > table > tbody > tr, .siparisDetayi > table > tbody > tr > td > table > tbody > tr > td {display: block;text-align: left}
	.siparisDetayi > table > tbody > tr > td > table {background-color: #f8f8f8; padding: 10px}
	.siparisDetayi > table > tbody > tr {padding: 10px 0;}
	.siparisDetayi > table > tbody > tr:nth-child(2) ~ tr {border-top: 1px solid #dedede}
	.siparisDetayi h2 {font-size: 18px; line-height: normal}
	.kampanyaya-git > img.desktop {display: none}
 .kampanyaya-git > img.mobil {display: block}
 .urunDetay .gorsel.buyut {width: calc(100% + 40px); margin-left: -20px; margin-right: -20px}
	.urunDetay .gorsel.buyut:before {content: "Kapat"; display: block; position: absolute; z-index: 10; right: 0; top: -22px; padding: 5px 10px; border: 1px solid #b02b2e; background-color: #b02b2e;font-size: 11px;color: #ffffff}
}


@media only screen and (max-width: 768px) {	
	
	#ortaAlan {padding-top: 20px}
	.kolonlar > .kolon {float: none; clear: both; width: auto}
	.kolonlar > .kolon + .kolon {margin: 1.2em 0 0 0}
	.kolonlar > .kolon.on, .kolonlar > .kolon.onbes,.kolonlar > .kolon.yirmi, .kolonlar > .kolon.yirmibes,.kolonlar > .kolon.otuz,.kolonlar > .kolon.otuzuc,.kolonlar > .kolon.otuzbes,.kolonlar > .kolon.kirk,.kolonlar > .kolon.elli,.kolonlar > .kolon.atmis,.kolonlar > .kolon.atmisbes, .kolonlar > .kolon.yetmis,.kolonlar > .kolon.yetmisbes,.kolonlar > .kolon.seksen,.kolonlar > .kolon.seksenbes,.kolonlar > .kolon.doksan {width: auto}
	.kolonlar.birlesik > .kolon.on, .kolonlar.birlesik > .kolon.onbes,.kolonlar.birlesik > .kolon.yirmi, .kolonlar.birlesik > .kolon.yirmibes,.kolonlar.birlesik > .kolon.otuz,.kolonlar.birlesik > .kolon.otuzuc,.kolonlar.birlesik > .kolon.otuzbes,.kolonlar.birlesik > .kolon.kirk,.kolonlar.birlesik > .kolon.elli,.kolonlar.birlesik > .kolon.atmis,.kolonlar.birlesik > .kolon.atmisbes, .kolonlar.birlesik > .kolon.yetmis,.kolonlar.birlesik > .kolon.yetmisbes,.kolonlar.birlesik > .kolon.seksen,.kolonlar.birlesik > .kolon.seksenbes,.kolonlar.birlesik > .kolon.doksan {width: auto}
	
	.kolonlar.slogan-yazi > .kolon.yirmibes, .kolonlar.slogan-yazi > .kolon.yirmi, .kolonlar.slogan-yazi > .kolon.otuzuc {width: 48%; clear: none; float: left; margin-top: 10px; min-height: 62px}
	.tecrube > em {display: inline-block; line-height: 46px}
	
	.cc-instashop.kolonlar > .kolon.yirmibes {width: 50%; float: left; clear: none; height: 25vh}
	
	span.urunler {margin-left: -20px; margin-right: -20px; position: relative; z-index: 1;border-bottom:1px solid #dedede; text-align: left}
	span.urunler > span {width: 50% !important;padding: 0;border-top: 1px solid #dedede}
	span.urunler > span > .urun {box-shadow: none}
	span.urunler > span:nth-child(2) ~ span {}
	span.urunler:before {content: ""; position: absolute; z-index: 1; left: 50%; width: 1px; top: 0; bottom: 0; background-color: #dedede}
	h3.kat-isim {text-align: center}
	.liste-secenekleri .sagda {float: none; clear: both; display: block}
	.liste-secenekleri .siralamaSecenegi {float: right}
	header#ustAlan {height: 64px}
	header#ustAlan.mobi-hide {top: -65px}
	body {margin-top: 64px}
	body.mobi-hide {margin-top: 0}
	.BirlikteSepete > span.urunler {margin-left: 0; margin-right: 0}
	.BirlikteSepete > span.urunler:before {display: none !important}
	.BirlikteSepete > span.urunler > span {width: 100% !important}
	
	/** header **/
	
	.enUstAlan {text-align: center; position: relative; z-index: 1;}
	.enUstAlan > div:first-child {float: none}
	a.ham-menu {position: absolute; z-index: 2; left: 0; top:calc(50% - 10px); margin: 0; height: 20px; width: 24px}
	.enUstAlan > .yeni-nav + div {position: absolute; z-index: 3; left: 34px;top:calc(50% - 12px)}
	.enUstAlan > div + div, .enUstAlan > div + a, .enUstAlan > a + div {margin-left: 0}
	.sepetim.yeni {position: absolute; z-index: 4; right: 0;top:calc(50% - 12px)}
	.sepetim.yeni + div, .enUstAlan > div:nth-child(4):not(.sepetim) {position: absolute; z-index: 4; right: 32px;top:calc(50% - 12px)}
	.enUstAlan > div:nth-child(4):not(.sepetim) {right: 0}
	/* kayan menu */
	.kayanSepet.etkin, .kayanMenu.etkin {top: 64px}
	
	.kayanMenu {padding: 0; overflow: hidden}
	.kayanMenu > .sG {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; margin: 0}
	.kayanMenu > .sG:after {left: 0; top:20px; width: 20px; position: absolute; z-index: 2}
	.kayanMenu > .sG:after {background: -moz-linear-gradient(left, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 100%);background: -webkit-linear-gradient(left, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 100%); background: linear-gradient(to right, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00111111',GradientType=1 );}
	.kayanMenu > .sG:before {top: 20px}
	.kayan-menu-ana-linkler {margin: 0;}
	.kayan-menu-ana-linkler > a {padding: 20px 20px 0 20px; margin:0}
	.kayan-menu-ana-linkler > a:last-child {padding-right: 40px}
	
	.kayan-menu-alt-gruplar {position: absolute; z-index: 1; left: 20px; top: 6.5em; right: 20px; bottom: 20px}
	
	.kayan-menu-grup {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0}
	.kayan-menu-grup > .sol-kolon, .kayan-menu-grup > .sag-kolon {width: 100%; float: none; clear: both}
	.kayan-menu-grup > .sol-kolon {position: absolute; z-index: 2; top: 0; right: 0 ; bottom: 0; overflow-y: auto}
	.kayan-menu-grup > .sol-kolon.pasif {right:calc(100% + 21px); overflow: hidden; white-space: nowrap !important}
	.kayan-menu-grup > .sag-kolon {position: absolute; z-index: 1;left:0; top: 0; bottom: 0; overflow: hidden;}
	.kayan-menu-grup > .sag-kolon.etkin {z-index: 3;}
	.kayan-menu-grup > .sag-kolon > div[id] {position: absolute; z-index: 1; width: calc(100% - 40px); left:100%; top: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto}
	.kayan-menu-grup > .sag-kolon > div[id].etkin {left: 40px}
	
	.ilisik-menuler.etkin > a.geri-don {display: block}
	
	.ilisik-menuler > div {position: absolute;top: 0; left: 100%; width: calc(100% - 30px); bottom: 0; z-index: 1; opacity: 0}
	.ilisik-menuler > div.etkin {position: absolute; z-index: 2; left:30px;opacity: 1; top: 0}
	.ilisik-menuler > div > ul > li, .ilisik-menuler > div > ul > li > a {font-size: 1.15em}
	
	.kayan-menu-grup  > .sag-kolon > div > ul, .ilisik-menuler > div > p.menu-banner {float: none; width: 100%; clear: both; box-sizing: border-box}
	.kayan-menu-grup  > .sag-kolon > div > ul + ul {margin-top: .75em}
	
	
	/** mini simg **/
	a.urun-ara-but {width: 24px; height: 24px}
	.sepet-durum {width:20px; height: 28px; margin-top: -4px}
	.s-kull {width:19px; height: 24px}
	.sepet-durum > .adet {bottom: 2px}
	a.ham-menu > em, a.ham-menu:before, a.ham-menu:after {left: 0;right: 0; height: 4px}
	a.ham-menu:before {top: 0}
	a.ham-menu:after {bottom: 0}
	a.ham-menu > em {top:calc(50% - 2px)}
	
	.secki-slayt-kabuk > div {margin:0 -40%; width: 180%}
	
	.urun .kolon.atmis {width: 100%; float: none; margin-left: 0}
	.urun .kolonlar > .kolon.kirk {width: 38%; float: left}
	.urun .kolon.kirk + .kolon.atmis {width: 58.5%; margin-left: 2%; text-align: left; float: right; clear: none; margin-top: 0}
	.sepet-ozet-dongu {max-height: calc(100vh - 345px)}
	.yorum-liste-ajax {margin-bottom: 20px;}
	.yorum-liste-ajax + .yorum-liste-sayfalama {margin-top: -20px}
	
	.belirtec .imaj {float: left; width: 60px;}
	.belirtec .imaj + p {width: calc(100% - 70px);}
	
	.kampanya-banner {margin-left: -20px; margin-right: -20px}
	.kampanya-detay-metin {padding-bottom: 0; border: 0;}
	.kampanya-detay-metin + span.urunler {margin-bottom: 30px}
	.kampanya-detay-metin ~ .urunler a.sepete-cuppala.dN, .mobilde-goster .urunler a.sepete-cuppala.dN {display: block !important}
	.kampanya-detay-metin ~ .urunler .sepeteat-anime, .mobilde-goster .urunler .sepeteat-anime {position: static; display: block;}
	
	.stok-vs-sirala .siralamaSecenegi {display: block; float: none;width: 100% !important;}
	
}
@media only screen and (max-width: 480px) {	
	.ara-kutu {width: 100%}
	.form .sifir {left:8px;top: 33px}
}
@media only screen and (max-width: 320px) {	
	.kayan-menu-ana-linkler > a {padding: 20px 0 0 20px}
}