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

/** fontlar **/

@import url(//fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext); /** 'Playfair Display' ; **/

@import url("font/avenir/regular/avenir.css"); /* Avenir */
@import url("font/avenir/light/avenir-light.css"); /* Avenir Light */
@import url("font/avenir/italic/avenir-italic.css"); /* Avenir Italic */
@import url("font/avenir/condensed/avenir-condensed.css"); /* Avenir Condensed */
@import url("font/avenir/boldcn/avenir-boldcn.css"); /* Avenir Boldco */
@import url("font/avenir/bold/avenir-bold.css"); /* Avenir Bold */

/** swpiper **/

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

/** tümü **/

html, body {
    margin: 0;
}

body {
    overflow-x: hidden;
}

.solda {
    float: left;
}

.sagda {
    float: right;
}

.sola {
    text-align: left;
}

.saga {
    text-align: right;
}

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

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

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

strong, b, strong span, span strong {
    font-family: "Avenir Bold";
    font-weight: normal;
}

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

    a:hover {
        color: #ff6e04;
    }

.sayfaG {
    max-width: 1440px;
    margin: 0 auto;
}

.gelisme.icsayfa > .sayfaG {
    position: relative;
    z-index: 1;
}

p {
    margin: 0;
}

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

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

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

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

h1, h2, h3, h4 {
    margin: 0 0 20px 0;
    font-family: "Avenir";
    font-weight: normal;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

.mb {
    margin-bottom: 20px;
}

ul, ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

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

.y10 {
    font-size: 10px;
}

.y11 {
    font-size: 11px;
}

.y12 {
    font-size: 12px;
}

.y13 {
    font-size: 13px;
}

.y14 {
    font-size: 14px;
}

.y15 {
    font-size: 15px;
}

.y16 {
    font-size: 16px;
}

.y17 {
    font-size: 17px;
}

.y18 {
    font-size: 18px;
}

.y20 {
    font-size: 20px;
}

.y24 {
    font-size: 24px;
}

.y32 {
    font-size: 32px;
}

.y50 {
    font-size: 50px;
}

.tablo {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

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

.orta {
    text-align: center;
}

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

.pf {
    font-family: 'Playfair Display';
}

.i {
    font-style: italic;
}

/** serpme görsel **/

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

/** #serpme görsel **/

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

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

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

.islemde {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    background: rgba(255,255,255,0.7);
}

    .islemde .hucre {
        text-indent: -999em;
        text-align: left;
        background: url(../images/design/preloading.gif) center center no-repeat;
    }

.bildirim {
    clear: both;
}

.bildirim, #arama-sonuc-adet {
    display: none;
    padding: 20px;
    background: #f9eacd;
    color: #4D4A44;
    text-align: center;
    position: relative;
}

    .bildirim.bild-simge {
        display: none;
    }

    .bildirim a {
        color: #4D4A44;
    }

    .bildirim, .bildirim div, .bildirim table {
        font: italic 16px 'Playfair Display';
    }

        .bildirim h2, .bildirim h3 {
            font-family: 'Playfair Display';
            font-weight: normal;
            font-style: italic;
            margin-bottom: 5px;
        }

        .bildirim:before, .muhtesempoap a.kapatcik {
            width: 30px;
            height: 30px;
            background-position: -176px 0;
            position: absolute;
            z-index: 1;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }

        .bildirim.ipucu, .bildirim.ipucu > div {
            background: #FBF2DF;
            text-align: left;
            font: normal 12px 'Avenir Condensed';
            padding: 10px 20px;
        }

            .bildirim.ipucu strong {
                font-family: 'Avenir Bold';
                font-weight: normal;
            }

            .bildirim.ipucu:before {
                display: none;
            }

            .bildirim.ipucu > .sayfaG {
                padding: 0 15px;
                box-sizing: border-box;
            }

        .bildirim.uyari {
            color: #D80003;
            font: normal 12px 'Avenir';
            padding: 10px;
        }

            .bildirim.uyari:before {
                width: 16px;
                height: 16px;
                background-position: -23px -726px;
            }

.muhtesempoap .bildirim.uyari:before {
    display: none;
}

.bildirim.olumlu {
    background: #52bbb2;
    color: #FFFFFF;
    padding: 10px;
    font: 13px 'Avenir';
    margin-bottom: 10px;
}

    .bildirim.olumlu .bild-simge {
        width: 13px;
        height: 10px;
        margin: -1px 5px 0 0;
        background-position: -167px -695px;
    }

    .bildirim.olumlu a {
        text-decoration: underline;
        color: #FFFFFF;
    }

    .bildirim.olumlu:before {
        display: none;
    }

.muhtesempoap .bildirim.olumlu {
    margin-bottom: 10px;
}

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

.sepet-bildirim .bildirim.olumlu {
    color: #52bbb2 !important;
    background: transparent !important;
    text-align: left;
    margin-bottom: 0;
    padding: 15px 0 0 21px;
}

    .sepet-bildirim .bildirim.olumlu a {
        color: #52bbb2 !important;
    }

    .sepet-bildirim .bildirim.olumlu .bild-simge {
        background-position: -220px -603px;
        position: absolute;
        left: 0;
        top: 17px;
    }

    .sepet-bildirim .bildirim.olumlu + p {
        margin-top: 0;
    }

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

/** #tümü **/

header.kafa {
    position: relative;
    z-index: 1090;
    background: #FFFFFF;
}

    header.kafa .sayfaG {
        position: relative;
    }

section.slayt-serit {
    position: relative;
    z-index: 50;
    border-top: 1px solid #e1e1e1;
}

section.orta-alan {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

form section.orta-alan {
    border-top: 0;
}

.orta-alan.genel-icerik {
    padding: 30px 20px;
}

section.siparis-takip {
    background: url(../images/design/siparis-takip-bg.jpg) center bottom no-repeat;
    background-size: contain;
}

/* a.uye-ol , a.oturum-ac {color:#52af24} */

section.orta-alan.kategori-filtre {
    position: relative;
    z-index: 55;
    border-top: 0;
}

section.orta-alan.kategori-liste {
    position: relative;
    z-index: 44;
    border-top: 0;
}

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

.logo {
    margin: 15px auto 10px auto;
    width: 244px;
    height: 55px;
}

    .logo a {
        width: 244px;
        height: 55px;
        display: block;
        background-position: 0 -440px;
    }

/*
.ara-link {position:absolute; right:10px; top:10px}
.ara-link a {display:inline-block;font-size:20px; color:#a9a9a9; border-bottom:1px solid #a9a9a9; padding-bottom:5px}
.ara-link a:hover {color:#222222}
.ara-link a:before {width:31px;height:31px;background-position:-56px 0; margin-right:10px}
*/

.ara-bul {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .ara-bul:before {
        width: 31px;
        height: 31px;
        background-position: -56px 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .ara-bul input[type=text] {
        border: 0;
        border-bottom: 1px solid #a9a9a9;
        padding: 8px 0 8px 41px;
        width: 120px;
    }

        .ara-bul input[type=text]:focus {
            width: 220px;
            outline: none;
            border-bottom: 0;
        }

.ust-serit, .ust-serit div, .ust-serit table {
    font-size: 12px;
}

.ust-serit {
    background: #ffffff;
}

    .ust-serit > div {
        padding: 10px 10px 0 10px;
    }

    .ust-serit .sagda + .sagda {
        margin-right: 20px;
    }

.aymarkalar  {
    position: relative;
}

.aymarkalar a.aymarka {
    display: inline-block;
    position: relative;
    padding-right: 13px;
}

    .aymarkalar a.aymarka:after {
        width: 11px;
        height: 8px;
        background-position: -143px -700px;
        position: absolute;
        top: 8px;
        right: 0;
    }

    .aymarkalar a.aymarka:before {
        content: "Diğer Markalarımız";
        position: absolute;
        left: 115%;
        color: #222222;
        text-indent: 0;
    }

.aymarkalar.etkin a.aymarka:after {
    background-position: -142px -693px;
}

.aymarkalar a:hover {
    filter: alpha(opacity=70);
    opacity: .7;
}

.aymarkalar a + a {
    margin-left: 20px;
}

.aymarkalar a.aymarka {
    background-position: 0 -188px;
    width: 46px;
    height: 25px;
}

.aymarkalar a.network {
    background-position: 0 -331px;
    width: 84px;
    height: 14px;
}

.aymarkalar a.fabrika {
    background-position: 0 -278px;
    width: 98px;
    height: 14px;
}

.aymarkalar a.que {
    background-position: 0 -382px;
    width: 45px;
    height: 14px;
}

.aymarkalar > ul {
    position: absolute;
    padding: 10px;
    border: 1px solid #e1e1e1;
    z-index: 20;
    margin: 10px 0 0;
    background: #FFFFFF;
    display: none;
}

    .aymarkalar > ul li + li {
        margin-top: 15px;
    }

section.orta-alan.odeme-adimlari {
    position: static;
}

.odeme-adimlari .aymarkalar > ul {
    display: block;
    position: static;
    border: 0;
    margin-right: -20px;
}

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

.ara-beni {
    position: relative;
}

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

    .ara-beni a {
        fcolor: #555555;
    }

.sepet-durum {
    border-left: 1px solid #CCCCCC;
    padding-left: 20px;
    position: relative;
}

    .sepet-durum:before {
        background-position: -68px -724px;
        width: 11px;
        height: 18px;
        margin: -1px 5px 0 0;
        display: inline-block;
    }

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

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

.kafa .tutucu {
    position: absolute;
    z-index: 2;
    right: 140px;
    top: 12px;
    padding: 0;
    border: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.kafa.scroll-to-fixed-fixed .tutucu {
    filter: alpha(opacity=100);
    opacity: 1;
}

    .kafa.scroll-to-fixed-fixed .tutucu .simge, .kafa.scroll-to-fixed-fixed .tutucu .tik {
        display: none;
    }

.kafa.scroll-to-fixed-fixed .yardim, .kafa.scroll-to-fixed-fixed .sepet-durum {
    padding-left: 5px;
}

    .kafa.scroll-to-fixed-fixed .yardim > ul, .kafa.scroll-to-fixed-fixed .kisisel-menu > ul {
        top: 236%;
        right: -20px;
    }

.kafa.scroll-to-fixed-fixed .sepet-mini {
    right: -20px;
    top: 226%;
}

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

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

.kisisel-menu {
    position: relative;
    cursor: pointer;
}

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

    .kisisel-menu > li > ul:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -10px;
    }

    .kisisel-menu > ul li {
        padding: 5px 10px;
    }

        .kisisel-menu > ul li a {
            display: block;
            padding: 5px;
            white-space: nowrap;
        }

            .kisisel-menu > ul li a:hover {
                background: #f8f8f8;
            }

        .kisisel-menu > ul li.faceto {
            padding-left: 20px;
        }
        .kisisel-menu > ul li.faceto a:before {
            background:none;content: none;

        }

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

    .kisisel-menu > ul > li.iki > a:before {
        background-position: -189px -726px;
    }

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

    .kisisel-menu > ul > li.yenimesaj > a {
        color: #DD0003;
    }

        .kisisel-menu > ul > li.yenimesaj > a:before {
            display: none;
        }

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

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

.ustmenu {
    text-align: center;
}

    .ustmenu > ul > li {
        display: inline-block;
    }

        .ustmenu > ul > li + li {
            margin-left: 5px;
        }

        .ustmenu > ul > li > a {
            display: block;
            padding: 15px 20px;
            font-size: 16px;
            background: #FFFFFF;
            border: 1px solid #FFFFFF;
            border-bottom: none;
            text-align: center;
            position: relative;
            z-index: 4;
        }

        .ustmenu > ul > li.altmenu > a:hover, .ustmenu > ul > li.altmenu > a.etkin {
            border-color: #ececec;
            padding-bottom: 16px;
            margin-bottom: -1px;
        }

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

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

.ustmenu-eleman {
    border: 1px solid #ececec;
    border-right: 0;
    border-left: 0;
    background: #FFFFFF;
    background: rgba(255,255,255,0.98);
}

.ustmenu-eleman {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    display: none;
}

    .ustmenu-eleman.etkin {
        z-index: 3;
    }

    .ustmenu-eleman .sayfaG {
        max-width: 1140px;
        padding: 40px 0;
    }

    .ustmenu-eleman ul {
        display: inline-block;
        vertical-align: top;
        width: 18%;
    }

        .ustmenu-eleman ul + ul {
            margin-left: 4%;
        }

        .ustmenu-eleman ul.banner-mini {
            width: 19%;
            float: right;
            margin-left: 0;
        }

        .ustmenu-eleman ul > li {
            font-size: 18px;
        }

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

            .ustmenu-eleman ul > li + li {
                margin-top: 5px;
            }

        .ustmenu-eleman ul.banner-mini > li, .ustmenu-eleman ul.banner-mini > h2, .ustmenu-eleman ul.banner-mini a {
            font-family: 'Playfair Display';
            font-style: italic;
            color: #f3b5a5;
        }

        .ustmenu-eleman ul.banner-mini strong {
            font-family: 'Playfair Display';
            font-weight: bold;
            color: #222222;
        }

        .ustmenu-eleman ul.banner-mini > li:first-child {
            border: none;
        }

.fiyat-hareket {
    position: relative;
    display: inline-block;
}

    .fiyat-hareket span {
        display: inline-block;
        vertical-align: middle;
    }

        .fiyat-hareket span.fiyat-kutu {
            border: 1px solid #ededed;
            padding: 0 10px;
            background: #FFFFFF;
            position: relative;
            text-align: center;
            width: 80px;
            float: left;
            line-height: 39px;
        }

        .fiyat-hareket span.ind-oran, .fiyat-hareket span.eski-fiyat {
            position: absolute;
            font-size: 12px;
            line-height: 12px;
            top: -12px;
            left: 50%;
            background: #ee5555;
            color: #FFFFFF;
            padding: 4px 8px 2px 8px;
            border-radius: 12px;
            white-space: nowrap;
        }
        /*.fiyat-hareket span.eski-fiyat {top:auto; bottom:-12px; text-decoration:line-through; background:#6f8489}*/
        .fiyat-hareket span.eski-fiyat {
            top: auto;
            bottom: -12px;
            text-decoration: line-through;
            background: #ffffff;
            border: 1px solid #e1e1e1;
            color: #222222;
        }

            .fiyat-hareket span.eski-fiyat .tl.beyaz {
                background-position: -147px -73px;
            }

        .fiyat-hareket span.yeni-fiyat {
            font-size: 15px;
        }

    .fiyat-hareket .buton {
        float: left;
        margin-left: -1px;
        padding-left: 30px;
        padding-right: 30px;
    }

        .fiyat-hareket .buton.geldi {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
        }

p + .fiyat-hareket {
    margin-top: 30px;
}

.tl {
    width: 9px;
    height: 11px;
    vertical-align: middle;
    background-position: -137px -54px;
    margin-top: -3px;
}

    .tl.beyaz {
        width: 7px;
        height: 8px;
        background-position: -137px -73px;
    }

    .tl.kirmizi {
        width: 12px;
        height: 16px;
        background-position: -152px -54px;
    }

    .tl.buyuk {
        width: 14px;
        height: 20px;
        background-position: -210px -297px;
    }

    .tl.turuncu {
        background-position: -165px -71px;
    }

.buton, .couponBtn, .orderSum .buton.hopiuygula {
    display: inline-block;
    background: #52bbb2;
    border: 1px solid #52bbb2;
    color: #FFFFFF;
    padding: 0 20px;
    text-align: center;
    font: normal 16px/39px 'Avenir';
    cursor: pointer;
    vertical-align: middle;
    align-items: center;
    white-space: nowrap;
}

    .buton:hover, .couponBtn:hover, .orderSum .buton.hopiuygula:hover {
        filter: alpha(opacity:70);
        opacity: .7;
        color: #FFFFFF;
    }

    .buton + .buton {
        margin-left: 10px;
    }

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

.kuponUygulandi {
    background: #F8F8F8;
    padding: 10px !important;
}

.hediye-ceki-gir .chosen-container {
    width: auto !important;
    margin-right: -1px;
    display: block;
}

.hediye-ceki-gir .chosen-container-single .chosen-single {
    padding: 8px 30px 7px 15px;
}

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

    .fiyat-hareket .buton:hover, .buton.delete:hover, .orderSum .buton:hover, .beden-gelince .buton:hover, .filtre-secenek a.buton:hover, .ul-grid .buton:hover, .numaralar a.buton:hover {
        background-color: #ededed;
        color: #000000;
    }

    .orderSum .buton.hopiuygula:hover {
        background: #52bbb2;
    }

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

.buton.delete, .buton.delete:hover {
    background-color: transparent;
    border: 0;
}

.buton.delete {
    background-position: -23px -726px;
    width: 16px;
    height: 16px;
}

.buton.tam, .filtre-secenek a.buton, .numaralar a.buton {
    display: block;
}

    .buton.tam + .tam {
        margin: 5px 0 0;
    }

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

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

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

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

input {
    -webkit-appearance: none;
    width: 100%;
    outline: none;
    border-radius: 0;
}

.formeleman input[type=text], .formeleman input[type=password], .formeleman input[type=email], .formeleman input[type=tel], .formeleman textarea {
    width: 100%;
}

.formeleman .jQmerAcilirKutu span {
    padding: 10px;
}

    .formeleman .jQmerAcilirKutu span.yazi, .formeleman .jQmerAcilirKutu.farkli .secenekler li {
        font-size: 14px;
    }

.formeleman input.yarim {
    width: 49%;
}

    .formeleman input.yarim ~ .yarim {
        margin-left: 1%;
    }

.formeleman input.ceyrek {
    width: 23%;
}

    .formeleman input.ceyrek ~ .ceyrek {
        margin-left: 1.8%;
    }

input[class*=kartgirdi] {
    text-align: center;
}
/* .formeleman > p {position:relative; z-index:1} */

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

.yonerge {
    height: 0;
    overflow: visible;
    position: absolute;
    z-index: 10;
    top: 49%;
    left: 4%;
    right: 4%;
}

    .yonerge a {
        width: 52px;
        height: 27px;
        background-position: 0 -53px;
        float: left;
    }

        .yonerge a.ileri {
            background-position: -71px -53px;
            float: right;
        }

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

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

    .ucleme .yonerge a.ileri {
        background-position: -71px -95px;
    }

/** urun gösterim **/

section.anasahife article + article {
    margin-top: 0;
}

section.anasahife:before {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 50%;
    background: #e1e1e1;
    z-index: 2;
}

section.anasahife .urungoster.sdcgorcel img {
    display: block;
}

.urungoster {
    text-align: center;
    padding: 20px;
    position: relative;
}

    .urungoster.sdcgorcel {
        padding: 0;
    }

    .urungoster .marka, .urungoster .marka a {
        color: #ee5555;
    }

    .urungoster p + .marka, .urungoster p + .marka a {
        color: #222222;
    }

    .urungoster .fiyat-hareket {
        display: inline-block;
    }

    .urungoster h2, .urungoster h3 {
        font-style: italic;
        font-weight: normal;
        font-family: 'Playfair Display';
    }

        .urungoster h2 + p {
            font-size: 16px;
        }

    .urungoster:hover .buton {
        border-color: #909090;
        color: #000000;
    }

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

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

.urunslogan {
    position: absolute;
    z-index: 5;
    width: auto;
    min-height: 80px;
    left: 0;
    top: 0;
    overflow: hidden;
    padding: 10px;
    text-align: left;
}

    .urunslogan > img {
        position: relative;
        z-index: 2;
        float: left;
        max-height: 25px;
        padding-right: 5px;
    }

.kategori-dizil .urunslogan {
    zoom: 100%;
}

.urunslogandetay {
    position: absolute;
    z-index: 5;
    min-height: 80px;
    left: 0;
    top: 0;
    overflow: hidden;
    text-align: left;
    margin: 10px 0px;
}

    .urunslogandetay > img {
        position: relative;
        z-index: 2;
        float: left;
        max-height: 30px;
        padding-bottom: 20px;
    }

.urun-tek .urunslogan {
    left: auto;
    right: 0;
    text-align: center;
    width: 110px;
}

.urunslogan .metin {
    display: inline-block;
    position: relative;
    z-index: 6;
    text-align: center;
    background: #FFFFFF;
    padding: 7px 7px 5px 7px;
    border: 1px solid #ababab;
    font-size: 16px;
    min-width: 60px;
    box-sizing: border-box;
    font-size: 10px;
}

    .urunslogan .metin + .metin {
        margin-top: 15px;
    }

    .urunslogan .metin:before {
        content: "";
        position: absolute;
        top: 100%;
        left: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 30px 0 30px;
        border-color: #ababab transparent transparent transparent;
        z-index: 1;
    }

    .urunslogan .metin:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 28px 0 28px;
        border-color: #ffffff transparent transparent transparent;
        z-index: 2;
    }

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

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

.urunslogan.yenisezon:before {
    background: #444444;
}

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

.urunslogan.yenisezon .metin:before, .urunslogan.dusukstok .metin:before, .urunslogan.sadece-online .metin:before, .urunslogan.tukenmek-uzere .metin:before {
    border-width: 9px 35px 0 35px;
    left: 0;
    margin-left: 0;
}

.urunslogan.taze .metin, .urunslogan.tukendi .metin {
    line-height: 23px;
}

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

.urunslogan.sadece-online:before {
    background: #52bbb2;
}

.urunslogan.sadece-online .metin {
    color: #52bbb2;
}

.urunslogan.tukendi:before {
    background: #cccccc;
}

.urunslogan.tukendi .metin {
    color: #333333;
}

.urunslogan.hediyeli:before {
    background: #ff6e04;
}

.urunslogan.hediyeli .metin {
    color: #ff6e04;
}

.sloganlar {
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
}

    .sloganlar .yeni {
        display: inline-block;
        color: #FF6E00;
        width: 60px;
        font-size: 18px;
    }

        .sloganlar .yeni:before {
            background-position: -192px -90px;
            width: 18px;
            height: 12px;
            margin-bottom: 5px;
        }

    .sloganlar .edataspinar {
        display: inline-block;
        text-align: left;
        text-indent: -999em;
        width: 82px;
        height: 38px;
        background-position: -141px -233px;
    }

    .sloganlar > span {
        vertical-align: middle;
    }

        .sloganlar > span + span {
            margin-left: 5px;
        }

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

    .kareabanner img {
        display: block;
    }

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

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

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

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

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

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

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

/** sekmeler **/

.jistisna-sekme {
    overflow: hidden;
    clear: both;
}

    .jistisna-sekme .sekme-icerik {
        margin-bottom: 30px;
    }

.sekmetik {
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

    .sekmetik h2, .sekmetik li {
        font: normal 11px 'Avenir';
        text-align: center;
        padding: 30px 10px;
        margin: 0;
    }

    .sekmetik h2 {
        width: 20%;
        float: left;
        background: #f8f8f8;
    }

    .sekmetik ul {
        width: 80%;
        float: left;
    }

        .sekmetik ul li {
            width: 33.3%;
            float: left;
            border-left: 1px solid #e1e1e1;
            cursor: pointer;
        }

            .sekmetik ul li:hover, .anasahife .sekmetik ul li.etkin {
                background: #f8f8f8;
            }

.kadin-ucleme .sekme-icerik, .erkek-ucleme .sekme-icerik {
    padding: 10px;
}

    .kadin-ucleme .sekme-icerik .sekme-icerik-eleman, .erkek-ucleme .sekme-icerik .sekme-icerik-eleman {
        overflow: hidden;
    }

.sekmetik ul li:after {
    width: 10px;
    height: 6px;
    margin-left: 15px;
    background-position: -220px -11px;
    display: none;
}

.sekmetik ul li.etkin:after {
    display: inline-block;
}

.sekmetik.kadin-sekme h2 {
    background: #fcf2f7;
}

.sekmetik.erkek-sekme h2 {
    background: #d7ebfe;
}

.genel-sekme .sekmetik ul {
    width: auto;
    float: none;
}

    .genel-sekme .sekmetik ul li {
        width: auto;
    }

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

.jistisna-sekme.dikey-sekme .sekmetik {
    float: left;
    border: 0;
}

    .jistisna-sekme.dikey-sekme .sekmetik ul {
        width: 100%;
    }

        .jistisna-sekme.dikey-sekme .sekmetik ul li {
            float: none;
            display: block;
            width: auto;
            font-size: 18px;
            text-align: left;
            padding: 15px 10px;
            border: 0;
        }

            .jistisna-sekme.dikey-sekme .sekmetik ul li + li {
                border-top: 1px solid #e1e1e1;
            }

.jistisna-sekme.dikey-sekme .sekme-icerik {
    float: right;
}

.jistisna-sekme.dikey-sekme .sekmetik ul li.etkin {
    background-color: #f8f8f8;
}

    .jistisna-sekme.dikey-sekme .sekmetik ul li.etkin:after {
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        float: right;
        margin: 7px 0 0;
    }

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

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

.sekmetik.urun-detay-sekme {
    border-top: 0;
}

    .sekmetik.urun-detay-sekme ul {
        width: auto;
        float: none;
    }

        .sekmetik.urun-detay-sekme ul li {
            width: auto;
            border: 0;
            border-bottom: 4px solid #8f8f8f;
            font: normal 20px 'Avenir Condensed';
        }

            .sekmetik.urun-detay-sekme ul li + li {
                margin-left: 10px;
            }

            .sekmetik.urun-detay-sekme ul li.etkin {
                background: #f5f5f7;
            }

                .sekmetik.urun-detay-sekme ul li.etkin:after {
                    display: none;
                }

.urun-detay-sekme + .sekme-icerik .sekme-icerik-eleman {
    position: relative;
}

.urun-detay-sekme + .sekme-icerik div.kolon {
    padding: 20px;
}

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

/** yeni ne var **/

.yeni-ne-var {
    text-align: center;
    padding: 60px;
    font-size: 17px;
}

    .yeni-ne-var h2 {
        font: normal 50px 'Avenir';
        margin-bottom: 0;
    }

        .yeni-ne-var h2 + p {
            font: italic 20px 'Playfair Display';
            color: #ee5555;
        }

    .yeni-ne-var .inputani {
        margin: 30px 0 !important;
    }

    .yeni-ne-var input[type=text] {
        width: 80%;
    }

    .yeni-ne-var input[type=button] {
        margin-left: -1px;
        position: relative;
    }

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

        .yeni-ne-var .sebepler li:before {
            display: inline-block;
            font: italic 14px 'Playfair Display';
            color: #ee5555;
            margin-right: 5px;
        }

        .yeni-ne-var .sebepler li:nth-child(1):before {
            content: "1.";
        }

        .yeni-ne-var .sebepler li:nth-child(2):before {
            content: "2.";
        }

        .yeni-ne-var .sebepler li:nth-child(3):before {
            content: "3.";
        }

        .yeni-ne-var .sebepler li:nth-child(4):before {
            content: "4.";
        }

        .yeni-ne-var .sebepler li:nth-child(5):before {
            content: "5.";
        }

/** hızlı teslimat **/

.hizli-teslimat {
    background: #f9eacd url(../images/design/beyaznokta.png) 0 0 repeat;
    padding: 100px 60px 60px 160px;
}

    .hizli-teslimat p {
        position: relative;
        z-index: 2;
    }

        .hizli-teslimat p + p {
            font: italic 30px 'Playfair Display';
            color: #ee5555;
        }

    .hizli-teslimat img.sagda {
        position: relative;
        margin: -140px -30px -40px -60px;
        z-index: 1;
    }

/**gift card**/

.gift-card {
    background: #eddce7 url(../images/design/beyaznokta.png) 0 0 repeat;
    padding: 20px;
    text-align: center;
    font-size: 20px;
}

    .gift-card p {
        font-size: 20px;
        line-height: 270%;
        margin-left: 25%;
        margin-right: 25%;
    }

        .gift-card p:first-child, .gift-card p[class*=y] {
            font-size: 50px;
            margin-left: auto;
            margin-right: auto;
            line-height: normal;
        }

    .gift-card .tl {
        vertical-align: middle;
        float: none;
    }

/**facebook beğen kolon**/

.facebook-begen {
    padding: 50px 40px;
    border-top: 1px solid #e1e1e1;
}

    .facebook-begen .makas {
        border: 1px dashed #acacac;
        border-radius: 16px;
        position: relative;
        padding: 32px 20px;
        text-align: center;
        font-size: 20px;
        line-height: 280%;
        color: #3b5998;
    }

        .facebook-begen .makas p {
            margin-left: 25%;
            margin-right: 25%;
        }

            .facebook-begen .makas p:last-child {
                margin-left: auto;
                margin-right: auto;
            }

            .facebook-begen .makas p.egdir {
                margin: 0;
                position: absolute;
                left: -10px;
                top: -10px;
                background: #FFFFFF;
                padding: 10px;
                font-size: 38px;
                color: #ee5555;
            }

        .facebook-begen .makas:before {
            content: "";
            display: inline-block;
            width: 36px;
            height: 28px;
            background-position: -137px -90px;
            position: absolute;
            top: -14px;
            left: 50%;
        }

.buton.facebook, .buton.facebook:hover {
    background: #3b5998;
    color: #FFFFFF;
    padding: 18px 36px;
    height: auto;
    position: relative;
}

    .buton.facebook:before {
        content: "";
        width: 21px;
        height: 19px;
        background-position: -209px -120px;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #627aad;
    }

    .buton.facebook:hover:before {
        background-position: -200px -120px;
    }

    .buton.facebook:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        right: 4px;
        bottom: 4px;
        border: 1px solid #627aad;
    }

    .buton.facebook:hover:after {
        border-color: #FFFFFF;
    }

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

.kolon {
    width: auto;
}

.kolon2 {
    width: 50%;
    float: left;
}

    .kolon2 + .kolon2 {
        float: right;
    }

.kolon4te3 {
    width: 75%;
    float: left;
}

.kolon4, .kolon4te1 {
    width: 25%;
    float: left;
}

.kolon3 {
    float: left;
    width: 33.3%;
}

.kolon3te2 {
    width: 66.6%;
    float: left;
}

.kolon + .kolon3te2 {
    float: right;
    padding-left: 5%;
}

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

span.kolon {
    display: inline-block;
}

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

/** ayak **/

footer.ayak {
    margin-bottom: 50px;
}

    footer.ayak > .sayfaG {
        max-width: 1340px;
        padding: 70px 0;
    }

    footer.ayak article, footer.ayak article li, footer.ayak p {
        display: inline-block;
    }

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

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

        footer.ayak hr.iki {
            border: none;
            margin: 5px auto;
        }

    footer.ayak .boynergrup {
        float: left;
    }

    footer.ayak .aymarka {
        float: right;
    }

.ayaklink {
    margin-left: -5px;
}

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

.sosyalmedya {
    float: right;
}

    .sosyalmedya li a {
        background-position: 6px -751px;
        width: 36px;
        height: 36px;
        border: 1px solid #000000;
        border-radius: 50%;
        text-align: left;
        text-indent: -999em;
    }

        .sosyalmedya li a:hover {
            background-position: 6px -782px;
            border-color: #45619D;
        }

        .sosyalmedya li a[href*=twit] {
            background-position: -33px -750px;
        }

            .sosyalmedya li a[href*=twit]:hover {
                background-position: -33px -782px;
                border-color: #50ABF1;
            }

        .sosyalmedya li a[href*=insta] {
            background-position: -72px -750px;
        }

            .sosyalmedya li a[href*=insta]:hover {
                background-position: -72px -782px;
                border-color: #9D6B52;
            }

        .sosyalmedya li a[href*=google] {
            background-position: -111px -750px;
        }

            .sosyalmedya li a[href*=google]:hover {
                background-position: -111px -780px;
                border-color: #DC472D;
            }

        .sosyalmedya li a[href*=pinterest] {
            background-position: 6px -930px;
        }

            .sosyalmedya li a[href*=pinterest]:hover {
                background-position: 6px -961px;
                border-color: #D11E16;
            }

        .sosyalmedya li a[href*=mail] {
            background-position: -155px -749px;
        }

            .sosyalmedya li a[href*=mail]:hover {
                background-position: -155px -781px;
                border-color: #888888;
            }

        .sosyalmedya li a[href*=youtube] {
            background-position: -217px -926px;
        }

            .sosyalmedya li a[href*=youtube]:hover {
                background-position: -217px -964px;
                border-color: #C04032;
            }

#beni-paylas .sosyalmedya {
    float: none;
}

    #beni-paylas .sosyalmedya li {
        display: inline-block;
    }

#beni-paylas {
    text-align: center;
}

.paylas {
    float: right;
}

    .paylas a {
        width: 18px;
        height: 18px;
        background-position: -197px -406px;
    }

        .paylas a.favoriekle, span.favoriekle {
            width: 16px;
            height: 15px;
            background-position: -224px -406px;
        }

        .paylas a.hediyeet {
            background-position: -117px -406px;
            width: 16px;
        }

        .paylas a + a {
            margin-left: 10px;
        }

        .paylas a:hover {
            filter: alpha(opacity=60);
            opacity: .6;
        }

    .paylas + p, .paylas + div {
        margin-top: 0;
    }

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

.ebulten-mini {
    font-size: 16px;
}

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

.boynergrup {
    width: 152px;
    height: 25px;
    text-align: left;
    text-indent: -999em;
    background-position: -71px -189px;
}

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

.hemen-sor {
    position: fixed;
    z-index: 50;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right !important;
    height: 0;
    overflow: visible;
}

    .hemen-sor > .sayfaG {
        height: 0;
        overflow: visible;
    }

    .hemen-sor a {
        display: inline-block;
        background: #f9eacd;
        padding: 12px 20px;
        font: italic 20px 'Playfair Display';
        color: rgba(0,0,0,.75);
    }
    /* .hemen-sor a:before {width:52px; height:42px; background-position:-137px -130px; margin-right:10px} */
    .hemen-sor.etkin {
        bottom: 53px;
    }

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

a.yukarigit {
    position: fixed;
    z-index: 55;
    right: 10px;
    bottom: 10px;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -999em;
    background-position: -77px -387px;
    cursor: pointer;
}

    a.yukarigit.etkin {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.muhtesempoap {
    position: fixed;
    z-index: 99999991;
    left: 0;
    top: 101%;
    right: 0;
    height: 0;
    overflow: hidden;
}

    .muhtesempoap.etkin {
        overflow: visible;
    }

    .muhtesempoap.mutlak {
        position: absolute;
    }

    .muhtesempoap .sayfaG {
        border: 1px solid #e1e1e1;
        background: #FFFFFF;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
        -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.5);
        box-shadow: 0 0 24px 0 rgba(0,0,0,.5);
        opacity: 0;
    }

    .muhtesempoap.etkin .sayfaG {
        opacity: 1;
    }

    .muhtesempoap[bukim*=arama] .sayfaG, .muhtesempoap[bukim*=beden-gelince-bildir] .sayfaG, .muhtesempoap[bukim*=oturum] .sayfaG, .muhtesempoap[bukim*=siparis-iptal] .sayfaG {
        max-width: 500px;
    }

    .muhtesempoap[bukim*=beni-paylas] .sayfaG, .muhtesempoap[bukim*=favorilere] .sayfaG, .muhtesempoap[bukim*=hediye-et] .sayfaG, .muhtesempoap[bukim*=sepet-sil-onay] .sayfaG, .muhtesempoap[bukim*=adres-sil-onay] .sayfaG {
        max-width: 300px;
    }

    .muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG, .muhtesempoap[bukim*=yeni-adres-ekle] .sayfaG {
        max-width: 768px;
    }

        .muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG article {
            max-height: 400px;
            overflow: auto;
        }

    .muhtesempoap[bukim*=uye] .sayfaG {
        max-width: 850px;
    }

    .muhtesempoap[bukim*=buyuk-urun] .sayfaG {
        max-width: 1280px;
    }

.gri {
    background: #f8f8f8;
    padding: 10px;
}

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

.muhtesempoap a.buton {
    font-size: 13px;
}

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

.arama h2 {
    font-family: 'Avenir';
    text-align: center;
}

.arama input[type=text] {
    width: 100%;
}

.arama p {
    position: relative;
}

.arama input[type=button], .arama a.buton {
    position: absolute;
    right: 0;
    top: 0;
}

/**selectleri manipüle**/

.izole {
    position: relative;
}

select.soldur {
    position: absolute;
    z-index: 2;
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
}

span.select {
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    border: 1px solid #E1E1E1;
    font-family: 'Avenir Condensed';
}

    span.select:after {
        width: 10px;
        height: 6px;
        background-position: -220px -11px;
        position: absolute;
        right: 10px;
        top: 45%;
    }

/**ekmek kirintisi**/

.ekmek-kirintisi {
    display: inline-block;
    padding: 10px 15px;
}

    .ekmek-kirintisi li {
        display: inline-block;
    }

        .ekmek-kirintisi li a {
            line-height: normal;
            font-size: 12px;
            font-family: 'Avenir Condensed';
        }

        .ekmek-kirintisi li + li {
            margin-left: 5px;
        }

            .ekmek-kirintisi li + li:before {
                width: 2px;
                height: 5px;
                background-position: -234px -55px;
                margin-right: 5px;
            }

/**numaranı seç**/

.numarani-sec:after {
    position: absolute;
    background-position: -220px -11px;
    width: 10px;
    height: 6px;
    right: 10px;
    top: 17px;
}

.numarani-sec {
    float: right;
    margin: 0 !important;
    width: 24.9%;
    border-left: 1px solid #E1E1E1;
    position: relative;
    color: #363636;
    font-size: 0;
    position: relative;
    cursor: pointer;
}

    .numarani-sec > span {
        display: block;
        width: 49.6%;
        line-height: 40px;
        text-align: center;
        font: 13px/40px 'Avenir Condensed';
        float: left;
        box-sizing: border-box;
    }

    .numarani-sec span.sec {
        border-right: 1px solid #e1e1e1;
    }

    .numarani-sec span.secilenler {
        font: italic 20px/40px 'Playfair Display';
        padding-right: 20px;
        max-height: 40px;
        overflow: hidden;
    }

.numaralar {
    padding: 20px;
    position: absolute;
    z-index: 1;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    left: -1px;
    top: 100%;
    right: 0;
    display: none;
}

    .numaralar li {
        width: 33.3%;
        float: left;
    }

        .numaralar li label {
            display: block;
        }

/*
.numarani-sec .jQmerAcilirKutu {border:none; z-index:20; background-color:transparent}
.numarani-sec .jQmerAcilirKutu span.yazi {font:italic 20px 'Playfair Display'; color:#636363; text-align:center;line-height:20px; padding-left:50%}
*/
/** filtre alanı **/

.filtre-alani {
    border-top: 1px solid #E1E1E1;
    background: #FFFFFF;
}

    .filtre-alani.scroll-to-fixed-fixed {
        border-bottom: 1px solid #E1E1E1;
        border-top: 0;
    }

/** kategori dizilimleri **/

.kategori-dizil, .kategori-dizil div, .kategori-dizil article, .kategori-dizil a, .kategori-dizil h2 {
    color: #444344;
}

.sayfalama, .sayfalama div, .sayfalama article, .sayfalama a, .sayfalama h2 {
    color: #8c8b8c;
    font-family: 'Avenir Condensed';
}

.kategori-dizil article {
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
    padding: 16px;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
    /** varsayılan görünüm */
    .kategori-dizil article + article {
        margin-top: 0;
    }
    /* .kategori-dizil article + article {border-left:1px solid #e1e1e1;margin-top:0} */
    .kategori-dizil article .gorsel img {
        max-height: 400px;
        width: auto;
    }

    .kategori-dizil article h2 {
        font: italic 18px 'Playfair Display';
        margin-bottom: 15px;
    }

    .kategori-dizil article .marka {
        font-size: 11px;
    }

.kategori-dizil.dizilim_4 article.urun:nth-child(4n+4), .kategori-dizil.dizilim_3 article.urun:nth-child(3n+3) {
    border-right: 0;
}

/* .kategori-dizil.dizilim_4 article:nth-child(4) ~ article {border-top:1px solid #e1e1e1;}
.kategori-dizil.dizilim_4 article.urun:nth-child(4n+5) {border-left:0} */

.kategori-dizil.dizilim_3 article {
    width: 33.3%;
}
/* .kategori-dizil.dizilim_3 article:nth-child(3) ~ article { border-top:1px solid #e1e1e1; }
.kategori-dizil.dizilim_3 article.urun:nth-child(3n+4) {border-left:0}
*/

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

.kategori-dizil article.seo {
    text-align: left;
}

    .kategori-dizil article.seo h2 {
        font: normal 32px 'Avenir Condensed';
        color: #444444;
        margin-bottom: 20px;
    }

    .kategori-dizil article.seo .gorunum-sec {
        position: absolute;
        left: 16px;
        top: 16px;
        right: 16px;
    }

        .kategori-dizil article.seo .gorunum-sec a.sagda {
            margin: 16px 0 0;
        }

    .kategori-dizil article.seo .jQmerAcilirKutu, .kategori-dizil article.seo .chosen-container {
        display: inline-block;
        border: none;
        width: auto !important;
        border: 0;
        border-bottom: 3px solid #444444;
    }

        .kategori-dizil article.seo .chosen-container.chosen-container-single .chosen-single {
            border: 0;
            padding-left: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        .kategori-dizil article.seo .jQmerAcilirKutu span.yazi {
            padding: 10px 30px 5px 10px;
            font: normal 20px 'Avenir Condensed';
        }

    .kategori-dizil article.seo .tablo .hucre {
        vertical-align: middle;
        text-align: left;
        padding-top: 60px;
    }

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

.sayfalama {
    border-top: 1px solid #E1E1E1;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

    .sayfalama.ustte {
        border-top: 0;
        border-bottom: 1px solid #E1E1E1;
        height: 60px;
        line-height: 60px;
    }

    .sayfalama a.onceki, .sayfalama a.sonraki {
        position: relative;
        text-align: left;
        text-indent: -999em;
        display: inline-block;
        width: 100px;
    }

        .sayfalama a.onceki:hover, .sayfalama a.sonraki:hover {
            background-color: #F8F8F8;
        }

    .sayfalama a.onceki {
    }

    .sayfalama a.sonraki {
    }

    .sayfalama a.onceki:before {
        width: 52px;
        height: 27px;
        background-position: 0 -53px;
        position: absolute;
        top: 50%;
        margin-top: -13px;
        right: 0;
    }

    .sayfalama a.sonraki:before {
        width: 52px;
        height: 27px;
        background-position: -71px -53px;
        position: absolute;
        top: 50%;
        margin-top: -13px;
        left: 0;
    }

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

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

    .sayfalama span.nolar {
        overflow: hidden;
        display: inline-block;
        float: none;
        font-size: 0px;
    }

        .sayfalama span.nolar a {
            display: inline-block;
            padding: 0 20px;
            text-align: center;
            font-size: 14px;
        }

            .sayfalama span.nolar a + a {
                border-left: none;
            }

            .sayfalama span.nolar a:hover {
                background-color: #f8f8f8;
            }

            .sayfalama span.nolar a.etkin {
                color: #52bbb2;
                cursor: default;
            }

    .sayfalama span.oteki-secenekler a {
        display: inline-block;
        padding: 0 20px;
    }

    .sayfalama span.oteki-secenekler span.kacurun {
        text-align: center;
        display: inline-block;
        padding: 0 20px;
        line-height: normal;
    }

        .sayfalama span.oteki-secenekler span.kacurun em {
            font: italic 20px 'Playfair Display';
        }

/**  ürün renk seçenek - kategori dizilim **/
.diger-secenekler {
    font-family: 'Avenir Condensed';
}

    .diger-secenekler span {
        font-size: 12px;
    }

        .diger-secenekler span:after {
            width: 10px;
            height: 6px;
            background-position: -220px -11px;
            margin-left: 5px;
        }

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

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

/** filtre alanı **/

.filtreler {
    float: left;
    width: 83.5%;
}

.siralama {
    float: right;
    width: 16.5%;
    position: relative;
}

    .siralama .jQmerAcilirKutu {
        border: none;
    }

        .siralama .jQmerAcilirKutu span.yazi {
            font: 13px/40px 'Avenir Condensed';
            padding-top: 0;
            padding-bottom: 0;
        }

.filtreler > li {
    float: left;
    width: 16.66666666666667%;
    padding: 0 30px 0 15px;
    line-height: 40px;
    border-right: 1px solid #E1E1E1;
    position: relative;
    font-family: 'Avenir Condensed';
    cursor: pointer;
}

    .filtreler > li.ilk + li.etkin {
        border-left: 1px solid #E1E1E1;
    }

    .filtreler > li:hover, .filtreler > li.etkin {
        background-color: #f8f8f8;
    }

    .filtreler > li:after {
        width: 11px;
        height: 6px;
        background-position: -220px -11px;
        position: absolute;
        z-index: 1;
        right: 10px;
        top: 17px;
    }

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

    .filtreler > li > div {
        cursor: default;
    }

    .filtreler > li[data-kim=numaranisec] {
        display: none !important;
    }

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

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

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

.filtre-secenek {
    position: absolute;
    z-index: 10;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    left: -1px;
    right: -302.5%;
    top: 100%;
    display: none;
}

    .filtre-secenek.fiyat-araligi {
        width: 310px;
        left: auto;
        border-top: 1px solid #e1e1e1;
        right: 0;
    }

.fiyat-araligi .aralik-slayt {
    padding: 40px 0 20px 0;
}

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

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

.filtre-tik {
    max-height: 200px;
    overflow: auto;
}

    .filtre-tik li {
        margin: 2.5px 0;
        overflow: hidden;
        width: 33.3%;
        float: left;
    }

    .filtre-tik label {
        font-size: 13px;
        line-height: 18px;
        display: inline-block;
    }

.filtre-link {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

    .filtre-link a + a {
        margin-left: 5px;
        white-space: nowrap;
    }

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

.jQmerAcilirKutu {
    position: relative;
    display: block;
    vertical-align: middle;
    padding: 0;
}

    .jQmerAcilirKutu:before {
        width: 10px;
        height: 6px;
        background-position: -220px -11px;
        position: absolute;
        right: 10px;
        top: 48%;
    }

    .jQmerAcilirKutu span {
        padding: 10px;
        display: block;
    }

        .jQmerAcilirKutu span.yazi {
            font: normal 14px 'Avenir';
        }

    .jQmerAcilirKutu select {
        filter: alpha(opacity=0);
        opacity: 0;
        position: relative;
        z-index: 2;
        float: none;
        border: 0;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .jQmerAcilirKutu.farkli select {
        display: none;
    }

    .jQmerAcilirKutu:hover, .jQmerAcilirKutu.acik {
    }

    .jQmerAcilirKutu.farkli select + span {
        z-index: 3;
        cursor: pointer;
        overflow: visible;
        padding: 0;
    }

    .jQmerAcilirKutu.farkli ul.secenekler {
        position: absolute;
        display: none;
        overflow: auto;
        left: -1px;
        top: 100%;
        padding: 10px 0;
        background: #fff;
        min-width: 100%;
        z-index: 10;
        border: 1px solid #e1e1e1;
        margin: 0;
        max-height: 200px;
    }

    .jQmerAcilirKutu.farkli .secenekler li {
        cursor: pointer;
        padding: 0 10px;
        white-space: nowrap;
        font: normal 14px 'Avenir';
        line-height: 30px;
    }

        .jQmerAcilirKutu.farkli .secenekler li:hover, .jQmerAcilirKutu.farkli .secenekler li.secili:hover {
            background: #ddd;
        }

        .jQmerAcilirKutu.farkli .secenekler li.secili {
            background: #eee;
        }

/** checkbox ve radiolar **/

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

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

label {
    display: inline-block;
    padding-left: 23px;
    position: relative;
    z-index: 2;
    vertical-align: middle;
}

    label:before {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: #FFFFFF;
        border: 1px solid #e1e1e1;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        -webkit-box-shadow: inset 0 0 4px 0 #dedede;
        box-shadow: inset 0 0 4px 0 #dedede;
    }

    label:after {
        display: inline-block;
        position: absolute;
        z-index: 2;
        left: 8px;
        top: 8px;
        width: 0;
        height: 0;
        border: none;
        background: #ffffff;
    }

    label a {
        text-decoration: underline;
    }

label {
    margin: 5px;
}

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

input[type=radio] + label:before, input[type=radio] + label:after, input[type=radio] + input[type=hidden] + label:before, input[type=radio] + input[type=hidden] + label:after {
    border-radius: 12px;
}

input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after,
input[type=radio]:checked + input[type=hidden] + label:after, input[type=checkbox]:checked + input[type=hidden] + label:after {
    left: 5px;
    top: 5px;
    background: #222222;
    width: 8px;
    height: 8px;
}

input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + input[type=hidden] + label:after {
    border-radius: 2px;
}

input[type=radio]:disabled + label, input[type=checkbox]:disabled + label,
input[type=radio]:disabled + input[type=hidden] + label, input[type=checkbox]:disabled + input[type=hidden] + label {
    color: #BFBFBF;
}

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

/** ürün detay **/

.orta-alan.urun-detay {
    border-top: 0;
}

.urun-hareketleri {
    position: absolute;
    z-index: 15;
    left: 10px;
    top: 25px;
    width: 120px;
}

.urun-tek {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
}

    .urun-tek .fotolar {
        padding: 25px;
        border-right: 1px solid #e1e1e1;
        position: relative;
    }

    .urun-tek .urun-fonksiyon {
        padding: 25px;
        position: relative;
    }

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

.urun-fonksiyon, .urun-fonksiyon div, .urun-fonksiyon table, .urun-fonksiyon h2 {
    font-family: 'Avenir Condensed';
    color: #444344;
}

    .urun-fonksiyon .bildirim, .genel-icerik .bildirim, .orderSum .bildirim {
        margin-bottom: 10px;
    }

    .urun-fonksiyon .y12, .urun-fonksiyon h2 {
        letter-spacing: 1px;
    }

    .urun-fonksiyon h2 {
        font-size: 30px;
    }

    .urun-fonksiyon h1 {
        font-size: 30px;
    }

    .urun-fonksiyon .eski-fiyat {
        text-decoration: line-through;
        font-size: 18px;
    }

    .urun-fonksiyon .fiyat {
        font-size: 30px;
    }

    .urun-fonksiyon p[class*=fiyat] .tl {
        vertical-align: middle;
    }

    .urun-fonksiyon sup {
        font-size: 14px;
    }

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

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

    .urun-fonksiyon .renk {
        margin-left: -3px;
        margin-right: -3px;
    }

.renk label:before, .renk label:after {
    display: none;
}

.renk label {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    border-left-width: 12px;
    color: #000000;
}

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

.renk input[type=radio]:disabled + label {
    cursor: default;
}
/* .urun-fonksiyon label + input, .urun-fonksiyon  label + input + label {margin-left:3px} */
.urun-fonksiyon label {
    margin: 3px;
}

.beden label:before, .beden label:after, .renk label:before, .renk label:after {
    left: -6px;
    right: -6px;
    top: 50%;
    height: 1px !important;
    border: none;
    box-shadow: none;
    background: #999999 !important;
    width: auto;
    display: none;
}

.beden label {
    display: inline-block;
    padding: 5px;
    border: 1px solid #999999;
    cursor: pointer;
    color: #000000;
}

.renk label:before, .renk label:after {
    left: -1px;
    right: -1px;
}

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

.beden label.stokaz:after {
    display: none;
}

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

.beden input[type=radio]:disabled + label, .renk input[type=radio]:disabled + label {
    cursor: default;
}

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

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

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

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

.secenek-aciklama em {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-position: -140px -380px;
}

    .secenek-aciklama em:nth-child(2) {
        background-position: -157px -380px;
        margin-left: 10px;
    }

    .secenek-aciklama em:nth-child(3) {
        background-position: -174px -380px;
        margin-left: 10px;
    }

.urun-secenek {
    margin-top: 30px;
}

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

.beden-gelince a.buton {
    font-size: 12px;
    display: block;
    background: #FFFFFF;
    color: #ee5555;
    border-color: #ee5555;
}

    .beden-gelince a.buton:hover {
        background: #ee5555;
        color: #FFFFFF;
        filter: alpha(opacity=100);
        opacity: 1;
    }

.sepete-atma-fonksiyon {
    background: #ff6e04;
    position: relative;
    font-size: 24px;
    padding: 10px;
    margin-top: 20px;
}

    .sepete-atma-fonksiyon .girdi {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        font-size: 11px;
        color: #FFFFFF;
        text-align: center;
    }

    .sepete-atma-fonksiyon input[type=text] {
        width: 100%;
        height: auto;
        border: none;
        background: none;
        color: #FFFFFF;
        text-align: center;
        font: normal 24px 'Avenir Light';
        padding: 2px;
    }

        .sepete-atma-fonksiyon input[type=text]:focus {
            border: 0;
        }

    .sepete-atma-fonksiyon a {
        color: #FFFFFF;
    }

    .sepete-atma-fonksiyon .azalt, .sepete-atma-fonksiyon .artir {
        display: inline-block;
        padding: 5px 10px;
        text-align: center;
    }

    .sepete-atma-fonksiyon a.buton {
        background: none;
        border: none;
        float: right;
        font: normal 18px 'Avenir Condensed';
        padding: 7px 10px;
    }

        .sepete-atma-fonksiyon a.buton:before {
            width: 25px;
            height: 31px;
            background-position: -141px -332px;
            margin-right: 10px;
        }

    .sepete-atma-fonksiyon:before {
        content: "";
        display: block;
        position: absolute;
        left: 46%;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #FFFFFF;
    }

.urun-hareketleri, .urun-hareketleri div, .urun-hareketleri table, .urun-hareketleri span {
    color: #444444;
}

    .urun-hareketleri .jQmerAcilirKutu {
        border: 0;
        border-top: 3px solid #444444;
        display: inline-block;
        padding-top: 5px;
    }

        .urun-hareketleri .jQmerAcilirKutu span {
            padding: 0;
        }

            .urun-hareketleri .jQmerAcilirKutu span.yazi {
                font-size: 14px;
                padding-right: 30px;
            }
    /*.urun-hareketleri p + p {font:italic 11px 'Playfair Display'}*/
    .urun-hareketleri p + p em {
        font-size: 24px;
        display: block;
    }

.yildizver {
    display: block;
    margin-bottom: 5px;
}

    .yildizver label:before, .yildizver label:after {
        display: none;
    }

    .yildizver label + input, .yildizver label + input + label {
        margin-left: 3px;
    }

    .yildizver label {
        width: 12px;
        height: 12px;
        background-position: -141px -405px;
        padding: 0;
        cursor: pointer;
    }

        .yildizver label.etkin {
            background-position: -173px -405px;
        }

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

.yildizlar {
    position: relative;
    z-index: 1;
}

    .yildizlar .puani {
        display: block;
    }

        .yildizlar .puani em {
            display: inline-block;
            width: 12px;
            height: 13px;
            background-position: -141px -405px;
        }

            .yildizlar .puani em.etkin {
                display: inline-block;
                width: 12px;
                height: 13px;
                background-position: -173px -405px;
            }

            .yildizlar .puani em + em {
                margin-left: 2px;
            }

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

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

    .yildiz-oyla .yildizver {
        white-space: nowrap;
    }

/** yorumlar **/

.yorumlar li {
    padding: 15px 15px 15px 32px;
    min-height: 18px;
    position: relative;
}

    .yorumlar li:before {
        width: 21px;
        height: 18px;
        background-position: -207px -379px;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 15px;
    }

.yorum-yaz textarea {
    width: 100%;
}

/** sosyalleş **/

.sosyalles {
    margin-bottom: 40px;
}

    .sosyalles, .sosyalles div, .sosyalles table {
        font: normal 14px 'Avenir Condensed';
        color: #444344;
    }

        .sosyalles h2 {
            font: normal 20px 'Avenir Condensed';
            display: inline-block;
            color: #444344;
            padding-top: 10px;
            border-top: 3px solid #444344;
        }

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

    .anamenuac.etkin {
        background-color: #f7f7f7;
        box-shadow: none;
        box-shadow: inset 0 0 3px 0 rgba(255,255,255,.8); /*background-position:-33px -501px;*/
    }

/** sepetim **/

.sepetim .kolon4te3 {
    width: 70%;
}

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

.sepetim .orderSum .kolon4te3 {
    width: 65%;
}

.sepetim .orderSum .kolon4te1 {
    width: 35%;
}

.basketProducts {
    margin-bottom: 30px;
}

    .basketProducts .titles {
        font-size: 0;
        border-bottom: 1px solid #e1e1e1;
        padding: 10px 0;
        background: #f8f8f8;
    }

        .basketProducts .titles:before {
            content: "";
            display: inline-block;
            width: 12.8%;
        }

        .basketProducts .titles > span {
            display: inline-block;
            width: 33.6%;
            font-size: 14px;
        }

            .basketProducts .titles > span + span {
                width: 20%;
                text-align: left;
            }

            .basketProducts .titles > span.num {
                width: 10.7%;
            }

            .basketProducts .titles > span.cost {
                width: 22%;
            }

.siparis-takip .basketProducts .titles > span.num {
    width: 16%;
}

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

.basketProducts .product {
    font-size: 0;
    padding: 10px 0;
    position: relative;
}

    .basketProducts .product ~ .product {
        border-top: 1px solid #e1e1e1;
    }

    .basketProducts .product:last-child {
        border-bottom: 1px solid #e1e1e1;
    }
    /* .basketProducts .product:nth-child(odd) {background-color:#f8f8f8} */
    .basketProducts .product > div.img, .basketProducts .product > div.details {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .basketProducts .product .img {
        width: 12%;
    }

        .basketProducts .product .img a {
            display: block;
            text-align: center;
        }

        .basketProducts .product .img img {
            max-width: none;
            height: 40px;
            width: auto;
        }

    .basketProducts .product .details {
        width: 88%;
    }

        .basketProducts .product .details .others {
            font-size: 0;
        }

            .basketProducts .product .details .others ul {
                display: inline-block;
                width: 39%;
                font-size: 14px;
                vertical-align: middle;
            }

            .basketProducts .product .details .others .info li {
                display: inline-block;
                vertical-align: middle;
            }

            .basketProducts .product .details .others ul + ul {
                width: 20%;
            }

                .basketProducts .product .details .others ul + ul.num {
                    width: 15%;
                }

                .basketProducts .product .details .others ul + ul.cost {
                    width: 26%;
                }

    .basketProducts .product:after {
        display: block;
        content: "";
        clear: both;
    }

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

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

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

        .basketProducts .product .buton.delete:hover {
            background-color: #e1e1e1;
        }

    .basketProducts .product .details .others .cost li {
        display: inline-block;
    }

        .basketProducts .product .details .others .cost li:last-child {
            float: right;
        }

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

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

.numMinPlus {
    font-size: 0;
}

    .numMinPlus > span {
        font-size: 12px;
    }

    .numMinPlus input {
        display: inline-block;
    }

    .numMinPlus .minus, .numMinPlus .plus {
        padding: 2px;
        width: 24px;
        cursor: pointer;
        font-size: 13px;
    }

    .numMinPlus .minus {
        background-position: -85px -507px;
        border-right: 0;
    }

    .numMinPlus .plus {
        background-position: -126px -508px;
        border-left: 0;
    }

        .numMinPlus .minus:hover, .numMinPlus .plus:hover {
            background-color: #f8f8f8;
        }

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

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

.orderSum.buyukozet, .menu-sekmesi .sag-bit .basketProducts {
    background: #FFFFFF;
    padding: 20px;
    border: 1px solid #e1e1e1;
    position: relative;
    z-index: 900 !important;
}

.orderSum li {
    padding: 5px 0;
    position: relative;
}

    .orderSum li.hopi:before {
        width: 18px;
        height: 16px;
        background-position: -91px -886px;
        position: absolute;
        z-index: 2;
        left: 10px;
        top: 15px;
    }

    .orderSum li.hopi input.hopi {
        padding-left: 32px;
    }

    .orderSum li em {
        font-style: normal;
    }

    .orderSum li:after {
        display: block;
        content: "";
        clear: both;
    }

    .orderSum li > strong {
        float: right;
        margin-left: 20px;
    }

.orderSum a.buton.buy {
    display: block;
}

.orderSum .couponVal, .orderSum input.hopi {
    width: 100%;
}

.orderSum .couponBtn {
    position: absolute;
    right: 0;
    top: 5px;
    width: 35%;
    box-sizing: border-box;
    background: #FFFFFF;
    color: #ff6e04;
    border-color: #e1e1e1;
}

.orderSum .jQmerAcilirKutu {
    border-right: 0;
    max-height: 39px;
}

    .orderSum .jQmerAcilirKutu span {
        padding: 11px 20px;
    }

.menu-sekmesi .sag-bit {
    box-sizing: border-box;
}

    .menu-sekmesi .sag-bit .basketProducts {
        margin-bottom: 0;
    }

    .menu-sekmesi .sag-bit .orderSum.buyukozet {
        padding: 10px 0 0;
        border: 0;
        border-top: 1px solid #e1e1e1;
    }

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

.buton.buy, .buton.turuncu, .buton.buy:hover, .buton.turuncu:hover, .buton.siparis-tamamla, .buton.siparis-tamamla:hover, .buton.odeme-ilk-kontrol {
    background: #ff6e04;
    color: #FFFFFF;
    border: 0;
}

    .buton.buy:hover, .buton.turuncu:hover {
        filter: alpha(opacity=70);
        opacity: .7;
    }

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

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

.mobile {
    display: none !important;
}

.warning {
    color: #D20003;
    font-family: 'Avenir Bold';
}

.marka-ayrac {
    background: #FFFFFF;
}

.sepet-kolonlar h3 {
    text-align: center;
}

    .sepet-kolonlar h3 span {
        width: 80px;
        height: 18px;
        background-position: 0 -246px;
        text-align: left;
        text-indent: -999em;
    }

    .sepet-kolonlar h3.fabrika span {
        width: 98px;
        background-position: 0 -297px;
    }

    .sepet-kolonlar h3.network span {
        width: 84px;
        background-position: 0 -348px;
    }

    .sepet-kolonlar h3.que span {
        width: 45px;
        background-position: 0 -400px;
    }

.sepet-kolonlar strong {
    display: inline-block;
}

.sepet-kolonlar .marka-ayrac, .siparis-ozet {
    padding: 10px;
    border: 1px solid #e1e1e1;
    background: #FFFFFF;
}

    .sepet-kolonlar .marka-ayrac + div, .siparis-ozet + div {
        margin-top: 30px;
    }

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

.indirim-detaylari {
    padding: 10px 20px;
    background: #f8f8f8;
    display: none;
    margin: 10px -20px;
}

    .indirim-detaylari strong {
        float: right;
    }

.hediye-istenmi .yaz {
    display: none;
}

/** merak edilenler **/

.merakedilenler h3 {
    cursor: pointer;
    padding: 8px;
    background: #f8f8f8;
    margin: 0;
    font-size: 18px;
}

    .merakedilenler h3:hover, .merakedilenler h3.etkin {
        background: #dedede;
    }

.merakedilenler .icerik {
    padding: 20px;
    font-size: 14px;
}

.merakedilenler article + article {
    margin-top: 1px;
}

.merakedilenler h3:before {
    display: inline-block;
    content: "+";
    margin-right: 5px;
}

.merakedilenler h3.etkin:before {
    content: "-";
}

/** yardım ara **/

.yardimda-ara {
    margin-bottom: 20px;
}

    .yardimda-ara .girdi {
        position: relative;
    }

    .yardimda-ara a.buton {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
    }

.parla {
    display: inline-block;
    background: #FFF6BA;
    padding: 5px;
}

/** yardım menü **/
.yardim {
    position: relative;
    padding-left: 20px;
    border-left: 1px solid #e1e1e1;
    cursor: pointer;
}

    .yardim:before {
        width: 17px;
        height: 17px;
        background-position: -162px -725px;
        margin: -1px 5px 0 0;
    }

    .yardim > ul {
        position: absolute;
        background: #f8f8f8;
        border: 1px solid #E1E1E1;
        right: -110px;
        top: 200%;
        display: none;
        width: 220px;
    }

        .yardim > ul > li {
            white-space: nowrap;
            padding: 5px 10px;
            box-sizing: border-box;
            float: left;
            width: 100%;
        }

            .yardim > ul > li a {
                display: block;
                padding: 5px;
            }

        .yardim > ul:before, .kisisel-menu > ul:before, .yildiz-oyla:before,
        .yardim > ul:after, .kisisel-menu > ul:after, .yildiz-oyla:after, .farkliadres:before, .ara-bul ul.ui-autocomplete:before, .ara-bul ul.ui-autocomplete:after {
            content: "";
            display: block;
            position: absolute;
            right: 74%;
            bottom: 100%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #e1e1e1 transparent;
            z-index: 1;
        }

        .yardim > ul:after, .kisisel-menu > ul:after, .yildiz-oyla:after, .ara-bul ul.ui-autocomplete:after {
            border-width: 0 9px 9px 9px;
            border-color: transparent transparent #f8f8f8 transparent;
            z-index: 2;
            right: 74.1%;
        }

.yildiz-oyla:after {
    right: 74.6%;
}

.yardim > ul:before {
    right: 73.5%;
}

.yardim > ul > li.iletisim {
    width: 45%;
}

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

.yardim > ul > li a:before {
    width: 19px;
    height: 16px;
    background-position: -121px -821px;
    margin: -1px 5px 0 0;
}

.yardim > ul > li.iki a:before {
    background-position: -152px -821px;
}

.yardim > ul > li.ara-beni a:before {
    width: 13px;
    height: 13px;
    background-position: -95px -727px;
}

.yardim > ul > li.dort a:before {
    background-position: -39px -821px;
}

section.iletisim {
    background: url(../images/design/iletisim-bg.png) center bottom no-repeat;
    background-size: contain;
}

/** dönergeç metinler **/

.donergecKabuk {
    background: #f9eacd;
    position: relative;
    z-index: 1;
}

    .donergecKabuk .sayfaG {
        padding: 10px 20px;
    }

.donergec {
    display: none;
    position: relative;
}

    .donergec li {
        -webkit-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
        font: italic 16px 'Playfair Display';
        height: 0;
        overflow: hidden;
        text-align: center;
        position: relative;
        z-index: 1;
        filter: alpha(opacity=0);
        opacity: 0;
    }

        .donergec li h2 {
            font: italic 26px 'Playfair Display';
            color: #4D4A44;
        }

    .donergec h1, .donergec h2, .donergec h3 {
        margin-bottom: 5px;
    }

    .donergec li.etkin {
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        font-size: 16px;
        height: auto;
        z-index: 2;
        filter: alpha(opacity=100);
        opacity: 1;
    }

        .donergec li.etkin h2 {
            font-size: 26px;
        }

.donergecKabuk a.kapat {
    width: 30px;
    height: 30px;
    background-position: -176px 0;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: 5px;
    text-indent: -999em;
}

.hakkimizda .donergec {
    display: block;
}

    .hakkimizda .donergec.gorselli {
        width: 200%;
        margin: 20px -50%;
    }

.hakkimizda .sayfaG .sayfaG {
    max-width: 1100px;
}

    .hakkimizda .sayfaG .sayfaG.iki {
        max-width: 768px;
    }

.hakkimizda .kolon4 {
    text-align: center;
}

.hakkimizda p[class*=y3] {
    margin: 50px auto;
    font-style: italic;
}

.iade-kolonlar {
    max-width: 880px;
    margin: 20px auto;
}

    .iade-kolonlar .kolon3 {
        text-align: center;
    }

/* sol dönüş **/

.solmenu > ul > li {
    font-size: 16px;
    padding: 5px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

    .solmenu > ul > li + li {
        margin-top: 5px;
    }

    .solmenu > ul > li ul {
        border-top: 1px solid #e1e1e1;
        padding: 10px 10px 10px 20px;
        margin-top: 5px;
    }

    .solmenu > ul > li > ul > li {
        padding: 5px 0;
    }

    .solmenu > ul > li:after {
        width: 10px;
        height: 6px;
        background-position: -220px -11px;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .solmenu > ul > li.acik {
        cursor: default;
    }

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

    .solmenu > ul > li > ul {
        display: none;
    }

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

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

    .solmenu > ul > li:before {
        width: 23px;
        height: 16px;
        background-position: 0 -821px;
        margin-right: 10px;
    }

    .solmenu > ul > li.bir:before {
        background-position: -122px -725px;
    }

    .solmenu > ul > li.iki:before {
        background-position: -181px -821px;
    }

    .solmenu > ul > li.uc:before {
        background-position: -209px -821px;
    }

    .solmenu > ul > li.dort:before {
        background-position: -159px -725px;
        height: 17px;
    }

/** şekil ul , ol **/

ul.sekil, ol.sekil {
    margin: 0;
    padding: 20px 20px 20px 40px;
}

    ul.sekil li {
        list-style: square;
    }

    ol.sekil li {
        list-style: decimal;
    }

/** öneri slayt **/

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

/** ul grid **/

.ul-grid {
    margin: 40px auto;
}

    .ul-grid > li {
        padding: 10px;
        border-bottom: 1px solid #e1e1e1;
    }

        .ul-grid > li:hover, .ul-grid > li.etkin {
            background: #f8f8f8;
        }

    .ul-grid li:after {
        display: block;
        clear: both;
        content: "";
        height: 0;
    }

    .ul-grid .buton {
        font-size: 12px;
        line-height: normal;
        padding: 5px 10px;
    }

    .ul-grid li.baslik {
        background: #f8f8f8;
    }

    .ul-grid.sepet-ozet {
        margin: 20px 0 0;
    }

        .ul-grid.sepet-ozet .kolon + .kolon {
            text-align: right;
        }

        .ul-grid.sepet-ozet span {
            display: inline-block;
        }
        /*.ul-grid.sepet-ozet li:last-child {border:0}*/

        .ul-grid.sepet-ozet .kolon3 {
            width: 50%;
        }

            .ul-grid.sepet-ozet .kolon3 + .kolon3 {
                width: 25%;
                padding-top: 0;
            }

    .ul-grid.gecmis-siparis-listesi .kolon3te2 {
        text-align: right;
    }

    .ul-grid.sepet-ozet .kolon2, .genel-icerik .ul-grid.sepet-ozet .kolon2 {
        width: 49.9%;
        padding-top: 0;
        margin-top: 0;
        float: left;
    }

        .ul-grid.sepet-ozet .kolon2 + .kolon2 {
            float: right;
        }

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

    .odenecek-net-tutar span {
        display: inline-block;
    }

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

/** düzenle felan filan **/

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

a.sil:before {
    width: 16px;
    height: 16px;
    background-position: -23px -726px;
    margin-right: 5px;
}

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

/** adres listesi **/
.adres-listesi li.adres-detayi {
    display: none;
}

    .adres-listesi li.adres-detayi.goster {
        display: list-item;
    }

    .adres-listesi li.adres-detayi:hover {
        background: transparent !important;
    }

.adres-listesi a.duzenle, .adres-listesi a.sil, .adres-listesi a.adresdetay {
    float: right;
    margin-left: 15px;
}

.fatura-adresi-giris {
    display: none;
}

.adres-listesi li .adres-ozet {
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-top: 0;
    background: #FFFFFF;
    overflow: visible;
    display: none;
    margin-bottom: -10px;
    border-bottom: 0;
}

.hesabim-sayfasi .adres-ozet hr {
    float: none;
    width: auto;
    display: block;
    margin: -10px -20px 10px -20px;
}

.adres-listesi li p + div {
    margin-top: 10px;
}

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

.ul-grid.adres-listesi li.etkin {
    background: transparent;
}

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

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

    hr.tmz:after {
        display: none;
    }

/** bildirim listesi **/

.bildirim-listesi li.okunmadi {
    background: #FFF7D0;
    color: #000000;
}

.bildirim-listesi .tarih {
    float: right;
    margin-left: 10px;
}

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

.musteri-hizmetleri-msj-listesi > li:after {
    display: block;
    height: 0;
    clear: both;
    content: "";
}

.musteri-hizmetleri-msj-listesi > li.okunmadi {
    background: #FFF7D0;
    color: #000000;
}

.musteri-hizmetleri-msj-listesi .tarih {
    float: right;
    margin-left: 10px;
}

.musteri-hizmetleri-msj-listesi > li > p {
    cursor: pointer;
    margin: -10px;
    padding: 10px;
    font-size: 14px;
}

.musteri-hizmetleri-msj-listesi .ilgili-mesaj {
    border: 1px solid #e1e1e1;
    padding: 20px;
    background: #FFFFFF;
    display: none;
}

.ilgili-mesaj .mesaj-tekil {
    float: left;
    width: 100%;
}

    .ilgili-mesaj .mesaj-tekil + .mesaj-tekil {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e1e1e1;
    }

.ilgili-mesaj .admine-cevap-yaz {
    display: none;
}

    .ilgili-mesaj .admine-cevap-yaz textarea {
        width: 100%;
    }

/** style life **/

.style-life article + article {
    margin-top: 0;
}

.style-life .kolon3te2 {
    width: 66.7%;
}

.style-life .kolon + .kolon3te2 {
    padding-left: 0;
}

.style-life .kolon3 + .kolon3, .style-life .kolon3 + .kolon3 + .kolon3 {
    border-left: 1px solid #e1e1e1;
}

.style-life .urungoster.solyok {
    border-left: 0 !important;
}

.style-life .sdcgorcel.kolon3 + .kolon3 {
    border-left: 0;
}

.style-life .baslangic {
    background: #ee5555;
    padding: 50px 20px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.style-life .kolonlar > .kolon + .kolon {
    border-left: 1px solid #e1e1e1;
}

.style-life .urungoster h2 {
    font-size: 18px;
}

.style-life .urungoster[class*=kolon] img {
    height: 199px;
    max-width: none;
    width: auto;
}

.style-life .urungoster.sdcgorcel[class*=kolon] a {
    display: block;
}

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

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

.george-hogg.style-life .baslangic {
    background: #183C33;
}

.kadin-sayfasi.style-life .baslangic {
    background: #498F73;
}

.erkek-sayfasi.style-life .baslangic {
    background: #957568;
}

/** ödemeden önce **/
.odeme-sekmesi .sekmetik {
    display: inline-block;
}

.odeme-sekmesi, .hesabim-sekmesi {
    overflow: visible;
    margin-bottom: 30px;
}

    .odeme-sekmesi:after, .hesabim-sekmesi:after {
        display: block;
        clear: both;
        height: 0;
        content: "";
    }

    .odeme-sekmesi .sekmetik, .mesajlar-sekmesi .sekmetik, .hesabim-sekmesi .sekmetik, .menu-sekmesi .sekmetik, .odemeler-sekmesi .sekmetik {
        border-top: 0;
        overflow: visible;
    }

        .odeme-sekmesi .sekmetik ul li, .mesajlar-sekmesi .sekmetik ul li, .hesabim-sekmesi .sekmetik ul li, .menu-sekmesi .sekmetik ul li, .odemeler-sekmesi .sekmetik ul li {
            border: 1px solid #e1e1e1;
            border-bottom: 1px solid #FFFFFF;
            font-size: 16px;
            padding: 10px 15px;
            position: relative;
        }

            .odeme-sekmesi .sekmetik ul li + li, .mesajlar-sekmesi .sekmetik ul li + li, .hesabim-sekmesi .sekmetik ul li + li, .menu-sekmesi .sekmetik ul li + li, .odemeler-sekmesi .sekmetik ul li + li {
                border-left: 0;
            }

            .odeme-sekmesi .sekmetik ul li:first-child, .mesajlar-sekmesi .sekmetik ul li:first-child, .hesabim-sekmesi .sekmetik ul li:first-child, .menu-sekmesi .sekmetik ul li:first-child, .odemeler-sekmesi .sekmetik ul li:first-child {
                border-left: 1px solid #e1e1e1;
            }

            .odeme-sekmesi .sekmetik ul li.etkin, .mesajlar-sekmesi .sekmetik ul li.etkin, .hesabim-sekmesi .sekmetik ul li.etkin, .menu-sekmesi .sekmetik ul li.etkin, .odemeler-sekmesi .sekmetik ul li.etkin {
                margin-bottom: -1px;
                padding-bottom: 11px;
                color: #ff6e04;
                background: #f8f8f8;
            }

            .odeme-sekmesi .sekmetik ul li:before {
                width: 20px;
                height: 18px;
                background-position: -146px -886px;
                margin-right: 5px;
                filter: alpha(opacity=50);
                opacity: .5;
            }

            .odeme-sekmesi .sekmetik ul li.etkin:before {
                filter: alpha(opacity=100);
                opacity: 1;
            }

            .odeme-sekmesi .sekmetik ul li.iki:before {
                background-position: -215px -886px;
                width: 27px;
            }

            .odeme-sekmesi .sekmetik ul li.uc:before {
                background-position: -189px -886px;
            }

            .odeme-sekmesi .sekmetik ul li.dort:before {
                background-position: -173px -886px;
                width: 12px;
            }

            .odeme-sekmesi .sekmetik ul li.bes:before {
                background-position: -117px -904px;
                width: 20px;
            }

/** ödemeler **/

.odemeler {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 20px;
}

    .odemeler > article + article {
        margin-top: 1px;
    }

    .odemeler > article > .icerik {
        margin-bottom: 20px;
    }

    .odemeler > article > h3 {
        margin: 0 -20px 1px -20px;
        background: #f8f8f8;
        padding: 20px;
    }

        .odemeler > article > h3 + .icerik {
            margin-top: 19px;
        }

        .odemeler > article > h3 em {
            background: #cccccc;
            display: inline-block;
            font: 18px 'Playfair Display';
            color: #FFFFFF;
            width: 26px;
            height: 26px;
            line-height: 22px;
            border-radius: 13px;
            text-align: center;
        }

    .odemeler > article.etkin > h3 {
        color: #ee5555;
    }

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

    .odemeler .sepet-kolonlar h3 {
        text-align: left;
    }

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

    .odemeler .sosyalmedya {
        float: none;
    }

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

.sonkt {
    margin-top: 5px;
}

.kart-cizim {
    width: 272px;
    height: 174px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

    .kart-cizim:before {
        width: 12px;
        height: 19px;
        background-position: -184px -55px;
        position: absolute;
        left: -24px;
        top: 50%;
        margin-top: -10px;
    }

    .kart-cizim li {
        width: 100%;
        height: 100%;
        background: transparent url(../images/design/kredikarti.png) 0 0 no-repeat;
        border-radius: 13px;
        -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.71);
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.71);
        box-shadow: 0px 0px 2px rgba(0,0,0,0.71);
        position: absolute;
        z-index: 1;
        -webkit-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

        .kart-cizim li.etkin {
            z-index: 2;
            -webkit-transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }

        .kart-cizim li.arka {
            background-position: 0 -174px;
        }

        .kart-cizim li > span, .kart-cizim li > p {
            margin: 0 !important;
            position: absolute;
            z-index: 2;
            left: 20px;
            text-shadow: 1px 1px 0 #FFFFFF;
        }

        .kart-cizim li .kart-isim {
            top: 76%;
            font-size: 11px;
        }

        .kart-cizim li .kart-nosu {
            top: 63%;
            font-size: 16px;
        }

            .kart-cizim li .kart-nosu span + span {
                margin-left: 10px;
            }

        .kart-cizim li .son-kull-tarih {
            top: 84%;
            font-size: 11px;
        }

            .kart-cizim li .son-kull-tarih span + span:before {
                content: "/";
            }

        .kart-cizim li .kart-anasi {
            left: auto;
            right: 20px;
            top: 20px;
        }

        .kart-cizim li .kart-cocugu {
            top: 20px;
        }

        .kart-cizim li .guvenlik-no {
            left: auto;
            right: 28%;
            top: 42%;
            font-size: 16px;
        }

            .kart-cizim li .guvenlik-no:before {
                content: "XXX XX XXX";
                color: #B4B4B4;
                font-size: 12px;
                margin-right: 15px;
            }

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

.kredi-karti.formeleman .cvc2 {
    width: 46%;
}

.odeme-tipi-secme {
    display: none;
}

.metin-sinirla {
    height: 180px;
    overflow: auto;
}

    .metin-sinirla + h2 {
        margin-top: 30px;
    }

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

/** favorilere **/

#favorilere-ekle input[type=text] {
    width: 100%;
}

#favorilere-ekle .bildirim {
    margin-bottom: 20px;
}

    #favorilere-ekle .bildirim:before {
        display: none;
    }

#favorilere-ekle .yeni-liste-adi {
    display: none;
}

/** bir menü aç **/

.birmenuac {
    display: block;
    padding: 10px;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    display: none;
}

    .birmenuac:before {
        width: 11px;
        height: 8px;
        background-position: -143px -680px;
        margin-right: 5px;
    }

    .birmenuac.etkin:before {
        background-position: -143px -701px;
    }

    .birmenuac.etkin {
        background-color: #f8f8f8;
    }

/** üye olun */
.uye-olun .kolonlar {
    max-width: 850px;
    margin: 0 auto;
    text-align: left;
}

.uye-olun hr, .hesabim-sayfasi hr {
    float: left;
    width: 100%;
    clear: both;
    margin: 40px 0;
}

    .uye-olun hr + p {
        clear: both;
    }

.muhtesempoap .uye-olun hr {
    margin: 0 0 20px 0;
}

.muhtesempoap .uye-olun .kolon + hr {
    margin-top: 20px;
}

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

hr {
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    clear: both;
}

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

#oturum-ac a.solda {
    padding-bottom: 12px;
}

span.fb-oturum {
    margin: 4px 35px 0 0;
}

.odeme-oturumac .sayfaG .kolonlar {
    max-width: 980px;
    margin: 40px auto;
}

.odeme-oturumac .kolon {
    text-align: center;
}

.odeme-oturumac .kolon3 {
    padding: 0 2.5%;
}

    .odeme-oturumac .kolon3 + .kolon3 {
        border-left: 1px solid #e1e1e1;
    }

.odeme-oturumac .neyapcan .kolon3 {
    box-sizing: border-box;
    padding-bottom: 61px;
    position: relative;
    z-index: 1;
}

    .odeme-oturumac .neyapcan .kolon3 p:last-child {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 !important;
    }

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

table {
    border: 0;
    margin: 20px 0;
}

    table td {
        padding: 5px;
    }

tr, td {
    border: 0;
}

/** sepet mini popup **/

.sepet-mini {
    position: absolute;
    top: 200%;
    right: 0;
    width: 600px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #e1e1e1;
    background: #f8f8f8;
    display: none;
}
    /*.sepet-mini .basketProducts .product .details .others ul {width:auto; margin-right:10px} */
    .sepet-mini .basketProducts .product .img img {
        height: 37px;
        width: auto;
    }

    .sepet-mini .sepet-kolonlar {
        margin-bottom: 20px;
    }

    .sepet-mini .marka-ayrac {
        background: #FFFFFF;
    }

    .sepet-mini a.kapat {
        width: 30px;
        height: 30px;
        background-position: -176px 0;
    }

    .sepet-mini .others ul.cost {
        display: none !important;
    }

    .sepet-mini .basketProducts .product .details .others ul {
        width: 60%;
    }

        .sepet-mini .basketProducts .product .details .others ul + ul {
            width: 20%;
        }

    .sepet-mini .numMinPlus {
        font-size: 12px;
        text-align: right;
    }

        .sepet-mini .numMinPlus:before {
            content: " x ";
        }

    .sepet-mini .basketProducts .product .details .others ul.price {
        text-align: right;
    }

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

    .sepet-mini:before, .sepet-mini:after {
        position: absolute;
        z-index: 1;
        right: 8.6%;
        bottom: 100%;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
    }

    .sepet-mini:after {
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #f8f8f8 transparent;
        right: 8.7%;
    }

.kafa .sepet-mini {
    top: 213%;
}

    .kafa .sepet-mini:before {
        right: 3.2%;
    }

    .kafa .sepet-mini:after {
        right: 3.4%;
    }

.kategori-minile {
    border: 1px solid #e1e1e1;
    margin: 30px 0;
}

    .kategori-minile .gorsel img {
        height: 100px;
        width: auto;
        max-width: none;
    }

    .kategori-minile article .sil {
        position: absolute;
        z-index: 10;
        left: 10px;
        top: 10px;
    }

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

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

.odeme-adim-adim {
    border-top: 1px solid #e1e1e1;
    margin: 36px 50px 20px 50px;
    font-size: 0;
}

    .odeme-adim-adim li {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        text-align: center;
        font-size: 20px;
        color: #e1e1e1;
        position: relative;
        z-index: 1;
        top: -17px;
    }

        .odeme-adim-adim li:after {
            position: absolute;
            right: 0;
            top: 12px;
            width: 12px;
            height: 12px;
            background-color: #FFFFFF;
            border-radius: 6px;
            background-position: -230px -79px;
        }

        .odeme-adim-adim li + li {
            width: 30%;
        }

        .odeme-adim-adim li em {
            display: inline-block;
            font: 18px 'Playfair Display';
            width: 26px;
            height: 26px;
            line-height: 22px;
            border-radius: 13px;
            text-align: center;
            background: #e1e1e1;
            color: #444444;
        }

        .odeme-adim-adim li:last-child:after {
            display: none;
        }

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

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

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

        .odeme-adim-adim li.etkin {
            color: #ee5555;
        }

            .odeme-adim-adim li.etkin em {
                background: #ee5555;
                color: #FFFFFF;
            }

        .odeme-adim-adim li.sonraki {
            color: #8C8C8C;
        }

        .odeme-adim-adim li.tamam {
            color: #F6999A;
        }

            .odeme-adim-adim li.tamam em {
                background: #F6999A;
                color: #FFFFFF;
            }

/** bağış yap **/

.yuvarlama-bagis {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin: 0 0 20px 0;
}

.bagis-yap-kurum {
    text-align: center;
}

    .bagis-yap-kurum li {
        display: inline-block;
        margin: 5px;
    }

        .bagis-yap-kurum li > div {
            background: url(../images/design/bagis-yapilacak-kurumlar.png) 0 0 no-repeat;
            width: 50px;
            height: 50px;
        }

            .bagis-yap-kurum li > div.akut {
                background-position: -50px -3320px;
            }

            .bagis-yap-kurum li > div.wwf {
                background-position: -50px -3520px;
            }

            .bagis-yap-kurum li > div.tema {
                background-position: 0 -3420px;
            }

            .bagis-yap-kurum li > div.tohum {
                background-position: -50px -3470px;
            }

            .bagis-yap-kurum li > div.unicef {
                background-position: 0 -3520px;
            }

/** mağazadan teslim **/

.magazadan-teslim {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin: 20px 0;
}

    .magazadan-teslim h3:before {
        width: 24px;
        height: 24px;
        margin-right: 5px;
        background-position: -204px -768px;
    }

.magaza-liste-mini {
    display: none;
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

.magaza-secimi.kullanici-sec {
    margin-top: 20px;
}

.magazasehirsec {
    width: 30%;
}

.zoomContainer {
    z-index: 10000;
}

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

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

.urunbuyuk.kopyasi .urungorsel-sayfala span img {
    height: 123px;
}

.sipdurum {
    color: #ff6e04;
}

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

/* mağazalar */
#map_canvas img {
    max-width: none;
}

.magaza-filtreleme {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.magaza-liste {
    max-height: 400px;
    overflow: auto;
}

    .magaza-liste h4 {
        margin-bottom: 5px;
    }

    .magaza-liste article + article {
        margin-top: 20px;
        border-top: 1px solid #e1e1e1;
        padding-top: 20px;
    }

/** ana slayt **/

.anaslayt .tamgorsel a {
    display: block;
    background-position: top center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

    .anaslayt .tamgorsel a img {
        display: block;
        margin: 0 auto;
    }

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

.meslekne:before {
    width: 21px;
    height: 16px;
    margin: -1px 5px 0 0;
    background-position: -39px -853px;
}

.bedenne:before {
    width: 21px;
    height: 16px;
    margin: -1px 5px 0 0;
    background-position: 0 -853px;
}

/** mesaj var **/

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

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

.sss-icerik .kolon3 {
    float: right;
}

    .sss-icerik .kolon3 + .kolon {
        float: left;
    }

/** divarese avantajlari **/

.avantaj {
    margin: 20px 0;
}

.urun-detay .avantaj {
    margin: 0;
}

.avantaj li {
    font: 16px 'Avenir Condensed';
    margin: 10px 0;
    float: left;
    width: 100%;
    padding-left: 35px;
    position: relative;
}

    .avantaj li:before {
        width: 25px;
        height: 24px;
        background-position: -202px -850px;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

    .avantaj li.iki:before {
        background-position: -117px -850px;
    }

    .avantaj li.uc:before {
        background-position: -160px -849px;
    }

    .avantaj li.dort:before {
        background-position: -204px -768px;
    }

/** form kontrol **/

.girmelisin {
    display: inline-block;
    position: absolute;
    background: transparent;
    width: 16px;
    height: 12px;
    z-index: 2;
    margin: 1px 0 0 -17px;
    text-align: center;
    line-height: 17px;
    border-bottom-left-radius: 12px;
}

input.olmadi, textarea.olmadi, .jQmerAcilirKutu.olmadi, input[type=radio].olmadi + label:before, input[type=checkbox].olmadi + label:before, .beden input.olmadi + label, .chosen-container.olmadi, input[type=radio].olmadi + input[type=hidden] + label:before, input[type=checkbox].olmadi + input[type=hidden] + label:before {
    border-color: #E80003;
    -moz-box-shadow: 0px 0px 3px rgba(232,0,3,.6);
    -webkit-box-shadow: 0px 0px 3px rgba(232,0,3,.6);
    box-shadow: 0px 0px 3px rgba(232,0,3,.6);
}

.chosen-container div b {
    display: none !important;
}

.chosen-container.olmadi {
    border: 1px solid #E80003;
}

.chosen-container-single.olmadi .chosen-single {
    border: 0;
}

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

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

.bildirim.formuyar {
    background: #E80003;
    color: #FFFFFF;
    padding: 5px;
    font: 13px 'Avenir Condensed';
    text-align: left;
    margin-bottom: 10px;
}

    .bildirim.formuyar:before, .sepete-atma-fonksiyon .bildirim.olumlu:before {
        width: 10px;
        height: 10px;
        background-position: -167px -679px;
        right: 7px;
        top: 7px;
    }

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

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

/** popup üyelik **/

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

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

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

.lhust {
    line-height: 180%;
}

/** sipariş onay animesi **/
.finito {
    position: relative;
    z-index: 1;
    margin: 20px auto;
    overflow: hidden;
}

    .finito img {
        position: absolute;
        z-index: 1;
        top: 101%;
        left: 0;
    }

    .finito.etkin img {
        top: 0;
    }

/** kolay iade **/

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

.kolay-iade {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    height: 1000px;
}

    .kolay-iade li {
        position: absolute;
        overflow: visible;
        background: #FFFFFF;
        text-align: center;
        width: 240px;
        height: 240px;
        padding: 20px;
        left: 0;
        top: 0;
        border-radius: 200px;
    }

        .kolay-iade li h2, .kolay-iade li p {
            position: relative;
            z-index: 3;
        }

        .kolay-iade li h2 {
            font: italic 50px/110% 'Playfair Display';
            color: #31313F;
            margin: 0;
        }

            .kolay-iade li h2 + p {
                margin-top: 10px;
            }

        .kolay-iade li .isaret {
            display: block;
            background: url(../images/design/isaret_ok_1.png) 0 0 no-repeat;
            background-size: 100%;
            width: 394px;
            height: 166px;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 2;
        }

        .kolay-iade li h2 em {
            display: inline-block;
            vertical-align: middle;
            width: 60px;
            height: 60px;
            line-height: 45px;
            border-radius: 30px;
            text-align: center;
            background: #DBDBEA;
        }

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

        .kolay-iade li.bir {
            background: #DBDBEA;
            width: 160px;
            height: 160px;
            border-radius: 100px;
        }

            .kolay-iade li.bir .isaret {
                top: -40px;
            }

            .kolay-iade li.bir h2 {
                font-size: 24px;
            }

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

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

        .kolay-iade li.iki {
            top: 0;
            left: auto;
            right: 100px;
        }

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

        .kolay-iade li.uc {
            top: 260px;
            left: 0;
        }

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

            .kolay-iade li.uc .hucre:before {
                background-position: -52px -932px;
                width: 59px;
                height: 61px;
            }

        .kolay-iade li.dort {
            top: 640px;
            left: 40%;
            right: 0;
            width: 330px;
            height: 330px;
        }

            .kolay-iade li.dort .hucre:before {
                background-position: -137px -932px;
                width: 72px;
                height: 74px;
            }

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

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

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

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

.kolay-iade-iki {
    text-align: center;
}

    .kolay-iade-iki li {
        display: inline-block;
        background: #DBDBEA;
        width: 160px;
        height: 160px;
        border-radius: 100px;
        padding: 20px;
        text-align: center;
    }

        .kolay-iade-iki li .hucre:after {
            width: 40px;
            height: 34px;
            background-position: 0 -1019px;
            margin-top: 10px;
            margin-right: 0;
        }

        .kolay-iade-iki li.iki .hucre:after {
            width: 41px;
            height: 42px;
            background-position: -66px -1019px;
        }

        .kolay-iade-iki li.uc .hucre:after {
            width: 40px;
            height: 40px;
            background-position: -131px -1019px;
        }

/** farklı adres **/

.farkliadres {
    background: #F8F8F8;
    position: relative;
    text-align: right;
    display: none;
}

    .farkliadres:before {
        left: 5%;
        border-color: transparent transparent #e1e1e1 transparent;
        border-width: 0 7px 7px 7px;
    }

    .farkliadres .jQmerAcilirKutu {
        width: 50%;
        float: left;
    }

        .farkliadres .jQmerAcilirKutu:before {
            top: 38%;
        }

        .farkliadres .jQmerAcilirKutu span {
            display: block;
            padding: 5px;
        }

            .farkliadres .jQmerAcilirKutu span.yazi {
                font-size: 12px;
            }

    .farkliadres a {
        line-height: 24px;
    }

/** menülü satış **/
.menu-sekmesi .slayt-alani {
    position: relative;
}

.menu-sekmesi .sekme-icerik-eleman .kolon {
    position: relative;
}

.menu-sekmesi .urun-secenek {
    white-space: normal;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: #ffffff;
    background: rgba(255,255,255,.8);
    display: none;
}

.menu-sekmesi .swiper-slide .urun .tablo .hucre {
    vertical-align: middle;
}

.menu-sekmesi hr {
    margin: 30px 0;
}

.menu-sekmesi .motto {
    font-size: 16px;
    padding: 10px;
    background: #f8f8f8;
    margin-bottom: 20px;
}

.menu-sekmesi .gorsel img {
    height: 150px;
    width: auto;
}

.menu-sekmesi .gorsel.yatay img {
    height: auto;
    width: 150px;
}

.menu-sekmesi article.urun {
    padding: 20px;
}

.menu-sekmesi .swiper-slide.etkin .tablo .hucre article.urun {
    border: 1px solid #52bbb2;
}

.menu-sekmesi .benisec {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 10px;
}

.menu-sekmesi p.renk, .menu-sekmesi p.beden {
    padding: 5px;
    border: 1px solid #e1e1e1;
    margin: 10px;
    background: #FFFFFF;
}

.menu-sekmesi .sepete-atma-fonksiyon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    background: #52bbb2;
    padding: 6px 14px;
}

    .menu-sekmesi .sepete-atma-fonksiyon:before {
        display: none;
    }

    .menu-sekmesi .sepete-atma-fonksiyon input[type=text] {
        padding: 0;
        font-size: 14px;
    }

    .menu-sekmesi .sepete-atma-fonksiyon .azalt, .menu-sekmesi .sepete-atma-fonksiyon .artir {
        padding: 0;
    }

    .menu-sekmesi .sepete-atma-fonksiyon .girdi {
        font-size: 8px;
    }

.menu-sekmesi .urun-secenek p:last-child {
    font-size: 0;
}

.hizlikargo, .orderSum .hizlikargo {
}

    .hizlikargo:before {
        width: 15px;
        height: 16px;
        background-position: -206px -1070px;
        margin: -2px 5px 0 0;
    }

.hizli-kargo .simge {
    background: transparent url(../images/design/divarese-serpme.png) 0 0 no-repeat;
    width: 36px;
    height: 35px;
    background-position: -173px -1070px;
    text-align: left;
    text-indent: -999em;
    margin: 20px;
}

.hizli-kargo h2:before {
    width: 30px;
    height: 32px;
    margin: -3px 5px 0 0;
    content: "";
    background: transparent url(../images/design/divarese-serpme.png) 100px 100px no-repeat;
    display: inline-block;
    text-align: left;
    text-indent: -999em;
    vertical-align: middle;
    background-position: -121px -1073px;
}
/** hopi uygula **/

.hopiKabuk {
    background: #f2f2f2;
    padding: 20px;
}

    .hopiKabuk hr {
        margin: 20px -20px;
    }

    .hopiKabuk .buton.hopicik {
        position: absolute;
        z-index: 2;
        top: 1px;
        right: 1px;
        text-align: left;
        text-indent: -999em;
        border: 0;
        background-color: #FF6E04;
        background-position: -26px -1060px;
        width: 40px;
        height: 39px;
    }

    .hopiKabuk h2 {
        font-size: 14px;
        font-weight: normal;
        line-height: 16px;
        position: relative;
        padding: 0 21px 0 43px;
        margin: 0;
        cursor: pointer;
    }

        .hopiKabuk h2:before {
            width: 33px;
            height: 30px;
            background-position: -202px -1024px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .hopiKabuk h2:after {
            width: 11px;
            height: 6px;
            background-position: -142px -701px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -3px;
        }

        .hopiKabuk h2.etkin:after {
            background-position: -142px -694px;
        }

    .hopiKabuk .hosgeldin ul {
        max-height: 100px;
        overflow: auto;
    }

        .hopiKabuk .hosgeldin ul li {
            padding: 1px 0 !important;
        }

    .hopiKabuk .hosgeldin hr {
        margin-left: 0;
        margin-right: 0;
    }

    .hopiKabuk .hosgeldin .buton {
        display: block;
    }

        .hopiKabuk .hosgeldin .buton.dn {
            display: none;
        }

            .hopiKabuk .hosgeldin .buton.dn[style*=inline] {
                display: block !important;
            }

    .hopiKabuk .bildirim {
        margin: 10px auto;
    }

    .hopiKabuk .girdi {
        position: relative;
        z-index: 1;
    }

/** sadece görelli anasayfa **/

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

/** hareket **/

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

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

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

.trans300, a, a:hover, a:after, a:before, li:after, li:before, span.fiyat-kutu, .urungoster, .sekmetik li, .filtreler > li, .urunbuyuk .urun-kucuk p img, .ara-bul, .merakedilenler h3, input, textarea, select, .kafa .tutucu, .kart-cizim li, .odeme-sekmesi .sekmetik ul li:before, .kolay-iade, .kolay-iade li, .kolay-iade .isaret {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

/** autocomplete **/

.ara-bul ul.ui-autocomplete {
    position: absolute;
    z-index: 8090;
    left: 0 !important;
    right: 0 !important;
    top: 120% !important;
    width: auto !important;
    border: 1px solid #e1e1e1;
}

.ara-bul ul.ui-autocomplete {
    background: #f8f8f8;
}

    .ara-bul ul.ui-autocomplete li {
        background: none;
        padding: 8px;
    }

        .ara-bul ul.ui-autocomplete li:hover, .ara-bul ul.ui-autocomplete li.ui-state-focus {
            background: #FFFFFF;
            border: 0 !important;
        }

/** masonry **/

.masonry-alan {
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.masonry .oge {
    width: 25%;
    box-sizing: border-box;
}

    .masonry .oge.w2 {
        width: 49.9999%;
    }

    .masonry .oge.w3 {
        width: 33.333%;
    }

    .masonry .oge.tam {
        width: 100%;
    }

    .masonry .oge > p > a, .masonry .oge > p > a > img, .masonry .oge > article > a > img, .masonry .oge > a > img {
        display: block;
    }

        .masonry .oge > p > a > img, .masonry .oge > article > a > img, .masonry .oge > a > img {
            max-width: none;
            width: 100%;
            height: auto;
        }

.masonry-alan .kolon2 + .kolon2 {
    border-left: 1px solid #e1e1e1;
}

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

.masonry-alan.george-hogg {
    border-top: 0;
}

    .masonry-alan.george-hogg .sayfaG {
        max-width: 1366px;
    }

.masonry-float .oge {
    width: 25%;
}

    .masonry-float .oge.w2 {
        width: 49.9999%;
    }

    .masonry-float .oge.w3 {
        width: 33.333%;
    }

    .masonry-float .oge.tam {
        width: 100%;
        float: none;
    }

.animet .oge {
    animation-duration: 1.5s;
    animation-name: yuzenleryukari;
}

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

.kategori-dizil.dizilim_3 article .gorsel img {
    max-height: 450px;
}

@keyframes yuzenleryukari {
    from {
        margin-top: 50px;
        opacity: .5;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

/** kart taksit **/

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

/** flexslider **/

.flexslider {
    position: relative;
}

    .flexslider .flex-direction-nav {
        position: absolute;
        z-index: 2;
        left: 10px;
        right: 10px;
        top: 50%;
        margin: -13.5px 0 0;
    }

        .flexslider .flex-direction-nav li {
            float: left;
        }

            .flexslider .flex-direction-nav li + li {
                float: right;
            }

            .flexslider .flex-direction-nav li a {
                width: 52px;
                height: 27px;
                background: url(../images/design/divarese-serpme.png);
                text-align: left;
                text-indent: -999em;
                background-position: 0 -53px;
                display: inline-block;
            }

                .flexslider .flex-direction-nav li a.flex-next {
                    background-position: -71px -53px;
                }

    .flexslider .slides li a, .flexslider .slides li a img {
        display: block;
    }

/** hediye notu **/

.hediye-simge + label, .hediye-simge + input[type=hidden] + label {
    margin: 0 5px 0 0;
    width: 22px;
    height: 22px;
    background-position: -178px -627px;
    vertical-align: middle;
    padding-left: 20px;
}

.hnot-gorseller img {
    max-width: none;
    height: 80px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 2.5px;
}

.nedu {
    width: 17px;
    height: 17px;
    background-position: -162px -725px;
    vertical-align: middle;
    cursor: pointer;
}

/**Ana Sayfa Banner Dizilimi**/
.home100 {
    width: 100%;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}

.home25 {
    width: 25%;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}

.home33 {
    width: 33.3333333333333%;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}

.home50 {
    width: 50%;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}

.home75 {
    width: 75%;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}

    .home100 img, .home25 img, .home33 img, .home50 img, .home75 img {
        width: 100%;
        float: left;
        display: block;
        border: none;
        margin: 0px;
        padding: 0px;
    }

/** hopi popup **/
.hopilendi {
    color: #ff6e04;
}

.muhtesempoap[bukim*=hopile] .sayfaG {
    max-width: 970px;
    border: 0;
    overflow: hidden;
}

.muhtesempoap[bukim*=hopile] a.kapatcik {
    z-index: 50;
}

.muhtesempoap[bukim*=hopile] .hopi-eylemler {
    overflow: visible;
}

.hopilen + div, .hopilen + articel {
    margin-top: 20px;
}

.hopi-eylemler {
    overflow: hidden;
}

    .hopi-eylemler .sigdir {
        margin: 0 auto;
        box-sizing: border-box;
    }

    .hopi-eylemler .buton {
        background-color: #e30d7d;
        border-radius: 3px;
        border-color: #e30d7d;
        color: #FFFFFF;
    }

        .hopi-eylemler .buton:hover {
            background-color: #FFFFFF;
            color: #e30d7d;
        }

    .hopi-eylemler .mor {
        color: #e30d7d;
    }

    .hopi-baslat .hopi-logo, .hopi-eylemler .bir .hopi-logo, .hopi-eylemler .iki .hopi-logo, .hopi-baslat a:after, .hopi-app-ekran, .hopi-app-ekran:before, .hopi-eylemler .toplar, .hopi-netice .hopi-logo, .hopi-netice .toplar, .hopi-netice .hareket a:before {
        background-image: url(../images/hopi/hopi-serpme.png);
        display: inline-block;
        background-repeat: no-repeat;
        vertical-align: middle;
        text-align: left;
        text-indent: -999em;
        width: 46px;
        height: 44px;
    }

.hopi-baslat .hopi-logo, .hopi-netice .hopi-logo {
    background-position: -92px 0;
    margin: 0 20px 0 0;
}

.orderSum .hopi-baslat .hopi-logo, .orderSum .hopi-netice .hopi-logo {
    background-position: -234px -301px;
    margin: 0 10px 0 0;
    width: 30px;
    height: 28px;
}

.hopi-baslat p {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
}

.hopi-baslat .hopi-logo + p:before {
    width: 1px;
    height: 47px;
    background: #e3e3e3;
    content: "";
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.orderSum .hopi-baslat .hopi-logo + p:before {
    margin-right: 10px;
}

.hopi-baslat a {
    color: #00adef;
    display: inline-block;
    padding: 20px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
}

.orderSum .hopi-baslat a {
    padding: 10px 20px;
    display: block;
}

.hopi-baslat a strong, .hopi-baslat a:hover {
    color: #f19106;
}

.hopi-baslat a:after {
    width: 12px;
    height: 20px;
    background-position: -320px 0;
    content: "";
    margin: 0 0 0 10px;
}

.hopi-netice {
    background: #f5f4f4;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    padding: 20px;
    position: relative;
}

    .hopi-netice h1, .hopi-netice h1 + div {
        display: inline-block;
        vertical-align: middle;
    }

    .hopi-netice .hareket {
        float: right;
        margin: 0 30px 0 0 !important;
        line-height: 39px;
        color: #c11b7f;
    }

    .hopi-netice h2 {
        font: normal 14px "Brandon", "Helvetica Neue", Helvetica;
        margin: 0 0 5px 0;
        color: #1d1d1b;
    }

    .hopi-netice .neyapti {
        position: relative;
        z-index: 1;
        padding-left: 20px;
        color: #333333;
    }

.orderSum .hopi-netice .neyapti {
    z-index: 15;
    width: 70%;
}

.hopi-netice .neyapti:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #cfcfcf;
}

.hopi-netice .hareket a, .hopi-netice .hareket a:hover {
    color: #c11b7f;
    line-height: normal;
    display: inline-block;
    font-family: "Brandon", "Helvetica Neue", Helvetica;
    margin: 2.5px 5px;
}

    .hopi-netice .hareket a:before {
        content: "";
        width: 14px;
        height: 14px;
        background-position: -350px 0;
        vertical-align: middle;
        margin: -2px 5px 0 0;
    }

    .hopi-netice .hareket a.kaldir:before {
        background-position: -350px -30px;
        width: 12px;
        height: 12px;
    }

.hopi-app-ekran {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    text-align: left;
    text-indent: -999em;
    width: 202px;
    height: 259px;
    background-position: -398px 0;
}

    .hopi-app-ekran:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: -90px;
        top: 44%;
        width: 121px;
        height: 14px;
        background-position: -171px 0;
    }

.muhtesempoap .hopi-app-ekran {
    top: -20px;
    right: 34px;
}

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

    .hopi-eylemler .bir .hopi-logo {
        width: 65px;
        height: 60px;
        background-position: 0 0;
        margin: 0;
        position: absolute;
        z-index: 2;
        left: 10px;
        top: 10px;
    }

.hopi-eylemler .bir {
    text-align: center;
}

    .hopi-eylemler .bir .sigdir {
        max-width: 410px;
        padding: 50px 20px 20px;
        position: relative;
        z-index: 5;
    }

    .hopi-eylemler .bir .hopi-nedir {
        padding: 20px;
        background: #f7a13c;
    }

.muhtesempoap .hopi-eylemler .bir .hopi-nedir {
    margin: 0 -20px -20px -20px;
}

.hopi-eylemler .bir .hopi-nedir, .hopi-eylemler .bir .hopi-nedir div, .hopi-eylemler .bir .hopi-nedir table {
    color: #FFFFFF;
    font-size: 12px;
}

    .hopi-eylemler .bir .hopi-nedir h2 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .hopi-eylemler .bir .hopi-nedir .sigdir {
        max-width: 80%;
        padding: 0;
    }

.hopi-eylemler .bir .buton {
    width: 60%;
}

.hopi-eylemler .iki .hopi-logo {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 2;
    left: 10px;
    right: 10px;
    background-position: -233px -233px;
}

.hopi-eylemler .iki .paracik-kullanimi .hopi-logo {
    left: auto;
    right: 20px;
    top: 20px;
}

.hopi-eylemler .hosgeldin {
    padding: 20px;
    font-size: 18px;
    background: #f3ca3f;
    position: relative;
    z-index: 7;
}

.muhtesempoap .hopi-eylemler .hosgeldin {
    margin: -20px -20px 0 -20px;
}

.hopi-eylemler .iki .sigdir {
    padding: 30px 10px;
    position: relative;
    z-index: 6;
}

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

.hopi-eylemler .kamp-baslik {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

    .hopi-eylemler .kamp-baslik strong, .hopi-eylemler .kamp-baslik em {
        font: normal 14px "Brandon", "Helvetica Neue", Helvetica;
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        float: left;
    }

    .hopi-eylemler .kamp-baslik strong {
        width: 60%;
    }

    .hopi-eylemler .kamp-baslik em {
        width: 40%;
    }

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

    .hopi-eylemler .toplar.top_1 {
        width: 74px;
        height: 73px;
        background-position: -288px -93px;
        left: 15%;
        top: -45px;
    }

    .hopi-eylemler .toplar.top_2 {
        left: -70px;
        top: 35%;
    }

    .hopi-eylemler .toplar.top_3 {
        left: auto;
        right: -87px;
        top: 42%;
        background-position: -149px -93px;
        width: 116px;
        height: 116px;
    }

    .hopi-eylemler .toplar.top_4 {
        left: auto;
        right: 122px;
        top: 73%;
        width: 43px;
        height: 43px;
        background-position: -288px -176px;
    }

div.hopi-eylemler .islemde {
    background: rgba(255,255,255,.8);
}

.hopi-eylemler .iki .toplar.top_1 {
    left: 35%;
    top: 20px;
    z-index: 4;
}

.hopi-eylemler .iki .toplar.top_4 {
    top: 64%;
    right: 130px;
    width: 46px;
    height: 46px;
    background-position: 0 -303px;
}

.hopi-eylemler .iki .toplar.top_3 {
    top: auto;
    right: 32%;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background-position: -312px -241px;
}

.hopi-netice .toplar.top_1 {
    width: 43px;
    height: 43px;
    background-position: -125px -241px;
    left: 64%;
    top: auto;
    bottom: -20px;
}

.hopi-netice .toplar.top_2 {
    width: 18px;
    height: 18px;
    background-position: -186px -241px;
    left: auto;
    right: 10px;
    top: -7px;
}

.hopi-netice .toplar.top_3 {
    width: 55px;
    height: 55px;
    background-position: -51px -241px;
    left: 54%;
    top: -28px;
}

.hopi-netice .toplar.top_4 {
    width: 33px;
    height: 33px;
    background-position: 0 -241px;
    left: -15px;
    top: auto;
    bottom: -15px;
}

.paracik-kullanimi {
    position: relative;
    z-index: 2;
    background: #efefef;
    padding: 20px;
}

.muhtesempoap .paracik-kullanimi {
    margin: 0 -20px -20px;
}

.paracik-kullanimi h2 {
    font: 16px "Brandon Medium", "Helvetica Neue", Helvetica;
    margin-bottom: 10px;
}

.paracik-kullanimi .y11 {
    color: #575656;
}

.paracik-kullanimi a.buton.yapiskan {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 20px;
    width: 20%;
}

.hopi-hesapci {
    display: inline-block;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #d7d7d7;
    overflow: hidden;
    width: 50%;
}

    .hopi-hesapci p {
        display: inline-block;
        width: 25%;
        box-sizing: border-box;
        margin: 0 !important;
        float: left;
        padding: 0 1%;
        vertical-align: middle;
    }

        .hopi-hesapci p:first-child {
            padding-left: 0;
        }

    .hopi-hesapci input[type=text] {
        width: 100%;
        text-align: center;
        border-radius: 2px;
        background: #f4f4f4;
        padding: 8px;
    }

    .hopi-hesapci .paracik-tl {
        background: #f3ca3f;
        text-align: center;
        line-height: 37px;
        border-radius: 2px;
        font-size: 16px;
    }

    .hopi-hesapci + p {
        margin: 5px 0 0 20px;
    }

.hopi-kampanyalari {
    padding-top: 10px;
}

    .hopi-kampanyalari li {
        padding: 5px 0;
    }

    .hopi-kampanyalari .kamp-grid {
        margin-top: 10px;
        border-top: 1px solid #eeeeee;
        max-height: 200px;
        overflow: auto;
    }

        .hopi-kampanyalari .kamp-grid > li {
            border-bottom: 1px solid #eeeeee;
            overflow: hidden;
            color: #333333;
            font-size: 0;
        }

            .hopi-kampanyalari .kamp-grid > li > strong, .hopi-kampanyalari .kamp-grid > li > em {
                display: inline-block;
                vertical-align: middle;
                width: 60%;
                font: normal 14px "Brandon Medium", "Helvetica Neue", Helvetica;
            }

            .hopi-kampanyalari .kamp-grid > li > em {
                width: 40%;
            }

        .hopi-kampanyalari .kamp-grid label {
            display: block;
            cursor: pointer;
        }

    .hopi-kampanyalari a.ackapa {
        display: block;
        font: normal 14px "Brandon Medium", "Helvetica Neue", Helvetica;
    }

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

        .hopi-kampanyalari a.ackapa.etkin:after {
            content: "-";
        }

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

.kamp-grid input[type=radio]:checked + label, .kamp-grid input[type=radio]:checked + input[type=hidden] + label {
    color: #00adef;
}

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

    .kamp-grid input[type=radio]:checked + label:before, .kamp-grid input[type=radio]:checked + input[type=hidden] + label:before {
        background: #00adef;
        border-color: #00adef;
        box-shadow: none;
    }

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

.windows .fiyat-hareket span.fiyat-kutu {
    line-height: 38px;
}

.windows .muhtesempoap[bukim*=uyelik-sozlesmesi] .sayfaG article {
    margin-right: 26px;
}

.windows .numMinPlus .minus, .windows .numMinPlus .plus {
    padding: 3px 2px 2px;
}

@media only screen and (min-width: 667px) and (max-width: 769px) {
    /** sadece tabletlere özel **/
    .sepete-atma-fonksiyon {
        padding: 10px 13%;
    }

    .kafa .tutucu > div, .kafa.scroll-to-fixed-fixed .yardim, .kafa.scroll-to-fixed-fixed .sepet-durum {
        margin-left: 15px;
        padding-left: 15px;
    }

    .kafa.scroll-to-fixed-fixed .sepet-durum {
        margin-right: 15px;
    }

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

    .chosen-container-single .chosen-single div b {
        display: none;
    }

    .filtreler > li.ilk {
        text-align: center;
    }
}

@media only screen and (min-width: 769px) {
    /** sadece üst ekranlar için **/

    .kafa.scroll-to-fixed-fixed {
        border-top: 1px solid #e1e1e1;
    }

        .kafa.scroll-to-fixed-fixed .logo {
            width: 86px;
            height: 20px;
            float: left;
            margin: 13px 30px 0 0;
        }

            .kafa.scroll-to-fixed-fixed .logo a {
                width: 86px;
                height: 20px;
                background-position: 0 -420px;
            }

        .kafa.scroll-to-fixed-fixed .ara-bul {
            position: relative;
            right: auto;
            top: auto;
            float: right;
            margin: 8px 0 0;
        }

            .kafa.scroll-to-fixed-fixed .ara-bul input[type=text] {
                border-bottom: 0;
            }

            .kafa.scroll-to-fixed-fixed .ara-bul.etkin {
                background: #FFFFFF;
                z-index: 50;
                padding: 0 10px;
            }

                .kafa.scroll-to-fixed-fixed .ara-bul.etkin:before {
                    left: 10px;
                }

    .kart-cizim {
        margin-top: 44px;
    }
}

@media only screen and (max-width: 1521px) {
    .sayfaG {
        max-width: 1280px;
    }

    .hizli-teslimat {
        padding-left: 80px;
    }

    section.orta-alan.sepetim, .orta-alan.genel-icerik {
        padding: 30px 20px;
        border-top: 0;
    }

    .hemen-sor {
        padding-right: 45px;
    }

    .hakkimizda > .sayfaG {
        overflow-x: hidden;
    }

    .hakkimizda .donergec.gorselli {
        width: 150%;
        margin: 20px -25%;
    }

    .ustmenu > ul > li > a {
        font-size: 15px;
    }

    /** hopi yeni **/
    .orderSum .hopi-baslat p {
        font-size: 20px;
    }
    /** #hopi yeni **/
}

@media only screen and (max-width: 1367px) {
    body, section, div, table, aside, article, ul, ol, li, .ui-widget select {
        font-size: 12px;
    }

    .kategori-dizil article h2 {
        font-size: 16px;
    }

    .fiyat-hareket span.fiyat-kutu {
        width: auto;
    }

    .fiyat-hareket .buton {
        padding-left: 15px;
        padding-right: 15px;
    }

    .jistisna-sekme.dikey-sekme .sekmetik ul li {
        font-size: 16px;
    }

    .formeleman input.yarim ~ .yarim {
        margin-left: 1.1%;
    }

    .formeleman input.ceyrek ~ .ceyrek {
        margin-left: 1.5%;
    }

    .filtre-tik li {
        width: 50%;
    }

    .odeme-sekmesi .sekmetik ul li {
        font-size: 13px;
    }

    .sayfaG {
        max-width: 1024px;
    }

    footer.ayak > .sayfaG {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kafa > .sayfaG {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kafa .tutucu {
        right: 150px;
    }

    .ustmenu > ul > li > a {
        padding: 10px;
        font-size: 14px;
    }

    .kafa.scroll-to-fixed-fixed .logo {
        margin-top: 10px;
    }

    .kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {
        font-size: 14px;
        padding: 10px 3px;
    }

    .ustmenu > ul > li.altmenu > a:hover, .ustmenu > ul li.altmenu > a.etkin {
        padding-bottom: 11px;
    }

    .ustmenu-eleman ul > li {
        font-size: 14px;
    }

    .bildirim {
        font-size: 13px;
    }

        .bildirim h2 {
            font-size: 18px;
        }

    .hizli-teslimat {
        padding-left: 20px;
        padding-right: 20px;
    }

    .logo {
        margin: 0 auto;
        padding: 10px 0;
    }

    .kafa.scroll-to-fixed-fixed .logo {
        padding: 0;
    }

    .ust-serit > div {
        padding: 10px 10px 0 10px;
    }

    .genelslayt h2 {
        font-size: 60px;
    }

    .filtre-secenek {
        right: -304%;
        padding-top: 20px;
    }

        .filtre-secenek.fiyat-araligi {
            right: -1px;
        }

    .hemen-sor {
        bottom: -100px;
    }

    .urun-tek > .kolon4te3 {
        width: 65%;
    }

    .urun-tek > .kolon4te1 {
        width: 35%;
    }

    .urun-hareketleri p + p {
        margin-top: 5px;
    }

        .urun-hareketleri p + p em {
            font-size: 14px;
        }

    .urun-fonksiyon .y18 {
        font-size: 14px;
    }

    .urun-fonksiyon p + p {
        margin-top: 10px;
    }

    .urunbuyuk .urungorsel-sayfala span img {
        height: 60px;
        width: auto;
    }

    /*
	.hemen-sor a {font-size:20px; padding:12px 20px}
	.hemen-sor a:before {width:29px; height:24px; background-position:-206px -159px; margin-right:10px}
	*/
    .kafa .sepet-mini {
        top: 173%;
    }

    .kafa.scroll-to-fixed-fixed .yardim > ul, .kafa.scroll-to-fixed-fixed .kisisel-menu > ul {
        top: 181%;
    }

    .anasahife .sagkolon .urungoster:nth-child(3) h2, .anasahife .sagkolon .urungoster:nth-child(4) h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .anasahife .sagkolon .urungoster:nth-child(3) p + p, .anasahife .sagkolon .urungoster:nth-child(4) p + p {
        margin-top: 5px;
    }

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

    .anasahife .sagkolon .urungoster.kombin img {
        max-width: 100%;
        height: auto;
    }

    .facebook-begen {
        padding: 50px 10px;
    }

    .gift-card p {
        margin-left: 5%;
        margin-right: 5%;
    }

    .yeni-ne-var input[type=text] {
        width: 66%;
    }

    .style-life .urungoster[class*=kolon] img {
        height: 135px;
    }

    .style-life .urungoster h2 {
        margin: 0 0 10px 0 !important;
    }

    .style-life .urungoster .buton, .style-life .fiyat-hareket span.fiyat-kutu {
        line-height: 30px;
    }

    .style-life .urungoster p + p {
        margin-top: 5px;
    }

    .kolay-iade {
        height: 760px;
    }

        .kolay-iade li h2  {
            font-size: 32px;
        }

        .kolay-iade li.iki {
            right: 0;
        }

        .kolay-iade li .isaret {
            left: 10%;
        }

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

        .kolay-iade li.iki .isaret {
            left: -30%;
            top: 60%;
        }

        .kolay-iade li.uc {
            top: 200px;
        }

            .kolay-iade li.uc .isaret {
                top: 60%;
            }

        .kolay-iade li.dort {
            top: 390px;
        }

    /** hopi yeni **/
    .orderSum .hopi-baslat, .orderSum .hopi-netice {
        margin: 0 -21px;
    }

        .orderSum .hopi-baslat p {
            font-size: 16px;
        }
    /** #hopi yeni **/
}

@media only screen and (max-width: 1141px) {
    .ustmenu-eleman .sayfaG {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ustmenu-eleman ul {
        width: 13.1%;
    }

        .ustmenu-eleman ul + ul {
            margin-left: 2%;
        }

    .yeni-ne-var input[type=text] {
        width: 65%;
    }
}

@media only screen and (max-width: 1025px) {
    .sayfaG {
        max-width: none;
    }

    .anasahife .sagkolon .urungoster.kombin {
        height: auto !important;
    }

    .gift-card.kolon2 {
        width: 100%;
        height: auto !important;
    }

    .gift-card p {
        line-height: normal;
        margin-left: 0;
        margin-right: 0;
    }

        .gift-card p[class*=y] {
            margin-top: 0 !important;
        }

    .gift-card img {
        height: 180px;
    }

    .kolon2.facebook-begen {
        float: left;
        width: 100%;
        border-top: 0;
    }

    .facebook-begen {
        padding: 20px;
    }

        .facebook-begen .makas p {
            margin-left: 0;
            margin-right: 0;
        }

        .facebook-begen .makas {
            line-height: normal;
        }

    .sekmetik ul li.etkin:after {
        display: none;
    }

    .kolon4te3, .sepetim .kolon4te3 {
        width: 65%;
    }

    .kolon4, .kolon4te1 {
        width: 50%;
    }

    .kolon4te3 + .kolon4te1 {
        width: 35%;
    }

    .sepetim .kolon4te3 + .kolon4te1 {
        width: 33%;
    }

    .sekme-icerik.kolon4te3 {
        width: 75%;
    }

    .style-life .urungoster[class*=kolon] img {
        height: 89px;
    }

    .style-life .urungoster .fiyat-hareket .buton {
        display: none;
    }

    .odeme-adim-adim {
        margin-left: 0;
        margin-right: 0;
    }

        .odeme-adim-adim li:first-child {
            text-align: center;
        }

        .odeme-adim-adim li:last-child {
            text-align: center;
        }
}

@media only screen and (max-width: 959px) {
    .sepetim .kolon4te3, .sepetim .kolon4te3 + .kolon4te1 {
        width: 100%;
    }

        .sepetim .kolon4te3 + .kolon4te1 {
            margin-top: 20px;
        }

    .sepetim .orderSum .kolon4te3 + .kolon4te1 {
        width: 35%;
        margin-top: 0;
    }

    .orderSum {
        margin-top: 20px;
    }

        .orderSum.buyukozet {
            position: static !important;
        }

            .orderSum.buyukozet + div {
                display: none !important;
            }

    .sepet-kolonlar .siparis-ozet .kolon2 + .kolon2 {
        margin-top: 20px;
    }

    .kafa .tutucu {
        top: 50%;
        margin-top: -9px;
    }

    .kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 769px) {
    /** hopi yeni **/
    .hopi-app-ekran {
        width: 132px;
        height: 172px;
        background-position: -434px -274px;
    }

        .hopi-app-ekran:before {
            width: 55px;
            height: 30px;
            background-position: -198px -26px;
            left: -32px;
            top: 55%;
        }

    .orderSum .hopi-baslat p {
        font-size: 22px;
    }
    /** #hopi yeni **/

    .filtreler > li.ilk + li.etkin {
        border-left: 0;
    }

    select {
        background: #ffffff;
        display: block;
        border: 1px solid #e1e1e1;
        padding: 10px;
        box-sizing: border-box;
        width: 100%;
        border-radius: 0;
        height: 41px;
    }
        /*line-height:41px */
        select.kategori-degis {
            display: none;
        }

    .filtre-alani select {
        border: 0;
    }

    .basketProducts .product .details .others ul + ul.num, .basketProducts .product .details .others ul + ul.cost {
        width: auto;
    }

    .masonry .oge.w2.kaydir {
        width: 100%;
    }

    .masonry .oge.yay, .masonry .oge.w2.yay {
        width: 100%;
    }

    .masonry-float .oge {
        width: 50%;
    }

        .masonry-float .oge.w2 {
            width: 100%;
        }

        .masonry-float .oge.w3 {
            width: 100%;
        }

        .masonry-float .oge img {
            width: 100%;
            height: auto;
        }

    .home100, .home25, .home33, .home50, .home75 {
        width: 100%;
    }

    .odeme-adim-adim li > span {
        margin-left: 0;
        display: block;
        margin-top: 5px;
    }

    .kategori-dizil article .diger-secenekler {
        position: static;
        margin-bottom: 10px;
    }

    .kart-cizim:before {
        left: 50%;
        top: -22px;
        width: 19px;
        height: 12px;
        margin: 0 0 0 -10px;
        background-position: -169px -503px;
    }

    .ust-serit {
        display: none;
    }

    .sepet-mini {
        right: 0;
    }

        .sepet-mini:before {
            right: 3%;
        }

    .odeme-adim-adim li {
        font-size: 14px;
    }

    .gorunum-sec, .kategori-dizil article.seo .chosen-container {
        display: none;
    }

    .kafa.scroll-to-fixed-fixed .logo {
        padding: 5px 0;
    }

    .kafa.scroll-to-fixed-fixed .sepet-mini {
        right: -44px;
    }

        .kafa.scroll-to-fixed-fixed .sepet-mini:before {
            right: 6.2%;
        }

        .kafa.scroll-to-fixed-fixed .sepet-mini:after {
            right: 6.5%;
        }

    .kolon2 {
        float: none;
        width: auto;
    }

        .kolon2 .kolon2 {
            float: left;
            width: 50%;
        }

    section.anasahife:before {
        display: none;
    }

    .kolon2 + .kolon2 {
        float: none;
    }

    .kolon2 .kolon2 + .kolon2 {
        float: right;
    }

    .kredi-karti .kolon2 .kolon2 {
        float: none;
        width: auto;
    }

    .kolon + .kolon3te2 {
        padding-left: 0;
    }

    .odemeler .kolon3 {
        width: 100%;
    }

    .kolon2.facebook-begen {
        border-top: 1px solid #e1e1e1;
    }

    .ust-serit.scroll-to-fixed-fixed {
        border-bottom: 1px solid #e1e1e1;
    }

    .ust-serit, .ust-serit div, .ust-serit table {
        font-size: 12px;
    }

        .ust-serit .sagda + .sagda {
            margin-right: 10px;
        }

    .anamenuac {
        display: inline-block;
    }

    nav.anamenu {
        padding: 5px;
    }

    nav.anamenu {
        display: none;
        background: #dedede;
        position: relative;
    }

        nav.anamenu:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12px 10px 12px;
            border-color: transparent transparent #dedede transparent;
            position: absolute;
            left: 15px;
            bottom: 100%;
        }

    .ustmenu > ul > li + li {
        margin-left: 0;
        border-top: 1px solid #f7f7f7;
    }

    .ustmenu > ul > li {
        display: block;
    }

        .ustmenu > ul > li a, .kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {
            display: block;
            background: transparent;
            text-align: left;
            border: 0;
            position: relative;
            padding: 10px;
            font-size: 14px;
            z-index: 1;
        }

            .ustmenu > ul > li a.etkin {
                background: #FFFFFF;
                border-color: #ffffff;
                color: #ff6e04;
            }

        .ustmenu > ul > li.altmenu > a:after, .ustmenu-eleman li.ilk:after {
            content: "";
            display: inline-block;
            background: url(../images/design/divarese-serpme.png) -220px -11px no-repeat;
            width: 10px;
            height: 6px;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -3px;
        }

        .ustmenu > ul > li.altmenu > a.etkin:after, .ustmenu-eleman li.ilk.etkin:after {
            transform: rotate(180deg);
        }

    .ustmenu > ul.aymarka-liste {
        text-align: center;
        background: #FFFFFF;
        padding: 20px;
    }

        .ustmenu > ul.aymarka-liste:before {
            display: inline-block;
            vertical-align: middle;
        }

        .ustmenu > ul.aymarka-liste > li {
            border: 0;
            display: inline-block;
            margin: 10px;
        }

            .ustmenu > ul.aymarka-liste > li a, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a {
                background: transparent url(../images/design/divarese-serpme.png) 100px 100px no-repeat;
                display: inline-block;
                text-align: left;
                text-indent: -999em;
                vertical-align: middle;
                box-sizing: border-box;
            }

                .ustmenu > ul.aymarka-liste > li a.aymarka, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.aymarka {
                    background-position: 0 -188px;
                    width: 46px;
                    height: 25px;
                }

                .ustmenu > ul.aymarka-liste > li a.network, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.network {
                    background-position: 0 -327px;
                    width: 66px;
                    height: 14px;
                }

                .ustmenu > ul.aymarka-liste > li a.fabrika, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.fabrika {
                    background-position: 0 -274px;
                    width: 77px;
                    height: 14px;
                }

                .ustmenu > ul.aymarka-liste > li a.que, .kafa.scroll-to-fixed-fixed .ustmenu > ul.aymarka-liste > li > a.que {
                    background-position: 0 -378px;
                    width: 37px;
                    height: 14px;
                }

    .ustmenu-eleman ul > li:first-child {
        border-bottom-color: #dedede;
    }

    .ustmenu-eleman ul > li:last-child {
        border-bottom: 1px solid #dedede;
        margin-left: 0 !important;
        margin-bottom: 12px;
        padding-left: 15px;
        padding-bottom: 5px;
    }

    .ustmenu-eleman {
        position: static;
        border-top: 0;
        border: 0;
        background: rgba(255,255,255,0.7);
    }

        .ustmenu-eleman ul {
            width: auto;
            display: block;
            margin: 2.2% 0 !important;
            text-align: left;
        }

            .ustmenu-eleman ul.banner-mini {
                display: block;
                width: auto;
                float: none;
                text-align: center;
            }

        .ustmenu-eleman .sayfaG {
            padding: 20px;
        }

        .ustmenu-eleman li.ilk {
            position: relative;
        }

            .ustmenu-eleman li.ilk ~ li {
                margin-left: 15px;
            }

        .ustmenu-eleman li a {
            display: block;
            padding: 5px !important;
        }

    .genelslayt {
        padding-top: 20px;
        border-top: 1px solid #e1e1e1;
    }

        .genelslayt h2 {
            font-size: 32px;
        }

        .genelslayt .sayfaG > .metinalan + p.saga img {
            width: 65%;
        }

        .genelslayt.anaslayt {
            padding-top: 0;
        }

    footer.ayak article {
        display: block;
        float: none;
        text-align: center;
    }

    .ayaklink, .ebulten-mini {
        margin-bottom: 20px;
    }

    footer.ayak > .sayfaG {
        padding: 30px 20px;
    }

    footer.ayak .hemen-sor p {
        display: block;
    }

    .kategori-dizil article.seo .jQmerAcilirKutu {
        display: none;
    }

    .kategori-dizil article, .kategori-dizil.dizilim_3 article {
        width: 50%;
    }

        .kategori-dizil article.urun:nth-child(2n+2), .kategori-dizil.dizilim_3 article.urun:nth-child(2n+2) {
            border-right: 0;
        }

    .sayfalama span.nolar a {
        padding: 0 20px;
    }

    .siralama {
        width: 49.9%;
        text-align: center;
    }

    .numarani-sec {
        width: 28.7%;
    }

    .filtreler {
        width: 50.1%;
    }

        .filtreler > li {
            width: 100%;
        }

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

                .filtreler > li.ilk.etkin {
                    background: #f8f8f8;
                }

            .filtreler > li:last-child {
                width: 100%;
            }

            .filtreler > li.ilk ~ li {
                display: none;
                border-top: 1px solid #e1e1e1;
            }

    .filtre-secenek.fiyat-araligi:before {
        display: none;
    }

    .filtre-secenek {
        right: -1px;
        padding-top: 0;
        position: relative;
        border: 0;
        padding: 10px 0;
        background: none;
    }

        .filtre-secenek:before {
            display: none;
        }

    .filtre-tik {
        max-height: none;
        overflow: visible;
    }

        .filtre-tik li {
            width: auto;
            float: none;
        }

    .sayfalama {
        line-height: 40px;
        height: auto;
    }

        .sayfalama a.onceki, .sayfalama a.sonraki {
            width: 49%;
        }

        .sayfalama a.sonraki {
            border-left: 0;
        }

        .sayfalama a.onceki:before {
            right: auto;
            left: 20px;
        }

        .sayfalama a.sonraki:before {
            right: 20px;
            left: auto;
        }

        .sayfalama span.nolar {
            display: block;
            clear: both;
            border-top: 1px solid #e1e1e1;
            border-bottom: 1px solid #e1e1e1;
            height: 40px;
        }

    .oteki-secenekler.sagda {
        float: none;
        line-height: 65px;
    }

    .sayfalama span.oteki-secenekler a {
        border: 0;
    }

    .urun-tek .fotolar {
        border-right: 0;
        height: auto !important;
        min-height: inherit !important;
    }

    .kolon4te3, .urun-tek > .kolon4te3, .kolon3te2, .kolon3te2 + .kolon3, .sss-icerik .kolon3 {
        width: 100%;
    }

        .sss-icerik .kolon3 > img, .sss-icerik .kolon3 > p > img {
            max-width: 35%;
        }

    .genel-icerik .kolon3te2 + .kolon3 {
        padding-left: 0;
        padding-top: 20px;
    }

    .kolon4, .kolon4te1 {
        width: 50%;
    }

    .style-life .kolon4te1 {
        width: 100%;
    }

    .kolon4te3 + .kolon4te1, .kolon4te3 + .kolon4, .sekme-icerik.kolon4te3, .genel-icerik .kolon4te1 {
        width: 100%;
    }

    .urun-hareketleri {
        position: static;
        width: auto;
        padding: 10px 20px;
        clear: both;
    }

        .urun-hareketleri > p {
            display: inline-block;
            vertical-align: middle;
        }

            .urun-hareketleri > p + p {
                margin: 0 15px 0;
            }

    .urunbuyuk.genelslayt {
        border: 0;
        padding-top: 0;
    }

    .urunbuyuk .yonerge {
        left: 5%;
        right: 5%;
    }

    .urun-tek .urun-fonksiyon {
        border-top: 1px solid #e1e1e1;
        height: auto !important;
        min-height: inherit !important;
    }

    .jistisna-sekme .sekme-icerik {
        margin-bottom: 0;
    }

    .sekmetik.urun-detay-sekme ul li {
        font-size: 16px;
        padding: 20px 10px;
    }

    .sosyalles {
        padding-left: 20px;
        padding-right: 20px;
    }

    .jistisna-sekme.dikey-sekme .sekmetik {
        float: none;
    }

    .jistisna-sekme.dikey-sekme .kolon4te1 {
        width: auto;
    }

    .basketProducts {
        border-top: 1px solid #e1e1e1;
    }

        .basketProducts .product {
            padding-left: 0;
            padding-right: 0;
        }

            .basketProducts .product .details .others ul {
                width: auto;
                display: block;
            }

                .basketProducts .product .details .others ul + ul {
                    width: auto;
                }

        .basketProducts .product {
            position: relative;
        }

            .basketProducts .product .buton.delete {
                position: absolute;
                z-index: 10;
                right: 0px;
                top: 10px;
                margin-top: 0;
                left: auto;
            }

            .basketProducts .product .details .others .price li:last-child {
                display: none;
            }

            .basketProducts .product .details .others .num {
                margin: 10px auto;
            }

            .basketProducts .product .img {
                width: 35%;
            }

            .basketProducts .product .details {
                width: 65%;
            }

        .basketProducts .titles {
            display: none;
        }

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

    .odemeler .kolon3te2:first-child {
        padding-top: 0;
    }

    .genel-icerik span.kolon2 + span.kolon2 {
        padding-top: 0;
        margin: 0;
    }

    .birmenuac {
        display: block;
    }

    .solmenu {
        display: none;
    }

    .birmenuac + .solmenu {
        border: 1px solid #e1e1e1;
        border-top: 0;
        margin-top: -20px;
        padding: 20px;
    }

    .sip-ozet-menu.birmenu {
        margin-top: -21px;
    }

    .mobile {
        display: inline-block !important;
    }

    .sepet-durum .simge {
        display: none;
    }

    .ara-bul {
        padding: 10px;
        right: 0;
        width: 46px;
        z-index: 20;
        background: transparent;
        top: 10px;
        box-sizing: border-box;
    }

        .ara-bul:before {
            left: 10px;
            top: 10px;
        }

        .ara-bul.etkin {
            width: 100%;
            background: #FFFFFF;
        }

            .ara-bul.etkin input[type=text] {
                width: 100%;
            }

        .ara-bul input[type=text]:focus {
            border-bottom: 0;
        }

    .kafa .tutucu {
        right: 50px;
        top: 50%;
        margin-top: -9px;
    }

    .style-life .baslangic {
        padding: 20px;
    }

    .style-life .urungoster[class*=kolon] img {
        height: 135px;
    }

    .style-life .urungoster.solda {
        width: 33.2%;
    }

    .kolay-iade {
        text-align: center;
        height: auto;
    }

        .kolay-iade li h2 {
            font-size: 32px;
        }

        .kolay-iade li {
            position: static;
            margin-left: auto;
            margin-right: auto;
        }

            .kolay-iade li.iki, .kolay-iade li.uc, .kolay-iade li.dort {
                width: 260px !important;
                height: 260px !important;
            }

            .kolay-iade li + li {
                margin-top: 130px;
            }

            .kolay-iade li.bir .isaret, .kolay-iade li.iki .isaret, .kolay-iade li.uc .isaret {
                background: url(../images/design/isaret_asagi_ok.png) 0 0;
                width: 99px;
                height: 90px;
                top: 105%;
                left: 50%;
                margin-left: -49.5px;
            }
}

@media only screen and (max-width:667px) {
    .masonry .oge {
        width: 50%;
    }

        .masonry .oge.w2 {
            width: 100%;
        }

    .sepet-mini {
        width: 480px;
    }

    .urun-hareketleri > p {
        width: 17%;
    }

        .urun-hareketleri > p + p {
            margin: 0 5px 0;
        }

    .sekmetik.urun-detay-sekme ul li {
        font-size: 13px;
    }

        .sekmetik.urun-detay-sekme ul li + li {
            margin-left: 3px;
        }

    .genelslayt.urunbuyuk .gorsel img {
        height: 510px;
    }

    .orderSum.tekil {
        float: none !important;
        margin-bottom: 20px;
    }

    /** hopi yeni **/
    .hopi-hesapci {
        display: block;
        width: auto;
    }

    .paracik-kullanimi a.buton.yapiskan {
        position: static;
        display: block;
        width: auto;
        margin: 10px 0;
    }

    .hopi-eylemler .bir .sigdir {
        max-width: 290px;
        z-index: 20;
    }

        .hopi-eylemler .bir .sigdir > p.y18 {
            font-size: 14px;
            margin-right: 50px;
            text-align: left;
        }

    .paracik-kullanimi h2 + p {
        margin-right: 80px;
    }

    .hopi-eylemler .iki .toplar.top_4 {
        top: 58%;
    }

    .hopi-eylemler .kamp-baslik strong {
        width: 75%;
    }

    .hopi-eylemler .kamp-baslik em {
        width: 25%;
    }

    .hopi-kampanyalari .kamp-grid > li > strong {
        width: 75%;
    }

    .hopi-kampanyalari .kamp-grid > li > em {
        width: 25%;
    }

    .hopi-netice .hareket {
        float: left;
        margin: 0 0 0 87px !important;
    }

    /** #hopi yeni **/
}

@media only screen and (max-width: 481px) {
    /** hopi yeni **/
    .hopi-baslat p {
        font-size: 18px;
    }

    .hopi-eylemler .bir .sigdir > p.y18 {
        margin-right: 70px;
    }

    .hopi-app-ekran:before {
        width: 35px;
        background-position: -218px -26px;
        left: -10px;
    }

    .hopi-eylemler .kamp-baslik strong {
        width: auto;
    }

    .hopi-eylemler .kamp-baslik em {
        display: none;
    }

    .hopi-kampanyalari .kamp-grid > li > strong {
        width: auto;
        display: block;
    }

    .hopi-kampanyalari .kamp-grid > li > em {
        width: auto;
        display: block;
        color: #A2A2A2;
        padding-left: 28px;
        font-size: 12px;
    }

    .hopi-kampanyalari li + li .kamp-grid > li > em {
        padding-left: 0;
    }

    .hopi-kampanyalari .kamp-grid > li > em:before {
        content: "Son Katılım Tarihi: ";
    }

    .hopi-baslat a {
        display: block;
    }

    .hopi-netice .hareket {
        margin-left: 0 !important;
    }
    /** #hopi yeni **/

    .stil-notu {
        display: none;
    }

    .masonry .oge {
        width: 100%;
    }

        .masonry .oge.w2 {
            width: 100%;
        }

        .masonry .oge img {
            width: 100%;
            height: auto;
        }

    .masonry-float .oge {
        width: 50%;
    }

    footer.ayak article.ayaklink li {
        display: block;
        margin: 5px 0;
    }

    .ustmenu > ul.aymarka-liste:before {
        display: block;
    }

    .sepet-mini {
        width: 400px;
    }

    .ust-serit > div {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* .ust-serit .sayfaG {text-align:center}
	.ust-serit .solda, .ust-serit .sagda {float:none; display:inline-block; margin:5px} */
    .ara-beni {
        padding-top: 0;
        padding-left: 10px;
        margin-top: 0;
    }

    .sepet-durum {
        padding-left: 10px;
    }

    .odemeler .buton {
        display: block;
        float: none !important;
    }

        .odemeler .buton + .buton {
            margin: 10px 0 0;
        }

    .genelslayt h2 {
        font-size: 24px;
    }

        .genelslayt h2 + p {
            font-size: 14px;
        }

    .genelslayt .sayfaG > .metinalan {
        position: static;
        max-width: none;
        width: auto;
        text-align: center;
        margin: 10px 20px;
    }

        .genelslayt .sayfaG > .metinalan + .saga {
            text-align: center;
        }

    .kolon2 .kolon2 {
        width: 100%;
        height: auto !important;
    }

    .kolon2 span.kolon2 {
        width: 50%;
    }

    .anasahife .solkolon .urungoster:nth-child(2), .anasahife .solkolon .urungoster:nth-child(3) {
        border-left: 0;
        border-top: 1px solid #e1e1e1;
    }

    .ucleme {
        width: 180%;
        margin-left: -40%;
        margin-right: -40%;
    }

    .hizli-teslimat {
        text-align: center;
    }

        .hizli-teslimat img.sagda {
            float: none;
            margin-bottom: 0;
            margin-right: -120px;
        }

    .facebook-begen .makas p.egdir {
        font-size: 28px;
    }

    .yeni-ne-var {
        padding-left: 20px;
        padding-right: 20px;
    }

    .numarani-sec {
        width: 59.6%;
        display: none;
    }

        .numarani-sec .jQmerAcilirKutu span.yazi {
            padding-left: 40%;
        }
    /*.filtreler, .siralama {border-top:1px solid #e1e1e1}*/
    .siralama {
        width: 100%;
        display: none;
    }

    .filtreler {
        width: 100%;
    }

        .filtreler > li {
            line-height: 30px;
        }

            .filtreler > li:after {
                top: 12px;
            }

        .filtreler.etkin {
            border-bottom: 1px solid #e1e1e1;
        }

    .filtre-secenek {
        right: -101%;
        padding-top: 20px;
    }

    .filtreler > li.ilk {
        border-bottom: 0;
    }
    /* .filtreler > li:nth-child(3) .filtre-secenek, .filtreler > li:nth-child(5) .filtre-secenek {right:-1px; left:-101%}

	 .filtreler > li.ilk.etkin {border-bottom:1px solid #e1e1e1}
	 */

    .filtre-secenek.fiyat-araligi {
        width: auto;
        left: -1px;
        padding-top: 0;
    }

    .kategori-dizil article, .kategori-dizil.dizilim_3 article {
        width: 50%;
    }

        .kategori-dizil article:first-child {
            border-top: 0;
        }

    .kategori-dizil .fiyat-hareket .buton {
        display: none;
    }

    .kolon2.facebook-begen {
        border-top: 0;
    }

    .kolon3 {
        width: 100%;
    }

    .kategori-dizil article.seo h2 {
        font-size: 20px;
    }

    .basketProducts .product .img {
        width: 100%;
        float: none;
        margin: 10px auto;
    }

    .basketProducts .product .details {
        width: 100%;
        float: none;
    }

    .basketProducts + p {
        float: none !important;
        text-align: center;
        display: block;
    }

    .marka-ayrac p.saga {
        text-align: center;
    }

    .genel-icerik .kolon3 + .kolon3 {
        padding-top: 5%;
        padding-left: 0;
    }

    .hediye-istenmi {
        text-align: center;
        clear: both;
        float: none !important;
    }

    .basketProducts .product .img a {
        text-align: left;
    }

    .basketProducts .product .img img {
        max-width: none;
        height: 100px;
        width: auto;
    }

    .odemeler > article .buton {
        display: block;
        float: none;
    }

        .odemeler > article .buton + .buton {
            margin-top: 10px;
        }

    .logo, .logo a {
        width: 163px;
        height: 37px;
    }

    .logo {
        height: 50px;
    }

        .logo a {
            background-position: 0 -629px;
            margin-top: 3px;
        }

    .sepet-durum .simge, .yardim .tik, .kisisel-menu .tik {
        display: none;
    }

    .kafa.scroll-to-fixed-fixed .logo {
        display: inline-block;
        margin-left: 40px;
    }

    .odeme-oturumac .kolon3 + .kolon3 {
        border-left: 0;
        border-top: 1px solid #e1e1e1;
        padding-top: 5%;
        margin-top: 5%;
    }

    .formeleman input.yarim ~ .yarim {
        margin-left: 1%;
    }

    .sekmetik.kadin-sekme h2, .sekmetik.kadin-sekme ul, .sekmetik.erkek-sekme h2, .sekmetik.erkek-sekme ul {
        width: 100%;
    }

    .sekmetik.kadin-sekme h2, .sekmetik.kadin-sekme li, .sekmetik.erkek-sekme h2, .sekmetik.erkek-sekme li {
        padding: 15px 10px;
    }

    .formeleman input.yarim {
        width: 48.9%;
    }

    .style-life .urungoster.sdcgorcel[class*=kolon] img {
        width: 100%;
        height: auto;
    }

    .style-life .urungoster.solda, .style-life .kolon3te2 {
        width: 100%;
    }

    .genel-sekme .sekmetik {
        border: 0;
    }

        .genel-sekme .sekmetik ul li {
            width: 100%;
            border: 1px solid #e1e1e1;
            text-align: left;
        }

            .genel-sekme .sekmetik ul li + li {
                border-left: 1px solid #e1e1e1;
            }

            .genel-sekme .sekmetik ul li, .genel-sekme .sekmetik ul li.etkin {
                margin: 2px auto;
            }

    .odeme-sekmesi .sekme-icerik {
        margin-bottom: 20px;
    }

    .odemeler .sepet-ozeti {
        margin-bottom: 20px;
    }

    .ebulten-mini input[type=text] {
        width: 50%;
    }

    .formeleman input.ceyrek ~ .ceyrek {
        margin-left: 1.6%;
    }
}

@media only screen and (max-width: 400px) {
    .sepet-mini {
        width: 320px;
    }

    .kafa.scroll-to-fixed-fixed .sepet-mini {
        right: -20px;
    }

    .logo, .logo a {
        width: 117px;
        height: 27px;
    }

    .logo {
        height: 50px;
    }

        .logo a {
            background-position: 0 -686px;
            margin-top: 7px;
        }

    footer.ayak .boynergrup {
        clear: both;
        float: none;
        margin: 10px auto;
        display: block;
    }

    footer.ayak .aymarka {
        float: none;
        display: block;
        text-align: center;
    }

    .kolon2, .kolon4 {
        width: 100%;
    }

        .kolon2 + .kolon2, .kolon4 + .kolon4 {
            margin-top: 20px;
        }

    .urun-hareketleri > p {
        width: auto;
        display: block;
    }

    .genelslayt.urunbuyuk .gorsel img {
        height: 380px;
    }

    .urunbuyuk .yonerge {
        display: none;
    }

    .orderSum li > strong {
        float: none;
        display: block;
        text-align: left;
        margin-left: 0;
    }

    .kategori-dizil .urunslogan {
        zoom: 70%;
    }

    /** hopi yeni **/
    .hopi-baslat a {
        padding: 10px;
    }

    .hopi-baslat p {
        font-size: 14.5px;
    }

    .hopi-baslat .hopi-logo + p:before {
        margin: 0 10px 0 0;
        height: 29px;
    }

    .hopi-baslat .hopi-logo, .hopi-eylemler .bir .hopi-logo {
        margin-right: 10px;
        width: 30px;
        height: 28px;
        background-position: -234px -301px;
    }

    .hopi-eylemler .bir .hopi-logo {
        margin: 0;
        left: 39%;
        top: -10px;
    }

    .muhtesempoap .hopi-app-ekran {
        top: -20px;
        right: -40px;
    }

    .muhtesempoap[bukim*=hopile] a.kapatcik {
        right: auto;
        left: 10px;
    }

    .hopi-eylemler .bir .toplar.top_1 {
        display: none;
    }

    .hopi-eylemler .bir .sigdir {
        padding-top: 40px;
    }

    .hopi-eylemler .hopikodu {
        font-size: 22px;
    }

    .muhtesempoap .hopi-eylemler .hosgeldin {
        padding: 10px 20px 10px 50px;
    }

    .hopi-eylemler .bir .toplar.top_4 {
        top: auto;
        right: -10px;
        bottom: -10px;
        left: auto;
    }

    .hopi-eylemler .iki .toplar.top_4 {
        display: none;
    }

    .hopi-hesapci p {
        width: 50%;
        padding: 1%;
    }

    .hopi-netice .neyapti {
        padding-left: 0;
        margin-top: 10px;
    }

        .hopi-netice .neyapti:before {
            display: none;
        }
    /** #hopi yeni **/
}

@media only screen and (max-width: 320px) {
    .formeleman input.yarim {
        width: 48.3%;
    }

    .sepet-mini {
        width: 300px;
    }

    .kafa.scroll-to-fixed-fixed .sepet-mini {
        right: -40px;
    }

        .kafa.scroll-to-fixed-fixed .sepet-mini:before {
            right: 13.4%;
        }

        .kafa.scroll-to-fixed-fixed .sepet-mini:after {
            right: 13.6%;
        }

    .kategori-dizil .urunslogan {
        zoom: 70%;
    }
}

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