/* Minification failed. Returning unminified contents.
(38343,24): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(38344,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(38344,59): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(38345,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(38345,61): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(41346,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(41346,59): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(41347,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(41347,61): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(41348,24): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(41568,24): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(41569,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(41569,59): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(41570,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(41570,61): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(45053,24): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(45054,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(45054,59): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(45055,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(45055,61): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(46455,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(46455,59): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(46456,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(46456,61): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
 */
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;
}

/*look*/
/*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-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-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 {
    
}

.i {
    font-style: italic;
}


.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(/assets/styles/http:/localhost/ECOM.Store.Efor/assets/images/serpme.png) -176px 0 no-repeat;
    display: inline-block;
    text-align: left;
    text-indent: -999em;
    vertical-align: middle;
}


.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(/assets/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-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 ;
            padding: 10px 20px;
        }

            .bildirim.ipucu strong {
              
                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 ;
            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 ;
    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;
}*/


/*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(/assets/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;
}
section.orta-alan-1.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-style: italic;
            color: #f3b5a5;
        }

        .ustmenu-eleman ul.banner-mini strong {
            
            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 ;
    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;
}*/

/*//look*/
/*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 ;
    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: 22%;
}

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

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

/*.hasDatepicker {
    background: #FFFFFF url(/assets/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;
        
    }

        .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 ;
        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 ;
        }

            .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 ;
        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(/assets/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(/assets/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 {
    
    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%;
    opacity: 0;
}

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

    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: 14px;
        }

        .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;
        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ı **/

/* 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;
        }

    .jQmerAcilirKutu select {
        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;
        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 { 
    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 {
    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: 32px;
    }

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

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

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

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

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

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

    .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: 14px;
    display: block;
    background: #FFFFFF;
    color: #ee5555;
    border-color: #ee5555;
}

    .beden-gelince a.buton:hover {
        background: #ee5555;
        color: #FFFFFF;
        opacity: 1;
    }

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

    .sepete-atma-fonksiyon .girdi {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        font-size: 13px;
        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;
        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: 16px;
                padding-right: 30px;
            }
    /*.urun-hareketleri p + p {font:italic 11px 'Playfair Display'}*/
    .urun-hareketleri p + p em {
        font-size: 26px;
        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;
        color: #444344;
    }

        .sosyalles h2 {
            font: normal 20px;
            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: 16px;
        }

            .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;
    line-height: 20px;
}

    .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: 16px;
    }

    .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: 16px;
                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: 14px;
    }

    .basketProducts .product .details .title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    /* .basketProducts .product .buton.delete {font-size:14px; 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: 14px;
    }

    .numMinPlus input {
        display: inline-block;
    }

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

    .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;
    line-height: 30px;
}

    .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 {
        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;
}

.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: 20px;
}

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

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

.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(/assets/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;
        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: 18px;
        height: auto;
        z-index: 2;
        opacity: 1;
    }

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

.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: 18px;
    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: 14px;
        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: 17px;
}

    .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: 16px;
}

.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: 20px;
}

.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: 18px;
            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;
                opacity: .5;
            }

            .odeme-sekmesi .sekmetik ul li.etkin:before {
                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(/assets/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: 13px;
        }

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

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

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

            .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: 18px;
        }

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

.kart-anasi, .kart-cocugu {
    display: inline-block;
    background: url(/assets/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;
    right: 0;
    width: 600px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: none;
    top: 95%;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
}
    /*.sepet-mini .basketProducts .product .details .others ul {width:auto; margin-right:10px} */
    .sepet-mini .basketProducts .product .img img {
        height: 60px;
        width: auto;
    }

    .sepet-mini .sepet-kolonlar {
        margin-bottom: 20px;
    }

    .sepet-mini .marka-ayrac {
        background: #FFFFFF;
    }

    .sepet-mini a.kapat {
        width: 30px;
        height: 30px;
        background: transparent url(/assets/images/serpme.png) -176px 0 no-repeat;
        display: inline-block;
        text-align: left;
        text-indent: -999em;
        vertical-align: middle;
    }

    .sepet-mini .others ul.cost {
        display: none !important;
    }

    .sepet-mini .basketProducts .product .details .others ul {
        width: 45%;
    }

        .sepet-mini .basketProducts .product .details .others ul + ul {
            width: 17%;
        }

    .sepet-mini .numMinPlus {
        font-size: 14px;
        text-align: right;
    }


    .sepet-mini .basketProducts .product .details .others ul.price {
        text-align: right;
    }

        .sepet-mini .basketProducts .product .details .others ul.price strong {
            font-weight: normal;
        }

    .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: 22px;
        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(/assets/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(/assets/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: 10px;
    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;
    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;
    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(/assets/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: 26px;
            }

        .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(/assets/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(/assets/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);
        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);
            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: 14px;
            }

    .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: 18px;
    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: 16px;
    }

    .menu-sekmesi .sepete-atma-fonksiyon .azalt, .menu-sekmesi .sepete-atma-fonksiyon .artir {
        padding: 0;
    }

    .menu-sekmesi .sepete-atma-fonksiyon .girdi {
        font-size: 10px;
    }

.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(/assets/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(/assets/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: 16px;
        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(/assets/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;
    -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;
    -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;
    -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(/assets/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(/assets/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: 24px;
}

.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;
    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: 14px;
}

    .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: 20px;
    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(/assets/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;
        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: 18px;
    }

    .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;
    }

        .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(/assets/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: 17px;
    }

    /** hopi yeni **/
    .orderSum .hopi-baslat p {
        font-size: 22px;
    }
    /** #hopi yeni **/
}

@media only screen and (max-width: 1367px) {
    body, section, div, table, aside, article, ul, ol, li, .ui-widget select {
        font-size: 14px;
    }

    .kategori-dizil article h2 {
        font-size: 18px;
    }

    .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: 18px;
    }

    .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: 15px;
    }

    .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: 16px;
    }

    .kafa.scroll-to-fixed-fixed .logo {
        margin-top: 10px;
    }

    .kafa.scroll-to-fixed-fixed .ustmenu > ul > li > a {
        font-size: 16px;
        padding: 10px 3px;
    }

    .ustmenu > ul > li.altmenu > a:hover, .ustmenu > ul li.altmenu > a.etkin {
        padding-bottom: 11px;
    }

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

    .bildirim {
        font-size: 15px;
    }

        .bildirim h2 {
            font-size: 20px;
        }

    .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: 62px;
    }

    .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: 16px;
        }

    .urun-fonksiyon .y18 {
        font-size: 16px;
    }

    .urun-fonksiyon p + p {
        margin-top: 10px;
    }

    .urunbuyuk .urungorsel-sayfala span img {
        height: 60px;
        width: auto;
    }

    /*
	.hemen-sor a {font-size:22px; 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: 18px;
        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: 34px;
        }

        .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: 18px;
        }
    /** #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: 14px;
    }
}

@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: 24px;
    }
    /** #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: 16px;
    }

    .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: 14px;
    }

        .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: 16px;
            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(/assets/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(/assets/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: 34px;
        }

        .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: 18px;
        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: 34px;
        }

        .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(/assets/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) {
    .main-prod {
        width: 100% !important;
    }
    .add-basket-product,.btnSelect {
        margin-top: 2% !important;
    }
    .another-prods {
        width: 100% !important;
    }
    .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: 15px;
    }

        .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: 16px;
            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) {
    .main-prod {
        width: 100% !important;
    }
    .add-basket-product, .btnSelect {
        margin-top: 2% !important;
    }
    .another-prods {
        width: 100% !important;
    }
    /** hopi yeni **/
    .hopi-baslat p {
        font-size: 20px;
    }

    .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: 14px;
    }

    .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: 26px;
    }

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

    .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: 30px;
    }

    .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: 22px;
    }

    .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) {
    .main-prod {
        width: 100% !important;
    }
    .add-basket-product, .btnSelect {
        margin-top: 2% !important;
    }
    .another-prods {
        width: 100% !important;
    }
    .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: 16.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: 24px;
    }

    .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) {
    .main-prod {
        width: 100% !important;
    }
    .add-basket-product{
        margin-top:2% !important;

    }
    .another-prods {
        width: 100% !important;
    }
    .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;
}

.facebookbtn {
    display: inline-block !important;
    background-color: #3b5998 !important;
    font-weight: 500 !important;
    color: #FFF !important;
    letter-spacing: .074em !important;
    font-size: 1.1rem !important;
    padding: 0.58333333rem 2.66666667rem 0.58333333rem 1.08333333rem !important;
    line-height: 2.5rem;
    -webkit-transition: background-color 200ms ease 0ms !important;
    transition: background-color 200ms ease 0ms !important;
}

    .facebookbtn:before {
        font-family: 'icomoon' !important;
        speak: none !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        content: '\e91d' !important;
    }

    .facebookbtn:after {
        display: block !important;
        content: ' ' !important;
        clear: both !important;
        height: 0px !important;
        overflow: hidden !important;
    }

    .facebookbtn:before {
        display: inline-block !important;
        float: left !important;
        margin-right: 1.91666667rem !important;
        font-size: 2.35rem !important;
    }

    .facebookbtn:active {
        background-color: #4264aa !important;
    }

.js-mobile-toggler a {
    display: none;
}

.js-mobile-toggler {
    padding-bottom: 20px;
    display: none;
}
.bottom_line {
    bottom: 40px;
    padding: 10px;
    position: relative;
    color: #fff;
    font-size: 25px;
}

.slide .slider-content .title {
    margin-top: 6%;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 5%;
    margin-top: 3%;
    margin-left: 10%;
    font-size: 36px;
    font-weight: 300;
}

    .listing-main .listing-head .grids div {
        display: inline-block;
        height: 16px;
        cursor: pointer;
        margin-right: 5px;
        -webkit-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out;
    }

    .listing-main .listing-head .grids .col3 {
        width: 30px;
        background: url(/assets/images/listing/col3-active.png) no-repeat;
        opacity: 0.3;
        height: 23px;
        background-size: 30px auto;
    }

    .listing-main .listing-head .grids .col2 {
        width: 24px;
        background: url(/assets/images/listing/col2-active.png) no-repeat;
        opacity: 0.3;
        background-size: 22px auto;
        height: 23px;
    }

    .listing-main .listing-head .grids .active {
        opacity: 1;
    }

    .listing-main .listing-head .grids div:hover {
        opacity: 0.1;
    }

    .listing-main .listing-head .grids div.active:hover {
        opacity: 0.6;
    }

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
/* Relative Sizing */
.clear:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

@-moz-keyframes spin {
    from {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@font-face {
    font-family: 'icomoon';
    src: url(/assets/fonts/icomoon.eot);
    src: url(/assets/fonts/icomoon.eot#iefix) format('embedded-opentype'), url(/assets/fonts/icomoon.ttf) format('truetype'), url(/assets/fonts/icomoon.woff) format('woff'), url(/assets/fonts/icomoon.svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.iconstyle {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fav:before {
    content: "\e91f";
}

.icon-fast-look:before {
    content: "\e920";
}

.icon-facebook-official:before {
    content: "\e91d";
}

.icon-remove:before,
.icon-delete:before,
.icon-bin:before {
    content: "\e91a";
}

.icon-update:before,
.icon-change:before {
    content: "\e91b";
}

.icon-edit:before {
    content: "\e91c";
}

.icon-spinner:before {
    content: "\e919";
}

.icon-minus-thin:before {
    content: "\e918";
}

.icon-pin:before,
.icon-plus-thin:before {
    content: "\e909";
}

.icon-zoom:before {
    content: "\e917";
}

.icon-filter:before {
    content: "\e916";
}

.icon-arrow-left:before {
    content: "\e913";
}

.icon-arrow-right:before {
    content: "\e914";
}

.icon-arrow-up:before {
    content: "\e915";
}

.icon-check:before {
    content: "\e912";
}

.icon-caret-down:before {
    content: "\e911";
}

.icon-arrow-down:before {
    content: "\e910";
}

.icon-minus:before {
    content: "\e90e";
}

.icon-plus:before {
    content: "\e90f";
}

.icon-angle-down:before {
    content: "\e90a";
}

.icon-angle-left:before {
    content: "\e90b";
}

.icon-angle-right:before {
    content: "\e90c";
}

.icon-angle-up:before {
    content: "\e90d";
}

.icon-arrow-long-right:before {
    content: "\f178";
}

.icon-cycle:before {
    content: "\e900";
}

.icon-return:before {
    content: "\e900";
}

.icon-store:before {
    content: "\e901";
}

.icon-truck:before {
    content: "\e902";
}

.icon-delivery:before {
    content: "\e902";
}

.icon-wallet:before {
    content: "\e904";
}

.icon-sewing:before {
    content: "\e905";
}

.icon-repair:before {
    content: "\e905";
}

.icon-search:before {
    content: "\e906";
}

.icon-user:before {
    content: "\e907";
}

.icon-basket:before {
    content: "\e908";
}

.icon-cross:before {
    content: "\e903";
}

.icon-close:before {
    content: "\e903";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-youtube:before {
    content: "\f16a";
}

.icon-instagram:before {
    content: "\f16d";
}

.icon-vine:before {
    content: "\f1ca";
}

.icon-pinterest:before {
    content: "\f231";
}
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
	Common CSS Properties
	---------------------
	These properties will be applied to any themes that you use
*/
/*---------------------------*/
/*Select2 register form CSS*/
.select2-selection {
    background-color: transparent;
    border: 1px solid #e4e4e4 !important;
    max-width: none !important;
    height: 3.33333333rem !important;
    line-height: 3.16666667rem !important;
    border-radius: 0 !important;
    padding: 5px;
}
    .select2-selection[aria-expanded="true"] {
        /*box-shadow: 0 5px 5px rgb(0 0 0 / 20%);*/
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    }
    .select2-selection__arrow {
        margin-top: 5px;
        margin-right: 5px;
    }
.select2-dropdown {
    background-color: transparent;
    border: 1px solid #e4e4e4 !important;
    /*box-shadow: 0 5px 10px rgb(0 0 0 / 20%);*/
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.select2-search--dropdown {
    padding: 0px !important;
}

.select2-search__field {
    height: 38px !important;
    border: 1px solid #e4e4e4 !important;
    padding-left: 10px !important;
}
.select2-results__option {
    text-indent: 5px;
    margin: 0;
    list-style-type: none;
    list-style: none;
    height: 40px;
    display: flex !important;
    align-items: center !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fff !important;
    color: #333 !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: #fff !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 160px !important;
}
/*--------------------------------------*/
/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    font: 14px Helvetica, Arial;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}
    /* Button */
    .selectboxit-container .selectboxit {
        width: 220px;
        /* Width of the dropdown button */
        cursor: pointer;
        margin: 0;
        padding: 0;
        border-radius: 6px;
        overflow: hidden;
        display: block;
        position: relative;
    }
    /* Height and Vertical Alignment of Text */
    .selectboxit-container span,
    .selectboxit-container .selectboxit-options a {
        height: 30px;
        /* Height of the drop down */
        line-height: 30px;
        /* Vertically positions the drop down text */
        display: block;
    }
    /* Focus pseudo selector */
    .selectboxit-container .selectboxit:focus {
        outline: 0;
    }
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}
/* Button Text */
.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 252px;
    /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    border-radius: 6px;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px;
}
    /* Individual Option Hover Action */
    .selectboxit-option .selectboxit-option-anchor:hover {
        text-decoration: none;
    }
/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: 700;
}
    /* Drop Down optgroup header hover psuedo class */
    .selectboxit-optgroup-header:hover {
        cursor: default;
    }
/* Drop Down down arrow container */
.selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 1.83333333rem;
    position: absolute;
    right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}
    /* Drop Down down arrow for jQueryUI and jQuery Mobile */
    .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
        top: 30%;
    }
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
/*
	Default Theme
	-------------
	General Use
*/
.selectboxit-container {
    background-color: #FFF;
}

    .selectboxit-container * {
        font: inherit;
    }

    .selectboxit-container .selectboxit {
        border-radius: 0;
    }

    .selectboxit-container .selectboxit-options {
        border-radius: 0;
    }

    .selectboxit-container .selectboxit {
        width: auto !important;
    }

        .selectboxit-container .selectboxit .selectboxit-option-icon-container {
            display: none;
        }

    .selectboxit-container .selectboxit-btn {
        background-color: transparent;
        border: 1px solid #e4e4e4;
    }

    .selectboxit-container .selectboxit-default-arrow {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .selectboxit-container .selectboxit-default-arrow:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e911';
        }

    .selectboxit-container .selectboxit-list {
        background-color: #FFF;
        border: 1px solid #e4e4e4;
        width: 100%;
    }

        .selectboxit-container .selectboxit-list .selectboxit-option-first,
        .selectboxit-container .selectboxit-list .selectboxit-option-last {
            border-radius: 0;
        }

        .selectboxit-container .selectboxit-list .selectboxit-option-anchor {
            color: #333;
        }

        .selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
            color: #333;
            background-color: #fafafa;
        }

        .selectboxit-container .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
            color: #333;
        }

        .selectboxit-container .selectboxit-list .selectboxit-option-icon-container {
            display: none;
        }

    .selectboxit-container span,
    .selectboxit-container .selectboxit-options a {
        max-width: none !important;
        height: 3.33333333rem;
        line-height: 3.16666667rem;
    }

    .selectboxit-container .selectboxit-text {
        font-size: 1.01666667rem;
        font-weight: inherit;
        padding-left: 0.5rem;
    }

    .selectboxit-container[aria-expanded="true"] {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

        .selectboxit-container[aria-expanded="true"] .selectboxit-options {
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        }

    .selectboxit-container.large span,
    .selectboxit-container.large .selectboxit-options a {
        height: 4.16666667rem;
        line-height: 4.16666667rem;
    }
    /*
	Type: Transparent - Right Aligned 
	-------------
	Listing Filter
*/
    .selectboxit-container.listing-order {
        background-color: transparent;
    }

        .selectboxit-container.listing-order .selectboxit-options {
            width: 100%;
        }

            .selectboxit-container.listing-order span,
            .selectboxit-container.listing-order .selectboxit-options a {
                height: 2.5rem;
                line-height: 2.5rem;
            }

        .selectboxit-container.listing-order .selectboxit-arrow-container {
            width: 0.83333333rem;
            text-align: center;
        }

        .selectboxit-container.listing-order.rightalign .selectboxit-btn {
            min-width: 100%;
        }

        .selectboxit-container.listing-order .selectboxit-default-arrow:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90a';
        }

        .selectboxit-container.listing-order .selectboxit-btn {
            background-color: #FFF;
            font-size: 0.975rem;
            color: #5a5a5a;
            font-weight: 500;
            letter-spacing: .03em;
        }

            .selectboxit-container.listing-order .selectboxit-btn .selectboxit-text {
                float: left;
                padding-right: 1.25rem;
                box-sizing: border-box;
                max-width: none !important;
            }

            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:hover:hover,
            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:focus:hover,
            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:active:hover,
            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:hover:focus,
            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:focus:focus,
            .selectboxit-container.listing-order .selectboxit-btn.selectboxit-enabled:active:focus {
                text-decoration: none;
                background-position: 0 -15px;
            }
    /*
	Type: Round
	-------------
	Round Corners
*/
    .selectboxit-container.round .selectboxit-btn {
        border-radius: 3px;
    }

        .selectboxit-container.round .selectboxit-btn.selectboxit-open {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

*:focus {
    outline: 0 none;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1;
}
/*body {
    background-image: url(/assets/contents/images/yeniyil_left.png), url(/assets/contents/images/yeniyil_right.png);
    background-position: left top, right top;
    background-repeat: repeat-y;
    background-size: 170px;
}*/

iframe {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure,
button,
table {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

sup {
    position: relative;
    top: -0.5em;
    font-size: 65%;
    line-height: 0;
    vertical-align: baseline;
}

a,
button {
    color: inherit;
    cursor: pointer;
}

a {
    text-decoration: none;
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    letter-spacing: inherit;
    background: none;
    -webkit-font-smoothing: inherit;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block;
}

ul {
    list-style-type: none;
}

header,
main,
footer {
    display: block;
    position: relative;
}

i {
    font-style: normal;
}

select {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    z-index: 990 !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

hr {
    border: none;
    border-bottom: 1px solid #e4e4e4;
    height: 0;
    background: transparent;
}
/*== Font Widths and Sizes ==*/
/*== Colors ==*/
/*== Fonts ==*/
@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

@font-face {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2248;
}

.font-avenir {
    font-family: 'Roboto-Medium', sans-serif;
}

.font-playfair {
    font-family: 'Roboto-Medium', sans-serif;
}

html {
    font-size: 14px;
}

body {
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 400;
    color: #333;
}

    body.blockoverflow {
        overflow: hidden;
    }

    body:before {
        content: ' ';
        overflow: hidden;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background-color: #FFF;
    }
/*== Layout & Wrapping ==*/
.wrapper {
    width: 100%;
    max-width: 81.25%;
    margin: 0 auto;
    position: relative;
}

.outerwrap {
    position: relative;
    overflow: hidden;
}

    .outerwrap .innerwrap {
        /*position: absolute;*/
        top: 0px;
        width: 100%;
        bottom: 0px;
    }

    .outerwrap .innerimg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 100%;
        max-width: none;
        min-height: 100%;
    }

.divided {
    float: left;
}

    .divided.q2 {
        width: 50%;
    }

    .divided.q3 {
        width: 70%;
    }

    .divided.q1 {
        width: 30%;
    }

.innerimage {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .innerimage.align-bottom {
        top: auto;
        bottom: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .innerimage.align-top {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .innerimage.align-left {
        right: auto;
        left: 0;
    }

    .innerimage.align-right {
        right: 0;
        left: auto;
    }

    .innerimage.imagetile-vertical {
        width: auto;
        height: 100%;
        top: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: none;
    }

        .innerimage.imagetile-vertical.align-left {
            left: 0;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        .innerimage.imagetile-vertical.align-right {
            right: 0;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
/*== Slider ==*/
.sliderelement:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    display: none;
    content: ' ';
    overflow: hidden;
    z-index: 150;
    opacity: 0;
    -webkit-transition: opacity 300ms ease 0ms;
    transition: opacity 300ms ease 0ms;
}

.sliderelement.loader,
.sliderelement.loadinit {
    overflow: hidden;
}

    .sliderelement.loader:before,
    .sliderelement.loadinit:before {
        display: block;
    }

    .sliderelement.loader:before,
    .sliderelement.loading:before {
        opacity: 1;
    }

.sliderelement.owl-carousel.hide-nav .owl-controls {
    display: none;
}

.sliderelement.owl-carousel .owl-dots .owl-dot span {
    background-color: #e4e4e4;
}

.sliderelement.owl-carousel .owl-dots .owl-dot.active span {
    background-color: #b6b6b6;
}

.sliderelement.slider-main .owl-item .slide {
    position: relative;
    overflow: hidden;
}

    .sliderelement.slider-main .owl-item .slide .outerwrap {
        padding-bottom: 57.593%;
    }

    .sliderelement.slider-main .owl-item .slide.type1 .image-right {
        -webkit-transition: opacity 550ms ease, transform 550ms ease;
        transition: opacity 550ms ease, transform 550ms ease;
        z-index: 5;
        position: absolute;
        right: 0;
        width: 69.05982905982906%;
        top: 7.4%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

        .sliderelement.slider-main .owl-item .slide.type1 .image-right img {
            width: 100%;
        }

    .sliderelement.slider-main .owl-item .slide.type1 .image-left {
        -webkit-transition: opacity 650ms ease 250ms, transform 650ms ease 250ms;
        transition: opacity 650ms ease 250ms, transform 650ms ease 250ms;
        position: absolute;
        bottom: 15.875%;
        left: 4.269%;
        z-index: 10;
        width: 51.323%;
        -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

        .sliderelement.slider-main .owl-item .slide.type1 .image-left img {
            width: 100%;
        }

    .sliderelement.slider-main .owl-item .slide.type1 .slide-text {
        z-index: 0;
        bottom: 0;
        width: 23.654%;
        position: absolute;
        left: 0;
        border: 1px solid #b6b6b6;
        padding: 13px 18px;
        font-weight: 700;
        font-size: 1.1rem;
        box-sizing: border-box;
    }

        .sliderelement.slider-main .owl-item .slide.type1 .slide-text span {
            font-weight: 700;
            margin-top: 50%;
            position: relative;
            padding-top: 5%;
            line-height: 1.6em;
            display: inline-block;
            letter-spacing: .12em;
        }

            .sliderelement.slider-main .owl-item .slide.type1 .slide-text span:before {
                width: 17.909%;
                height: 4px;
                background-color: #000;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                content: ' ';
                overflow: hidden;
            }

    .sliderelement.slider-main .owl-item .slide.type2 .image-right {
        -webkit-transition: opacity 550ms ease, transform 550ms ease;
        transition: opacity 550ms ease, transform 550ms ease;
        width: 77.350%;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(40%, -50%);
        -ms-transform: translate(40%, -50%);
        transform: translate(40%, -50%);
        z-index: 5;
    }

    .sliderelement.slider-main .owl-item .slide.type2 .image-left {
        -webkit-transition: opacity 550ms ease 250ms, transform 550ms ease 250ms;
        transition: opacity 550ms ease 250ms, transform 550ms ease 250ms;
        width: 25.384%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        z-index: 10;
    }

    .sliderelement.slider-main .owl-item .slide.type3 img {
        -webkit-transition: opacity 550ms ease;
        transition: opacity 550ms ease;
        width: 100%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .sliderelement.slider-main .owl-item .slide .slide-mobile {
        display: none;
    }

.sliderelement.slider-main .owl-item.active .slide.type1 .image-right,
.sliderelement.slider-main .owl-item.activeclone .slide.type1 .image-right {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.sliderelement.slider-main .owl-item.active .slide.type1 .image-left,
.sliderelement.slider-main .owl-item.activeclone .slide.type1 .image-left {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.sliderelement.slider-main .owl-item.active .slide.type2 .image-right,
.sliderelement.slider-main .owl-item.activeclone .slide.type2 .image-right {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sliderelement.slider-main .owl-item.active .slide.type2 .image-left,
.sliderelement.slider-main .owl-item.activeclone .slide.type2 .image-left {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sliderelement.slider-main .owl-item.active .slide.type3 img,
.sliderelement.slider-main .owl-item.activeclone .slide.type3 img {
    opacity: 1;
}

.sliderelement.slider-main .owl-controls {
    margin-top: 0;
}

.sliderelement.slider-landing .owl-item .slide .outerwrap {
    padding-bottom: 64.269%;
}

    .sliderelement.slider-landing .owl-item .slide .outerwrap * {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .sliderelement.slider-landing .owl-item .slide .outerwrap .big {
        width: 67.351%;
    }

    .sliderelement.slider-landing .owl-item .slide .outerwrap .small {
        width: 30.136%;
    }

    .sliderelement.slider-landing .owl-item .slide .outerwrap .left {
        left: 0;
    }

    .sliderelement.slider-landing .owl-item .slide .outerwrap .right {
        right: 0;
    }

.sliderelement.slider-carousel {
    width: calc(79.145% + 16px);
    margin: 0 auto;
}

    .sliderelement.slider-carousel.full {
        width: calc(100% + 16px);
        margin-left: -8px;
        margin-right: -8px;
    }

    .sliderelement.slider-carousel .slide {
        margin: 2px 15px 0 0; 
    }

        .sliderelement.slider-carousel .slide .imagecontainer {
            overflow: hidden;
            position: relative;
            width: 100%;
            display: block;
            box-sizing: border-box;
        }

            .sliderelement.slider-carousel .slide .imagecontainer img {
                position: absolute;
                max-width: none;
                top: 50%;
                left: 50%;
                min-width: 100%;
                max-height: 100%;
                height: auto;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    .sliderelement.slider-carousel.products .slide .imagecontainer {
        border: 1px solid #ececec;
    }

        .sliderelement.slider-carousel.products .slide .imagecontainer img {
            position: static;
            width: 100%;
            top: auto;
            left: auto;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            display: block;
        }

    .sliderelement.slider-carousel.blog .slide .imagecontainer {
        padding-bottom: 80%;
    }

.sliderwrap {
    overflow: hidden;
}
/*== Generic Objects ==*/
input,
select,
textarea {
    font-family: 'Roboto-Medium', sans-serif;
    border: 1px solid #e4e4e4;
    background-color: #FFF;
    color: #333;
    width: 13.5rem;
    box-sizing: border-box;
    line-height: 1.5rem;
    padding: 0.83333333rem 0.91666667rem 0.83333333rem 0.91666667rem;
    font-size: 1.01666667rem;
    font-weight: 500;
    letter-spacing: .01em;
}

    input.round,
    select.round,
    textarea.round {
        border-radius: 3px;
    }

    input.xp,
    select.xp,
    textarea.xp {
        padding: 0.91666667rem 14.41666667rem 0.91666667rem 0.91666667rem;
    }

        input.xp.narrow,
        select.xp.narrow,
        textarea.xp.narrow {
            padding-right: 8.66666667rem;
        }

        input.xp.mini,
        select.xp.mini,
        textarea.xp.mini {
            padding-right: 6.83333333rem;
        }

    input.inverted,
    select.inverted,
    textarea.inverted {
        border-color: #FFF;
        color: #3B3838;
        background-color: transparent;
    }

select {
    height: 40px;
}

textarea {
    font-family: 'Roboto-Medium', sans-serif;
    border: 1px solid #e4e4e4;
    color: #333;
    width: 100%;
    padding: 0.83333333rem 0.91666667rem 0.83333333rem 0.91666667rem;
    font-size: 1.01666667rem;
    box-sizing: border-box;
    max-width: 100%;
    font-weight: 500;
    letter-spacing: .01em;
}

    textarea.round {
        border-radius: 3px;
    }

.inputwrap {
    position: relative;
}

    .inputwrap input,
    .inputwrap select,
    .inputwrap textarea,
    .inputwrap .selectbox {
        width: 100%;
    }

        .inputwrap input.error,
        .inputwrap select.error,
        .inputwrap textarea.error,
        .inputwrap .selectbox.error {
            border: 1px solid #ff4546;
        }

            .inputwrap .selectbox.error + .selectboxit-container .selectboxit-btn {
                border-color: #ff4546;
            }

    .inputwrap .btn {
        position: absolute;
        top: 1px;
        right: 1px;
    }

    .inputwrap span.error {
        position: absolute;
        font-size: 0.93333333rem;
        right: 0;
        bottom: -1.25rem;
        line-height: 1rem;
        font-weight: 600;
        letter-spacing: .11em;
        color: #ff4546;
    }

.checkwrap,
.radiowrap {
    position: relative;
    float: left;
}

    .checkwrap label span.error,
    .radiowrap label span.error {
        font-size: 0.93333333rem;
        margin-top: 0.41666667rem;
        right: 0;
        display: block;
        line-height: 1rem;
        font-weight: 600;
        letter-spacing: .11em;
        color: #ff4546;
    }

    .checkwrap input,
    .radiowrap input {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

        .checkwrap input:checked + label:before,
        .radiowrap input:checked + label:before {
            background-color: black;
            /*content: '\e912 !important'*/
        }

        .checkwrap input.error + label:before,
        .radiowrap input.error + label:before {
            border-color: #ff4546;
        }

    .checkwrap:last-child {
        margin-right: 0;
    }

    .checkwrap label {
        position: relative;
        z-index: 2;
        line-height: 1.5rem;
        font-size: 1.225rem;
        padding-left: 2.5rem;
        display: inline-block;
    }

        .checkwrap label:before {
            position: absolute;
            width: 1.16666667rem;
            height: 1.16666667rem;
            left: 0;
            display: inline-block;
            cursor: pointer;
            content: ' ';
            overflow: hidden;
            border: 1px solid #333;
            vertical-align: top;
        }

        .checkwrap label:after {
            position: absolute;
            width: 0.5rem;
            height: 0.5rem;
            top: 0.41666667rem;
            left: 0.41666667rem;
            cursor: pointer;
            display: block;
            content: ' ';
            overflow: hidden;
            background-color: #333;
            opacity: 0;
            -webkit-transition: opacity 150ms ease 0ms;
            transition: opacity 150ms ease 0ms;
        }

    .checkwrap.light label:before {
        border-color: #5a5a5a;
    }

    .checkwrap.light label:after {
        background-color: #5a5a5a;
    }

    .checkwrap.full {
        float: none;
        display: block;
    }

    .checkwrap.verticalcenter label:before,
    .checkwrap.verticalcenter label:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .checkwrap.inherit label {
        font-size: inherit;
        letter-spacing: inherit;
        color: inherit;
    }

    .checkwrap.caps label {
        letter-spacing: .11em;
    }

    .checkwrap.smaller label {
        font-size: 1.05833333rem;
    }

    .checkwrap.medium label {
        font-weight: 500;
        letter-spacing: .03em;
    }

    .checkwrap.demi label {
        font-weight: 600;
        letter-spacing: .03em;
    }

    .checkwrap.inverted label:before {
        border-color: #FFF;
    }

    .checkwrap.inverted label:after {
        background-color: #FFF;
    }

.radiowrap {
    margin-right: 2rem;
}

    .radiowrap:last-child {
        margin-right: 0;
    }

    .radiowrap label {
        position: relative;
        z-index: 2;
        line-height: 1.66666667rem;
        font-size: 1.1rem;
        display: inline-block;
        padding-left: 2.5rem;
    }

        .radiowrap label:before {
            position: absolute;
            left: 0;
            display: inline-block;
            cursor: pointer;
            content: ' ';
            overflow: hidden;
            border: 1px solid #333;
            border-radius: 50%;
            width: 1.5rem;
            height: 1.5rem;
            vertical-align: top;
        }

        .radiowrap label:after {
            position: absolute;
            width: 0.5rem;
            height: 0.5rem;
            cursor: pointer;
            display: block;
            content: ' ';
            overflow: hidden;
            background-color: #333;
            border-radius: 50%;
            top: 0.58333333rem;
            left: 0.58333333rem;
            opacity: 0;
            -webkit-transition: opacity 150ms ease 0ms;
            transition: opacity 150ms ease 0ms;
        }

    .radiowrap.light label:before {
        border-color: #5a5a5a;
    }

    .radiowrap.light label:after {
        background-color: #5a5a5a;
    }

    .radiowrap.square label {
        padding-left: 2.5rem;
        line-height: 1.5rem;
    }

        .radiowrap.square label:before {
            width: 1.16666667rem;
            height: 1.16666667rem;
            border-width: 1px;
            border-radius: 0;
        }

        .radiowrap.square label:after {
            width: 0.5rem;
            height: 0.5rem;
            top: 0.41666667rem;
            left: 0.41666667rem;
            border-radius: 0;
        }

    .radiowrap.verticalcenter label:before,
    .radiowrap.verticalcenter label:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .radiowrap.caps label {
        letter-spacing: .11em;
    }

    .radiowrap.smaller label {
        font-size: 1.05833333rem;
    }

    .radiowrap.medium label {
        font-weight: 500;
        letter-spacing: .03em;
    }

    .radiowrap.demi label {
        font-weight: 600;
        letter-spacing: .03em;
    }

    .radiowrap.inverted label:before {
        border-color: #FFF;
    }

    .radiowrap.inverted label:after {
        background-color: #FFF;
    }

.btn {
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c;
    width: 13.5rem;
    text-align: center;
    position: relative;
    color: #FFF;
    font-weight: 700;
    font-size: 0.93333333rem;
    letter-spacing: .180em;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 1.5rem;
    -webkit-transition: background-color 200ms ease 0ms;
    transition: background-color 200ms ease 0ms;
}

.checkout-btn {
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #F4F4F4;
    background-color: #F4F4F4;
    width: 13.5rem;
    text-align: center;
    position: relative;
    color: #333;
    font-weight: 700;
    font-size: 0.93333333rem;
    letter-spacing: .180em;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 1.5rem;
    -webkit-transition: background-color 200ms ease 0ms;
    transition: background-color 200ms ease 0ms;
}

    .btn.high {
        padding: 1.25rem 0rem 1.25rem 0rem;
    }

    .btn.higher {
        padding: 1.66666667rem 0rem 1.66666667rem 0rem;
    }

    .btn.midi {
        width: 9.83333333rem;
    }

    .btn.narrow {
        width: 7.75rem;
    }

    .btn.mini {
        width: 5.91666667rem;
    }

    .btn.fullwidth {
        width: 100%;
    }

    .btn.flex {
        width: auto;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .btn.left {
        float: left;
    }

    .btn.right {
        float: right;
    }

    .btn.lined:before {
        position: absolute;
        top: 0.33333333rem;
        left: 0.33333333rem;
        right: 0.33333333rem;
        bottom: 0.33333333rem;
        content: ' ';
        overflow: hidden;
        display: block;
        border: 1px solid #FFF;
    }

    .btn:hover {
        background-color: transparent;
        color: #333;
    }

        .btn:hover.disabled {
            background-color: #333;
            color: #FFF;
        }

        .btn:hover.lined:before {
            border-color: #333;
        }

.checkout-btn:hover {
    background-color: transparent;
    color: #333;
}

    .checkout-btn:hover.disabled {
        background-color: #333;
        color: #FFF;
    }

    .checkout-btn:hover.lined:before {
        border-color: #333;
    }

    .btn.hollow {
        background-color: transparent;
        color: #333;
    }

        .btn.hollow.lined:before {
            border-color: #333;
        }

        .btn.hollow:hover {
            background-color: #333;
            color: #FFF;
        }

            .btn.hollow:hover.disabled {
                background-color: transparent;
                color: #333;
                border-color: #333;
            }

            .btn.hollow:hover.lined {
                border-color: #FFF;
            }

    .btn.light {
        background-color: #5a5a5a;
        border-color: #5a5a5a;
    }

        .btn.light:hover {
            background-color: transparent;
            color: #333;
        }

            .btn.light:hover.disabled {
                background-color: #5a5a5a;
                color: #FFF;
            }

            .btn.light:hover.lined:before {
                border-color: #5a5a5a;
            }

    .btn.white {
        border-color: #FFF;
        color: #333;
        background-color: #FFF;
    }

        .btn.white.lined:before {
            border-color: #333;
        }

        .btn.white:hover {
            background-color: transparent;
            color: #FFF;
        }

            .btn.white:hover.disabled {
                background-color: #FFF;
                color: #333;
                border-color: #333;
            }

            .btn.white:hover.lined {
                border-color: #FFF;
            }

        .btn.white.hollow {
            background-color: transparent;
            color: #FFF;
        }

            .btn.white.hollow:hover {
                color: #333;
                background-color: #FFF;
            }

                .btn.white.hollow:hover.disabled {
                    background-color: transparent;
                    color: #FFF;
                }

    .btn.disabled {
        opacity: .5;
        cursor: auto;
    }

.linedlink {
    border-bottom: 1.5px solid #b6b6b6;
    padding-bottom: 0.16666667rem;
}

    .linedlink:hover,
    .linedlink:focus,
    .linedlink:active {
        border-color: #000;
    }
/*== Pluginized Objects ==*/
.numberbox {
    width: 9.53333333rem;
    height: 4.16666667rem;
    line-height: 4.16666667rem;
    display: inline-block;
    border: 1px solid #e4e4e4;
    position: relative;
}

    .numberbox input {
        width: 100%;
        display: block;
        padding-right: 2.5rem;
        padding-left: 1.25rem;
        line-height: 2.33333333rem;
        height: calc(4.166666666666667rem - 2px);
        box-sizing: border-box;
        border: none;
        margin: 0;
        position: relative;
        font-size: 0.975rem;
        letter-spacing: .11em;
        font-weight: 700;
        border-bottom:1px solid #e4e4e4;
    }

        .numberbox input::-webkit-input-placeholder {
            color: #333;
            opacity: 1;
        }

        .numberbox input:-moz-placeholder {
            color: #333;
            opacity: 1;
        }

        .numberbox input::-moz-placeholder {
            color: #333;
            opacity: 1;
        }

        .numberbox input:-ms-input-placeholder {
            color: #333;
            opacity: 1;
        }

    .numberbox .numberbox-button {
        position: absolute;
        background-color: #FFF;
        top: -1px;
        right: -1px;
        width: 2.33333333rem;
        height: calc(50% + 1px);
        display: block;
        border: 1px solid #e4e4e4;
        z-index: 10;
        font-size: 1.1rem;
        line-height: 50%;
    }

        .numberbox .numberbox-button:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90f';
        }


        .numberbox .numberbox-button.text-with:before {
            content: '';
        }
        .numberbox .numberbox-button.text-with {
            font-weight:bold;
        }

        .numberbox .numberbox-button.number-decrease {
            border-top: none;
            top: auto;
            bottom: -1px;
        }

            .numberbox .numberbox-button.number-decrease:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90e';
            }
            .numberbox .numberbox-button.number-decrease.text-with:before {
                content: '';
                font-weight:bold;
            }
            .numberbox .numberbox-button.number-decrease.text-with{
                font-weight: bold;
            }

        .numberbox .numberbox-button:hover,
        .numberbox .numberbox-button:active,
        .numberbox .numberbox-button:focus {
            background-color: #fafafa;
        }

    .numberbox.narrow {
        line-height: 2.66666667rem;
        height: 2.45rem;
    }

        .numberbox.narrow input {
            line-height: 1rem;
            height: 45px;
        }

        .numberbox.narrow .numberbox-button {
            width: 1.5rem;
            font-size: 0.85rem;
        }

    .numberbox.medium {
        line-height: 3.16666667rem;
        height: 3.16666667rem;
    }

        .numberbox.medium input {
            line-height: 3.16666667rem;
            height: 3.16666667rem;
        }

        .numberbox.medium .numberbox-button {
            width: 1.66666667rem;
            font-size: 0.85rem;
        }

    .numberbox.sided {
        text-align: center;
    }

        .numberbox.sided input {
            padding-left: 0.83333333rem;
            padding-right: 0.83333333rem;
            text-align: center;
        }

        .numberbox.sided .numberbox-button {
            bottom: -1px;
            height: calc(100% + 2px);
            width: 2.5rem;
            color: #1B1B19;
            font-size: 12px;
            font-family: 'Roboto-Regular';
        }
        .all-products .numberbox.sided .numberbox-button {
            bottom: -1px;
            height: calc(95% + 5px);
            width: 2.66666667rem;
        }
        .related-products .numberbox.sided .numberbox-button {
            bottom: -1px;
            height: calc(100% + 3px);
            width: 5rem;
        }

            .numberbox.sided .numberbox-button.number-decrease {
                border-top: 1px solid #e4e4e4;
                left: -1px;
                /*right: auto;*/
                top: -1px;
            }

.accordion-container .accordion-element .accordion-button {
    cursor: pointer;
    z-index: 10;
    position: relative;
}

    .accordion-container .accordion-element .accordion-button:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .accordion-container .accordion-element .accordion-button .accordion-indicator {
        float: left;
    }

    .accordion-container .accordion-element .accordion-button .accordion-infobar {
        float: right;
    }

.accordion-container .accordion-element .accordion-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: hidden;
    box-sizing: content-box;
}

.accordion-container .accordion-element.accordion-collapsed .accordion-content {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    overflow: hidden !important;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0 !important;
}

.accordion-container.accordion-initialized .accordion-element .accordion-content {
    -webkit-transition: opacity 250ms ease, transform 250ms ease, padding 250ms ease, max-height 250ms ease;
    transition: opacity 250ms ease, transform 250ms ease, padding 250ms ease, max-height 250ms ease;
}

.accordion-default .accordion-element {
    margin: 0;
}

    .accordion-default .accordion-element .accordion-content {
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        font-size: 1.26666667rem;
        line-height: 1.5rem;
    }

    .accordion-default .accordion-element .accordion-button {
        display: block;
        font-weight: 400;
        border-bottom: 1px solid #e4e4e4;
        line-height: 1.41666667rem;
        font-size: 1.35rem;
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        letter-spacing: .11em;
        margin: 0;
    }

        .accordion-default .accordion-element .accordion-button .accordion-indicator {
            float: right;
            margin-right: 0.83333333rem;
            margin-left: 0.83333333rem;
        }

            .accordion-default .accordion-element .accordion-button .accordion-indicator:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90e';
            }

    .accordion-default .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e90f';
    }

.focusshow-subject {
    -webkit-transition: opacity 250ms ease, transform 250ms ease;
    transition: opacity 250ms ease, transform 250ms ease;
    opacity: 0;
    display: none;
}

    .focusshow-subject.topper {
        -webkit-transform: translate(0, 5%);
        -ms-transform: translate(0, 5%);
        transform: translate(0, 5%);
    }

    .focusshow-subject.bottomer {
        -webkit-transform: translate(0, -5%);
        -ms-transform: translate(0, -5%);
        transform: translate(0, -5%);
    }

    .focusshow-subject.lefter {
        -webkit-transform: translate(-5%, 0);
        -ms-transform: translate(-5%, 0);
        transform: translate(-5%, 0);
    }

    .focusshow-subject.righter {
        -webkit-transform: translate(5%, 0);
        -ms-transform: translate(5%, 0);
        transform: translate(5%, 0);
    }

    .focusshow-subject.enable {
        display: block;
    }

    .focusshow-subject.show {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.checkshow-subject,
.clickshow-subject {
    -webkit-transition: opacity 250ms ease, transform 250ms ease;
    transition: opacity 250ms ease, transform 250ms ease;
    opacity: 0;
    display: none;
}

    .checkshow-subject.noanim,
    .clickshow-subject.noanim {
        -webkit-transition: none;
        transition: none;
    }

    .checkshow-subject.topper,
    .clickshow-subject.topper {
        -webkit-transform: translate(0, 20%);
        -ms-transform: translate(0, 20%);
        transform: translate(0, 20%);
    }

    .checkshow-subject.bottomer,
    .clickshow-subject.bottomer {
        -webkit-transform: translate(0, -20%);
        -ms-transform: translate(0, -20%);
        transform: translate(0, -20%);
    }

    .checkshow-subject.enable,
    .clickshow-subject.enable {
        display: block;
    }

    .checkshow-subject.show,
    .clickshow-subject.show {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modalcontent {
    display: none;
}

.modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
}

    .modal .modal-overlay {
        position: absolute;
        cursor: pointer;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFF;
        z-index: 1110;
        -webkit-transition: opacity 200ms ease 150ms;
        transition: opacity 200ms ease 150ms;
    }

    .modal .modal-element {
        position: absolute;
        opacity: 0;
        width: 78.33333333rem;
        max-width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        box-sizing: border-box;
        top: 50%;
        left: 50%;
        z-index: 1115;
        border: 1px solid #e4e4e4;
        background: #FFF;
        -webkit-transition: opacity 200ms ease, transform 200ms ease, height 200ms ease;
        transition: opacity 200ms ease, transform 200ms ease, height 200ms ease;
        -webkit-transform: translate(-50%, -50%) scale(.9);
        -ms-transform: translate(-50%, -50%) scale(.9);
        transform: translate(-50%, -50%) scale(.9);
    }

        .modal .modal-element .modal-close {
            position: absolute;
            top: 0;
            right: 0;
            width: 3.16666667rem;
            height: 3.16666667rem;
            border: 1px solid #e4e4e4;
            border-radius: 50%;
            -webkit-transform: translate(50%, -50%);
            -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
            z-index: 160;
            font-size: 1.68333333rem;
            -webkit-transition: background-color 150ms ease 0ms;
            transition: background-color 150ms ease 0ms;
            background-color: #FFF;
        }

            .modal .modal-element .modal-close .icon {
                display: inline-block;
                vertical-align: middle;
                margin: -0.16666667rem -0.08333333rem 0rem 0rem;
            }

            .modal .modal-element .modal-close:hover,
            .modal .modal-element .modal-close:active,
            .modal .modal-element .modal-close:focus {
                background-color: #fafafa;
            }

        .modal .modal-element .modal-innerwrap {
            overflow: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        .modal .modal-element .modal-content {
            font-size: 1.1rem;
            line-height: 1.875rem;
            padding: 2.5rem 2.5rem 2.5rem 2.5rem;
        }

            .modal .modal-element .modal-content:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .modal .modal-element .modal-content .modal-section {
                float: left;
                width: 100%;
                clear: both;
            }

                .modal .modal-element .modal-content .modal-section.left,
                .modal .modal-element .modal-content .modal-section.right {
                    clear: none;
                    width: 44.469%;
                }

                .modal .modal-element .modal-content .modal-section.right {
                    margin-left: 11.062%;
                    clear: right;
                }

                .modal .modal-element .modal-content .modal-section.bottomcontrols .bottomwrap {
                    float: left;
                }

                    .modal .modal-element .modal-content .modal-section.bottomcontrols .bottomwrap.right {
                        float: right;
                    }

            .modal .modal-element .modal-content .modal-wrap {
                margin-bottom: 1.66666667rem;
                font-weight: 500;
            }

                .modal .modal-element .modal-content .modal-wrap:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                .modal .modal-element .modal-content .modal-wrap textarea {
                    height: 10.66666667rem;
                }

                .modal .modal-element .modal-content .modal-wrap .label {
                    line-height: 1.66666667rem;
                    font-size: 1.0375rem;
                    letter-spacing: .11em;
                    font-weight: 500;
                    margin-bottom: 0.83333333rem;
                    display: block;
                }

                .modal .modal-element .modal-content .modal-wrap .radiowrap label,
                .modal .modal-element .modal-content .modal-wrap .checkwrap label {
                    padding-left: 2.08333333rem;
                    font-size: 1.0375rem;
                    letter-spacing: .11em;
                }

                .modal .modal-element .modal-content .modal-wrap .radiowrap.full,
                .modal .modal-element .modal-content .modal-wrap .checkwrap.full {
                    margin: 1.66666667rem 0rem 1.66666667rem 0rem;
                }

                .modal .modal-element .modal-content .modal-wrap .radiowrap.narrow label,
                .modal .modal-element .modal-content .modal-wrap .checkwrap.narrow label {
                    letter-spacing: 0;
                }

            .modal .modal-element .modal-content .modal-subtitle {
                line-height: 1.66666667rem;
                padding: 1.08333333rem 0rem 1.08333333rem 0rem;
                font-size: 1.1rem;
                margin-bottom: 1.66666667rem;
                border-bottom: 1px dotted #b6b6b6;
                font-weight: 500;
            }

                .modal .modal-element .modal-content .modal-subtitle.nogap {
                    margin-bottom: 0;
                }

                .modal .modal-element .modal-content .modal-subtitle.noline {
                    border-bottom: none;
                }

    .modal.enabled {
        display: block;
    }

        .modal.enabled.show .modal-overlay {
            opacity: .87;
            -webkit-transition: opacity 200ms ease 0ms;
            transition: opacity 200ms ease 0ms;
        }

        .modal.enabled.show .modal-element {
            -webkit-transform: translate(-50%, -50%) scale(1);
            -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            -webkit-transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
            transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
            opacity: 1;
        }

    .modal.notrans .modal-overlay,
    .modal.notrans .modal-element {
        -webkit-transition: none !important;
        transition: none !important;
    }

    .modal.beforeloading .modal-element:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e900';
    }

    .modal.beforeloading .modal-element:before {
        content: ' ';
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 150;
        background-color: #FFF;
        opacity: 0;
        -webkit-transition: opacity 250ms ease 0ms;
        transition: opacity 250ms ease 0ms;
    }

    .modal.beforeloading .modal-element:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 2.18333333rem;
        z-index: 155;
        opacity: 0;
        -webkit-transition: opacity 250ms ease 0ms;
        transition: opacity 250ms ease 0ms;
        -webkit-animation: spin 3s infinite linear;
        -moz-animation: spin 3s infinite linear;
    }

    .modal.beforeloading.loading .modal-element:before,
    .modal.beforeloading.loading .modal-element:after {
        opacity: 1;
    }

    .modal#confirmmodal {
        text-align: center;
    }

        .modal#confirmmodal .modal-element {
            width: 33.33333333rem;
        }

            .modal#confirmmodal .modal-element .modal-content .confirmmodal-content {
                font-size: 1.18333333rem;
            }

            .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts {
                margin-top: 1.66666667rem;
            }

                .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn {
                    margin-left: 0.83333333rem;
                }

                    .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn:first-child {
                        margin-left: 0;
                    }
/*== Mini Listings ==*/


.accordion-wrap {
    border: 1px solid #727272;
}

.accordion-header {
    padding: 6% 0% 6% 3%;
    background-color: #727272;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.accordion-custom-content {
    padding: 2%;
}

ul.dashed > li {
    text-indent: -5px;
}

    ul.dashed > li:before {
        content: "-";
        text-indent: -5px;
    }

.clean {
    margin: 0;
}

.clear-padding {
    padding: 0;
}

.mobile-header-nav .dashed {
    max-height: 100% !important;
}

.mobile-header-nav {
    background-color: #525050;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 999;
    left: 0;
}

    .mobile-header-nav li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
    }

        .mobile-header-nav li a {
            color: white;
            display: block;
            padding: 15px 0;
            text-align: center;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
        }

            .mobile-header-nav li a:hover {
                background-color: #2f2f2f;
            }

.hamburger-menu {
    display: inline-block;
    padding: 2%;
    transition: all 0.3s ease-in-out;
}

    .hamburger-menu:hover {
        cursor: pointer;
    }

    .hamburger-menu .menu-item {
        background: black;
        display: block;
        height: 3px;
        margin: 0 0 7px;
        transition: all 0.3s ease-in-out;
        width: 28px;
    }

    .hamburger-menu.open .menu-item {
        margin: 0 0 8px;
    }

        /*.hamburger-menu.open .menu-item:first-child {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: 10px;
            transform-origin: 10px;
        }

        .hamburger-menu.open .menu-item:nth-child(2) {
            opacity: 0;
        }

        .hamburger-menu.open .menu-item:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 8px;
            transform-origin: 8px;
        }*/
        .hamburger-menu.open .menu-item:first-child {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: 10px;
            transform-origin: 0px;
            width: 31px;
        }

        .hamburger-menu.open .menu-item:nth-child(2) {
            opacity: 0;
        }

        .hamburger-menu.open .menu-item:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 8px;
            transform-origin: 0px;
            width: 31px;
        }
.listing-mini:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.listing-mini.triple-center .listing-wrapper {
    text-align: center;
    position: relative;
}

    .listing-mini.triple-center .listing-wrapper .listing-element {
        display: block;
        width: 21.794%;
        position: relative;
    }

        .listing-mini.triple-center .listing-wrapper .listing-element img {
            width: 100%;
        }

        .listing-mini.triple-center .listing-wrapper .listing-element .section-description {
            padding: 1.33333333rem 1.33333333rem 1.33333333rem 1.33333333rem;
            line-height: 1.5rem;
        }

            .listing-mini.triple-center .listing-wrapper .listing-element .section-description * {
                margin-top: 0.33333333rem;
                margin-bottom: 0.33333333rem;
            }

            .listing-mini.triple-center .listing-wrapper .listing-element .section-description p {
                font-weight: 600;
                font-size: 1.225rem;
            }

                .listing-mini.triple-center .listing-wrapper .listing-element .section-description p.head {
                    font-family: 'Roboto-Medium', sans-serif;
                    font-size: 1.70833333rem;
                    line-height: 2.5rem;
                }

                    .listing-mini.triple-center .listing-wrapper .listing-element .section-description p.head strong {
                        font-size: 2.6rem;
                    }

                .listing-mini.triple-center .listing-wrapper .listing-element .section-description p.light {
                    font-weight: 400;
                }

                .listing-mini.triple-center .listing-wrapper .listing-element .section-description p.caption {
                    font-size: 0.975rem;
                    letter-spacing: .2em;
                }

        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+1) {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-47%);
            -ms-transform: translateY(-47%);
            transform: translateY(-47%);
            margin-left: 5.728%;
        }

        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) {
            margin: 0 auto;
            clear: both;
            width: 32.820%;
        }

            .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 71.801%;
                color: #FFF;
            }

                .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn {
                    border-color: #FFF;
                    color: #333;
                    background-color: #FFF;
                    width: 7.75rem;
                }

                    .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn.lined:before {
                        border-color: #333;
                    }

                    .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn:hover {
                        background-color: transparent;
                        color: #FFF;
                    }

                        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn:hover.disabled {
                            background-color: #FFF;
                            color: #333;
                            border-color: #333;
                        }

                        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn:hover.lined {
                            border-color: #FFF;
                        }

                    .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn.hollow {
                        background-color: transparent;
                        color: #FFF;
                    }

                        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn.hollow:hover {
                            color: #333;
                            background-color: #FFF;
                        }

                            .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+2) .section-description .btn.hollow:hover.disabled {
                                background-color: transparent;
                                color: #FFF;
                            }

        .listing-mini.triple-center .listing-wrapper .listing-element:nth-of-type(3n+3) {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-47%);
            -ms-transform: translateY(-47%);
            transform: translateY(-47%);
            margin-right: 5.728%;
        }

    .listing-mini.triple-center .listing-wrapper.owl-carousel .listing-element,
    .listing-mini.triple-center .listing-wrapper.owl-carousel .listing-element:nth-of-type(3n+1),
    .listing-mini.triple-center .listing-wrapper.owl-carousel .listing-element:nth-of-type(3n+3) {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin: 0 auto;
        width: 70%;
        float: none;
    }

.listing-mini.triple-half {
    width: 84.871%;
    margin: 0 auto;
}

    .listing-mini.triple-half .listing-wrapper {
        margin: -16px;
    }

        .listing-mini.triple-half .listing-wrapper .imagecontainer {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            display: block;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .listing-mini.triple-half .listing-wrapper .imagecontainer img {
                min-height: 100%;
                min-width: 100%;
            }

        .listing-mini.triple-half .listing-wrapper .listing-element {
            width: calc(50% - 16px);
            float: left;
            margin: 8px;
        }

            .listing-mini.triple-half .listing-wrapper .listing-element .outerwrap {
                padding-bottom: 57.905%;
            }

            .listing-mini.triple-half .listing-wrapper .listing-element.big .outerwrap {
                padding-bottom: calc(115.808% + 16px);
            }

            .listing-mini.triple-half .listing-wrapper .listing-element.big.expanded .outerwrap {
                margin: -8.5665% 0;
                padding-bottom: calc(132.941% + 16px);
            }

.listing-mini.triple-scatter > .outerwrap {
    padding-bottom: 44.615%;
    width: 60.854%;
    margin: 0 auto;
}

.listing-mini.triple-scatter .listing-wrapper .listing-element {
    position: absolute;
    overflow: hidden;
}

    .listing-mini.triple-scatter .listing-wrapper .listing-element img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .listing-mini.triple-scatter .listing-wrapper .listing-element:nth-of-type(3n+1) {
        width: 95.932%;
        padding-bottom: 64.095%;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .listing-mini.triple-scatter .listing-wrapper .listing-element:nth-of-type(3n+2) {
        width: 53.856%;
        padding-bottom: 36.465%;
        z-index: 2;
        bottom: 2%;
        left: 9.677%;
    }

    .listing-mini.triple-scatter .listing-wrapper .listing-element:nth-of-type(3n+3) {
        width: 30.434%;
        padding-bottom: 44.319%;
        z-index: 3;
        bottom: 0%;
        right: 0%;
    }

.listing-mini.highlow .listing-wrapper:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.listing-mini.highlow .listing-wrapper .listing-element {
    width: 48.380%;
    float: left;
}

    /*.listing-mini.highlow .listing-wrapper .listing-element.low {
        margin-top: 8.396%;
    }*/

    .listing-mini.highlow .listing-wrapper .listing-element .outerwrap {
        padding-bottom: 141.338%;
    }

        .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .background {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 100%;
            min-width: 100%;
            z-index: 1;
        }

        .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text {
            position: absolute;
            z-index: 2;
            left: 7.843%;
            font-family: 'Roboto-Medium', sans-serif;
            letter-spacing: .01em;
            font-size: 2.05833333rem;
            line-height: 2.25rem;
            bottom: calc(8.611% + 40px);
            font-weight: 400;
        }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text p {
                margin: 0rem 0rem 0.41666667rem 0rem;
                line-height: 1;
            }

                .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text p.gap-big {
                    margin-bottom: 1.25rem;
                }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text strong {
                font-weight: 700;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .bigger {
                font-size: 1.546808510638298em;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .smaller {
                font-size: 0.8659574468085106em;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .smallest {
                font-size: 0.5468085106382979em;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .sans {
                font-family: 'Roboto-Medium', sans-serif;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .wide {
                letter-spacing: .2em;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .regular {
                font-weight: 400;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .medium {
                font-weight: 500;
            }

            .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text .demi {
                font-weight: 600;
            }

        .listing-mini.highlow .listing-wrapper .listing-element .outerwrap a {
            position: absolute;
            z-index: 3;
            left: 7.843%;
            bottom: 4.722%;
        }

.listing-mini.highlow.padded .listing-wrapper {
    padding: 0 5.470%;
}

.listing-mini.highlow.double .listing-wrapper .listing-element:nth-of-type(2) {
    margin-left: 3.047%;
}

.listing-mini.highlow.triple .listing-wrapper .listing-element {
    width: 27.853%;
    margin-right: 8.2205%;
}

    .listing-mini.highlow.triple .listing-wrapper .listing-element:last-child {
        margin-right: 0;
    }

.listing-mini.triple-highlow .listing-wrapper {
    padding: 0;
}

    .listing-mini.triple-highlow .listing-wrapper:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .listing-mini.triple-highlow .listing-wrapper .listing-element {
        width: 48.380%;
        float: left;
    }

        .listing-mini.triple-highlow .listing-wrapper .listing-element.low {
            margin-top: 8.396%;
        }

        .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap {
            padding-bottom: 141.338%;
        }

            .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap .background {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                height: 100%;
                min-width: 100%;
                z-index: 1;
            }

            .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap .text {
                position: absolute;
                z-index: 2;
                left: 7.843%;
                font-family: 'Roboto-Medium', sans-serif;
                letter-spacing: .01em;
                font-size: 2.05833333rem;
                line-height: 2.25rem;
                bottom: calc(8.611% + 40px);
                font-weight: 400;
            }

                .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap .text strong {
                    font-weight: 700;
                }

                .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap .text .bigger {
                    font-size: 2.93333333rem;
                }

                .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap .text .smaller {
                    font-size: 1.6rem;
                    line-height: 2.08333333rem;
                }

            .listing-mini.triple-highlow .listing-wrapper .listing-element .outerwrap a {
                position: absolute;
                z-index: 3;
                left: 7.843%;
                bottom: 4.722%;
            }

        .listing-mini.triple-highlow .listing-wrapper .listing-element:nth-of-type(2) {
            margin-left: 3.047%;
        }

.listing-mini.carousel {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 3.33333333rem;
}

    .listing-mini.carousel.wide {
        width: auto;
    }

    .listing-mini.carousel:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .listing-mini.carousel .listing-element {
        margin: 0 8px;
        float: left;
        width: calc(25% - 16px);
    }

        .listing-mini.carousel .listing-element .outerwrap {
            display: block;
            padding-bottom: 137.037%;
            overflow: hidden;
            border: 1px solid #e4e4e4;
        }

            .listing-mini.carousel .listing-element .outerwrap img {
                position: absolute;
                min-width: 100%;
                min-height: 100%;
                max-width: auto;
            }

    .listing-mini.carousel.owl-carousel .listing-element {
        width: auto;
        float: none;
    }

.listing-mini.brandscarousel {
    overflow: hidden;
    margin-right: -3rem;
    margin-left: -3rem;
    width: calc(100% + 6rem);
}

    .listing-mini.brandscarousel:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .listing-mini.brandscarousel .slide {
        display: inline-block;
        position: relative;
        margin: 0rem 3rem 1.75rem 3rem;
    }

        .listing-mini.brandscarousel .slide .brandname {
            position: absolute;
            background-color: #333;
            text-align: center;
            display: inline-block;
            bottom: -1.75rem;
            left: 50%;
            padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
            box-sizing: border-box;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            line-height: 1.83333333rem;
            font-size: 0.975rem;
            font-weight: 800;
            letter-spacing: .234em;
            min-width: 10.83333333rem;
            color: #FFF;
        }

.listing-mini.bigsmall .outerwrap {
    padding-bottom: 71.085%;
}

.listing-mini.bigsmall .small {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 34.285%;
}

.listing-mini.bigsmall .big {
    position: absolute;
    width: 57.714%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.listing-mini.bigsmall .left {
    left: 0;
}

.listing-mini.bigsmall .right {
    right: 0;
}

/*== Product Description & Styling ==*/
.product .description {
    color: #333;
    /*margin-top: 1.66666667rem;
    margin-bottom: 1.66666667rem;*/
    font-size: 1.0375rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.83333333rem;
}

    .product .description.left {
        text-align: left;
    }

    .product .description.right {
        text-align: right;
    }

    .product .description *.seperate {
        margin-top: 0.41666667rem;
        margin-bottom: 0.41666667rem;
    }

    .product .description p {
        font-size: 1.225rem;
        line-height: 1.875rem;
        font-weight: 500;
    }

.product .description .prefix {
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
}

    .product .description .thintitle {
        font-size: 1.0375rem;
        letter-spacing: .11em;
        font-weight: 500;
    }

        .product .description .thintitle.big {
            font-size: 1.725rem;
            font-weight: 400;
        }

    .product .description .title {
        font-size: 1.4125rem;
        line-height: 1.875rem;
        font-weight: 600;
    }

    .product .description .data {
        font-size: 0.975rem;
        line-height: 1.875rem;
        font-weight: 500;
        letter-spacing: .11em;
        display: block;
    }

        .product .description .data .price {
            font-weight: 700;
            display: inline-block;
            vertical-align: middle;
        }

            .product .description .data .price.old {
                position: relative;
                color: #5a5a5a;
                font-weight: 600;
            }

                .product .description .data .price.old:after {
                    width: 100%;
                    content: ' ';
                    height: 1px;
                    overflow: hidden;
                    left: 0;
                    top: 52%;
                    background-color: #5a5a5a;
                    display: block;
                    position: absolute;
                }

        .product .description .data.big {
            font-size: 1.25rem;
            line-height: 1.5rem;
            letter-spacing: 0;
        }

            .product .description .data.big .price.old {
                font-size: 0.95rem;
            }
.product .gallery-mainform {
    line-height: 1.03333333rem;
    color: #333;
    font-size: 1.0375rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.83333333rem;
}

.product .gallery-mainform .data {
    font-size: 0.975rem;
    line-height: 1.875rem;
    font-weight: 500;
    letter-spacing: .11em;
    display: block;
}

.product .gallery-mainform .data .price {
    font-weight: 700;
    display: inline-block;
    /*vertical-align: middle;*/
}

.product .gallery-mainform .data .price.old {
    position: relative;
    color: #5a5a5a;
    font-weight: 600;
}

.product .gallery-mainform .data .price.old:after {
    width: 100%;
    content: ' ';
    height: 1px;
    overflow: hidden;
    left: 0;
    top: 52%;
    background-color: #5a5a5a;
    display: block;
    position: absolute;
}

.product .gallery-mainform .data.big {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0;
}

        .product .gallery-mainform .data.big .price.old {
            font-size: 0.95rem;
        }



.inner-option {
    border-radius: 3px;
    border: 1px solid black !important;
    background-color: white !important;
    color: black !important;
}
    .inner-option.active {
        background-color: black !important;
        color: white !important;
    }
#down-arrow {
    background-color: #ed1c24;
    float: right;
    width: 10%;
    font-size: 35px;
    text-align: center;
    height: 50px;
    line-height: 55px;
    color: white;
}
#up-arrow {
    background-color: #ed1c24;
    float: right;
    width: 10%;
    font-size: 35px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: white;
}
    .product .description .newseason {
        clear: both;
        line-height: 1.66666667rem;
        color: #FFF;
        background-color: #b09c6a;
        padding: 0.41666667rem 1rem 0.25rem 1rem;
        display: inline-block;
        margin: 0.25rem 0rem 0.25rem 0rem;
    }
    .product .description .red-tag {
        clear: both;
        line-height: 1.66666667rem;
        color: #FFF;
        background-color: #ed1c24;
        padding: 0.1rem .3rem 0.1rem .3rem;
        display: inline-block;
        margin: 0.25rem 0rem 0.25rem 0rem;
        font-size:12px;
    }
        .product .description .red-tag.active {
            border: 1px solid #ed1c24;
            color: #ed1c24;
            background-color: #fff;
        }

    .product .description .installment {
        font-size: 1.1rem;
        line-height: 1.66666667rem;
        letter-spacing: .07em;
    }

        .product .description .installment .installment-text:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        .product .description .installment .installment-text .installment-payment {
            /*color: #b6b6b6;*/
            color: #ED1C24;
        }

        .product .description .installment .installment-other {
            display: inline;
            border: none;
            font-weight: bold;
            font-size: 0.93333333rem;
            line-height: 1rem;
            letter-spacing: .07em;
            border-bottom: 1.5px solid #333;
        }

    .product .description .earnings {
        font-size: 1.1rem;
        margin-top: 0.83333333rem;
        overflow: hidden;
    }

        .product .description .earnings .earnings-content {
            display: inline-block;
            letter-spacing: .07em;
            position: relative;
            padding: 0rem 0.83333333rem 0rem 0.83333333rem;
        }

            .product .description .earnings .earnings-content:before,
            .product .description .earnings .earnings-content:after {
                content: ' ';
                height: 1px;
                background-color: #b6b6b6;
                top: 50%;
                right: 100%;
                display: block;
                position: absolute;
                overflow: hidden;
                width: 100vw;
            }

            .product .description .earnings .earnings-content:after {
                left: 100%;
                right: auto;
            }

            .product .description .earnings .earnings-content .narrow {
                letter-spacing: 0em;
            }

            .product .description .earnings .earnings-content .discount {
                display: inline-block;
                font-family: 'Roboto-Medium', sans-serif;
                font-weight: 700;
                letter-spacing: .01em;
                vertical-align: bottom;
                margin-bottom: 0.16666667rem;
                font-size: 2.26666667rem;
            }

                .product .description .earnings .earnings-content .discount:before {
                    position: relative;
                    content: '%';
                    font-size: 58%;
                    line-height: 0;
                    top: -0.4em;
                    vertical-align: baseline;
                    display: inline-block;
                }

                .product .description .earnings .earnings-content .discount:after {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    /*content: '\e910';*/
                }

                .product .description .earnings .earnings-content .discount:after {
                    font-size: 1.1rem;
                    display: inline-block;
                    margin-left: -0.25rem;
                    margin-bottom: -0.16666667rem;
                    vertical-align: bottom;
                }

    .product .description .readmore {
        font-size: 0.975rem;
        line-height: 1.875rem;
        font-weight: 700;
        text-decoration: underline;
        margin: 1.25rem 0rem 1.25rem 0rem;
        display: inline-block;
    }

    .product .description.mini {
        font-size: 0.85rem;
        line-height: 1.25rem;
        margin-top: 0.91666667rem;
        margin-bottom: 0.91666667rem;
    }

        .product .description.mini .prefix {
            font-size: 0.85rem;
            line-height: 1.25rem;
            letter-spacing: .01em;
        }

        .product .description.mini .thintitle {
            font-size: 0.93333333rem;
            line-height: 1.25rem;
            letter-spacing: .01em;
        }

        .product .description.mini .data {
            font-size: 1.1rem;
            line-height: 1.5rem;
            letter-spacing: .01em;
        }

.product.sidebasket-product .remove {
    position: absolute;
    right: 0;
    top: 2rem;
}

.textfield {
    text-align: left;
    width: 600px;
    max-width: 100%;
    margin: 5px 0;
}

    .textfield * {
        margin-top: 0.83333333rem;
        margin-bottom: 0.83333333rem;
    }

        .textfield *:first-child {
            margin-top: 0;
        }

        .textfield *:last-child {
            margin-bottom: 0;
        }

    .textfield.left {
        text-align: left;
    }

    .textfield.right {
        text-align: right;
    }

    .textfield.full {
        width: auto;
    }

    .textfield.wide {
        width: 90%;
    }

    .textfield .minititle {
        font-size: 0.975rem;
        font-weight: 600;
        letter-spacing: .05em;
    }

    .textfield .midititle {
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: .09em;
    }

    .textfield .title {
        font-weight: 600;
        font-size: 1.975rem;
        line-height: 2.75rem;
    }

        .textfield .title.light {
            font-weight: 500;
        }

        .textfield .title.spaced {
            letter-spacing: .11em;
        }

    .textfield .subtitle {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.66666667rem;
    }

        .textfield .subtitle.light {
            font-weight: 500;
        }

        .textfield .subtitle.spaced {
            letter-spacing: .11em;
        }

    .textfield .description * {
        font-size: 1.225rem;
        line-height: 1.875rem;
    }

    .textfield .description.small {
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .textfield .mCSB_container {
        margin: 0;
    }

    .textfield .light {
        color: #5a5a5a;
    }

    .textfield .lighter {
        color: #e4e4e4;
    }

    .textfield .narrow {
        letter-spacing: .009em;
    }
/*== Object Gaps (Between) ==*/
.mtxs {
    margin-top: 0.83333333rem;
}

.mbxs {
    margin-bottom: 0.83333333rem;
}

.mtx1 {
    margin-top: 1.83333333rem;
}

.mbx1 {
    margin-bottom: 1.83333333rem;
}

.mtx2 {
    margin-top: 3.75rem;
}

.mbx2 {
    margin-bottom: 3.75rem;
}

@keyframes pin-bump {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.3);
        -ms-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }
/* No Js */
.no-js .owl-carousel {
    display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 90%;
    background: #000;
}
.owl-carousel .owl-item.active.center .owl-video-wrapper {
    height: 395px !important;
}
.owl-carousel.sliderelement[data-type=video] .owl-item:not(.center) {
    padding: 60px 0 !important;
    opacity: 0.6;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/assets/styles/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .item-video {
    height: 325px;
}
    .owl-carousel .item-video .item-caption {
        line-height: 20px;
        margin-top: 10px;
    }
/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-carousel .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-carousel .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 16px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
    }

        .owl-carousel .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none;
        }

    .owl-carousel .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-carousel .owl-nav.disabled + .owl-dots {
            margin-top: 12px;
        }

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-carousel .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 0 8px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-carousel .owl-dots .owl-dot.active span,
        .owl-carousel .owl-dots .owl-dot:hover span {
            background: #ED1C24;
        }
/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: 100%;
    height: 100%;
    position: relative;
    direction: ltr;
}

    .royalSlider > * {
        float: left;
    }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsBullets,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}

.rsOverflow {
    width: 100% !important;
    height: 100% !important;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.modal#product-gallery .royalSlider {
    width: 100%;
    height: 750px;
    position: relative;
    direction: ltr;
}
.modal#product-gallery .product-gallery #product-slider .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #e4e4e4;
    width: 100% !important;
    height: 85% !important;
    overflow: hidden;
    box-sizing: border-box;
}
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .rsVisibleNearbyWrap .rsOverflow {
        position: absolute;
        left: 0;
        top: 0;
    }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb, .rsBullet {
    float: left;
    position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}
.modal#product-gallery .product-gallery #product-slider .rsThumbs {
    position: absolute;
    height: 15%;
    bottom: 0%;
    left: 0;
    width: 100%;
    z-index: 10;
}
.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

    .rsVideoFrameHolder.rsVideoActive {
        opacity: 1;
    }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: url(/assets/styles/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/assets/styles/grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(/assets/styles/blank.gif);
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    /*cursor: pointer;*/
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(/assets/styles/mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
    }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(/assets/styles/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw/9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: 0.3;
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(/assets/styles/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.tns {
    position: relative;
}

    .tns .sliderHolder {
        width: 100%;
        min-height: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }

    .tns .slider {
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 100%;
        background: #EEE;
        opacity: 1;
    }

    .tns .sliderBg {
        width: 100%;
        min-height: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .tns .slides,
    .tns .thumbs {
        width: 100%;
        min-height: 100%;
        overflow: hidden;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    .tns .thumbs {
        min-height: 0%;
        bottom: 25px;
    }

    .tns .thumbsHolder {
        width: 100%;
        height: 104px;
        bottom: 30px;
        position: absolute;
        overflow: hidden;
    }

    .tns .captionHolder {
        width: 100%;
        min-height: 20px;
        position: absolute;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tns .caption {
        width: 100%;
        min-height: 20px;
        color: #EEE;
        top: 0px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        font-family: 'Roboto-Medium', sans-serif;
    }

    .tns .touchColor {
        color: #414042;
    }

    .tns .touchLightColor {
        color: #CCCCCC;
    }

    .tns .nColor {
        color: #2AACE3;
    }

    .tns .swipeColor {
        color: #939598;
    }

    .tns .headerColor {
        color: #58595B;
    }

    .tns .footerLink,
    .tns .footerLink a {
        font-size: 14px;
        text-decoration: none;
        color: #666;
        cursor: pointer;
        font-weight: bold;
    }

        .tns .footerLink:hover {
            color: #414042;
            text-decoration: none;
        }

    .tns .footerCopyright {
        font-size: 12px;
    }

    .tns .infobox {
        background: #EEE;
        border: 1px solid #AAA;
        margin: 15px auto 10px auto;
        padding: 10px;
    }

    .tns .blackBg {
        background: #000000;
    }

    .tns .darkGray {
        background: #101010;
    }

    .tns .blackBgAlpha60 {
        background: #000000;
        background: rgba(0, 0, 0, 0.6);
    }

    .tns .blackBgAlpha90 {
        background: #000000;
        background: rgba(0, 0, 0, 0.9);
    }

    .tns .lightGrayBg {
        background: #CCC;
    }

    .tns .controlHolder {
        width: 100%;
        height: 30px;
        background: url(/assets/images/plugins/tns/control_bg.png) repeat-x;
        position: absolute;
        bottom: 0px;
        overflow: hidden;
    }

    .tns .autoPlayIcon,
    .tns .nextIcon,
    .tns .prevIcon,
    .tns .zoomInIcon,
    .tns .zoomOutIcon,
    .tns .captionOnIcon,
    .tns .captionOffIcon,
    .tns .thumbsOnIcon,
    .tns .thumbsOffIcon,
    .tns .closeIcon {
        width: 21px;
        height: 30px;
        cursor: pointer;
        margin-left: -10px;
        background: url(/assets/images/plugins/tns/control_sheet.png) 0px 0px no-repeat;
    }

    .tns .autoPlayIcon {
        background-position: 0px 0px;
    }

    .tns .prevIcon {
        background-position: -50px 0px;
    }

    .tns .nextIcon {
        background-position: -75px 0px;
    }

    .tns .zoomOutIcon {
        background-position: -100px 0px;
    }

    .tns .zoomInIcon {
        background-position: -125px 0px;
    }

    .tns .captionOnIcon {
        background-position: -150px 0px;
    }

    .tns .captionOffIcon {
        background-position: -175px 0px;
    }

    .tns .thumbsOnIcon {
        background-position: -200px 0px;
    }

    .tns .thumbsOffIcon {
        background-position: -225px 0px;
    }

    .tns .closeIcon {
        background-position: -250px 0px;
    }

    .tns .controlPos1,
    .tns .controlPos2,
    .tns .controlPos3,
    .tns .controlPos4,
    .tns .controlPos5,
    .tns .controlPos6,
    .tns .controlPos7 {
        position: absolute;
    }

    .tns .controlPos1 {
        left: 12.5%;
    }

    .tns .controlPos2 {
        left: 25%;
    }

    .tns .controlPos3 {
        left: 37.5%;
    }

    .tns .controlPos4 {
        left: 50%;
    }

    .tns .controlPos5 {
        left: 62.5%;
    }

    .tns .controlPos6 {
        left: 75%;
    }

    .tns .controlPos7 {
        left: 87.5%;
    }

header #header-content {
    background-color: #FFF;
    z-index: 999;
    /*position: relative;*/
    width: 100%;
}

    header #header-content > .wrapper {
        height: 85px;
        background: #fff;
    }

    header #header-content.fixed {
        position: fixed;
    }

        header #header-content.fixed ~ .search-bar {
            position: fixed;
        }

        header #header-content.fixed ~ section.listing .listing-filters .filterlist {
            position: fixed !important;
        }

header .header-logo {
    display: block;
    position: absolute;
    width: 20.5rem;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    header .header-logo img {
        width: 100%;
    }

header .menu-header {
    z-index: 10;
    position: absolute;
    top: 50%;
    font-weight: 600;
    font-size: 0.975rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    header .menu-header > li {
        float: left;
        line-height: 85px;
        position: relative;
        margin: 0rem 1rem 0rem 1rem;
        letter-spacing: .11em;
    }

        header .menu-header > li:first-of-type {
            padding-left: 0;
        }

        header .menu-header > li:last-of-type {
            padding-right: 0;
        }

        header .menu-header > li > a.hoveraction:before {
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 3px;
            background-color: #000;
            display: block;
            content: ' ';
            overflow: hidden;
            width: 0;
            -webkit-transition: width 200ms ease 0ms;
            transition: width 200ms ease 0ms;
        }

        header .menu-header > li > a.hoveraction:hover:before,
        header .menu-header > li > a.hoveraction:active:before,
        header .menu-header > li > a.hoveraction:focus:before {
            width: 80%;
        }

        header .menu-header > li a {
            display: inline-block;
            line-height: 1.875rem;
            cursor: pointer;
            position:relative;
        }
            header .menu-header > li a:hover{
                text-decoration:none;
            }
            header .menu-header > li a span,
            header .menu-header > li a i {
                display: inline-block;
                vertical-align: middle;
            }

            header .menu-header > li a i {
                margin-right: 0.83333333rem;
                font-size: 2.26666667rem;
                position: relative;
            }

                header .menu-header > li a i.right {
                    margin-left: 0.83333333rem;
                    margin-right: 0;
                }

                header .menu-header > li a i.small {
                    font-size: 1.6rem;
                    margin-right: 0.41666667rem;
                    margin-top: -0.41666667rem;
                }

                    header .menu-header > li a i.small.right {
                        margin-left: 0.41666667rem;
                        margin-right: 0;
                    }

            header .menu-header > li a .basketCount {
                font-family: 'Roboto-Medium', sans-serif;
                position: absolute;
                top: 0;
                right: 40px;
                display: inline-block;
                background-color: #b09c6a;
                color: #FFF;
                font-weight: 600;
                border-radius: 50%;
                min-width: 1.5rem;
                height: 1.5rem;
                line-height: 1.58333333rem;
                font-size: 0.975rem;
                padding-left: 0.08333333rem;
                box-sizing: border-box;
                text-align: center;
                -webkit-transform: translate(50%, -50%);
                -ms-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
            }

        header .menu-header > li.active a:before {
            width: 100%;
        }

        header .menu-header > li .submenu {
            /*border-top: 2.5px solid #333;*/
            background-color: #FFF;
            -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            line-height: 1.875rem;
            min-width: 18.33333333rem;
            font-weight: 500;
            box-sizing: border-box;
            position: absolute;
            top: 75%;
            left: 0;
            z-index: 10;
            padding: 0.33333333rem 0rem 0.66666667rem 0rem;
        }

            header .menu-header > li .submenu ul {
                position: relative;
                padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            }

                header .menu-header > li .submenu ul li > * {
                    display: block;
                    padding: 0.16666667rem 2.08333333rem 0.16666667rem 2.08333333rem;
                }

                    header .menu-header > li .submenu ul li > *:hover {
                        color: #777676;
                        font-weight:bold;
                        text-decoration:underline;
                    }

            header .menu-header > li .submenu .seperate:after {
                content: ' ';
                overflow: hidden;
                position: absolute;
                bottom: 0;
                height: 1px;
                background-color: #e4e4e4;
                left: 1.66666667rem;
                right: 1.66666667rem;
            }

        header .menu-header > li .menu-basket.enable {
            left: -250%;
            width: 350%;
        }

        header .menu-header > li .menu-basket ul.products {
            padding: 0;
        }

            header .menu-header > li .menu-basket ul.products li {
                position: relative;
                margin: 0 1.8rem;
                padding: 1rem 0;
                border-bottom: 1px solid #e4e4e4;
            }

                header .menu-header > li .menu-basket ul.products li:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header .menu-header > li .menu-basket ul.products li img {
                    width: 30%;
                    float: left;
                    padding: 0;
                    border: 1px solid #e4e4e4;
                }

                header .menu-header > li .menu-basket ul.products li p {
                    width: 70%;
                    float: left;
                    padding: 1rem 0 0 1rem;
                    font-size: 0.925rem;
                    line-height: 1.6rem;
                }

                    header .menu-header > li .menu-basket ul.products li p * {
                        display: block;
                    }

                header .menu-header > li .menu-basket ul.products li .remove-product {
                    position: absolute;
                    top: .5rem;
                    right: -10%;
                    font-size: 1.3rem;
                }

        header .menu-header > li .menu-basket ul.total {
            padding: 1rem 1.8rem 0;
        }

            header .menu-header > li .menu-basket ul.total:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            header .menu-header > li .menu-basket ul.total li {
                width: 50%;
                float: left;
                text-align: right;
                font-size: 1.2rem;
            }

                header .menu-header > li .menu-basket ul.total li strong {
                    padding: 0;
                }

                    header .menu-header > li .menu-basket ul.total li strong:hover {
                        color: inherit;
                    }

                header .menu-header > li .menu-basket ul.total li:nth-child(odd) {
                    text-align: left;
                }

        header .menu-header > li .menu-basket ul:last-child {
            padding: .8rem 1.8rem;
        }

            header .menu-header > li .menu-basket ul:last-child .btn {
                font-size: 1.1rem;
                font-weight: 400;
                padding: .8rem .6rem;
            }

        header .menu-header > li .dropdown {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            display: block;
            padding: 1rem;
            border: 1px solid #e4e4e4;
            border-top: 2px solid #333;
            background: #FFF;
            width: 300%;
            right: 0;
            line-height: 1.2rem;
        }

            header .menu-header > li .dropdown.in {
                opacity: 1;
                visibility: visible;
                -webkit-transition: opacity 250ms ease, transform 250ms ease;
                transition: opacity 250ms ease, transform 250ms ease;
            }

    header .menu-header.left {
        left: 0;
    }

        header .menu-header.left > li:first-of-type {
            margin-left: 0;
        }

    header .menu-header.right {
        right: 0;
    }
    header .menu-header.right li:first-child a{
        font-weight:700;
    }
        header .menu-header.right > li:last-of-type {
            margin-right: 0;
        }

    header .menu-header.seperate > li:after {
        position: absolute;
        right: -1.16666667rem;
        display: block;
        height: 1.16666667rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        background-color: #e4e4e4;
        content: ' ';
        overflow: hidden;
    }

    header .menu-header.seperate > li:last-of-type:after {
        content: none;
    }

header #mobilenav {
    display: none;
    position: relative;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    line-height: 20px;
    background: #FFF;
}

    header #mobilenav .mobilebutton {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 20px;
        line-height: 20px;
        margin: 0 8px;
    }
    header #mobilenav .mobilebutton.cartbtn svg{
        margin-bottom:5px;
    }

    header #mobilenav #mobilebutton-menu {
        display: inline-block;
        position: relative;
        right: 0;
        width: 30px;
        height: 20px;
        cursor: pointer;
        z-index: 99999 !important;
    }

        header #mobilenav #mobilebutton-menu span {
            top: 0;
            position: absolute;
            left: 0;
            right: 0;
            height: 4px;
            border-radius: 2px;
            display: inline-block;
            width: 100%;
            background-color: #333;
            -webkit-transition: top 200ms ease, bottom 200ms ease, transform 200ms ease;
            transition: top 200ms ease, bottom 200ms ease, transform 200ms ease;
        }

            header #mobilenav #mobilebutton-menu span:nth-child(2),
            header #mobilenav #mobilebutton-menu span:nth-child(3) {
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            header #mobilenav #mobilebutton-menu span:nth-child(4) {
                bottom: 0;
                top: auto;
            }

        header #mobilenav #mobilebutton-menu.active span:nth-child(1) {
            top: 50%;
            -webkit-transform: translateY(-50%) scale(0);
            -ms-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(2) {
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(3) {
            -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(4) {
            bottom: 50%;
            -webkit-transform: translateY(50%) scale(0);
            -ms-transform: translateY(50%) scale(0);
            transform: translateY(50%) scale(0);
        }

    header #mobilenav #mobilebutton-search {
        font-size: 28px;
    }

    header #mobilenav #mobilebutton-basket i {
        margin-right: 10px;
        font-size: 31px;
        position: relative;
    }

    header #mobilenav #mobilebutton-basket .cart-text {
        position: relative;
        top: 7px !important;
        right: 5px;
    }

    header #mobilenav #mobilebutton-basket .basketCount {
        font-family: 'Roboto-Medium', sans-serif;
        position: absolute;
        top: 3px;
        right: 2px;
        display: inline-block;
        background-color: #b09c6a;
        color: #FFF;
        font-weight: 600;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        line-height: 19px;
        font-size: 11.5px;
        padding-left: 1px;
        box-sizing: border-box;
        text-align: center;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

header #topmenu {
    position: fixed;
    display: none;
    top: 86px;
    overflow: hidden;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    border-top: .2em solid #ccc
}

    header #topmenu .wrapper:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    header #topmenu #topmenu-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(89, 89, 89, 0.9);
        opacity: 0;
        z-index: 0;
        -webkit-transition: opacity 300ms ease 0ms;
        transition: opacity 300ms ease 0ms;
    }

        header #topmenu #topmenu-overlay.show {
            opacity: 1;
        }

    header #topmenu .topmenu {
        padding: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #FFF;
        z-index: 5;
        letter-spacing: .11em;
        -webkit-transition: transform 300ms ease, opacity 300ms ease;
        transition: transform 300ms ease, opacity 300ms ease;
    }

        header #topmenu .topmenu:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        header #topmenu .topmenu.show {
            opacity: 1;
            z-index: 10;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        header #topmenu .topmenu .menu-section {
            float: left;
            width: calc(16.666% - 16px);
        }

            header #topmenu .topmenu .menu-section ul li a {
                position: relative;
                display: inline-block;
            }

            header #topmenu .topmenu .menu-section.nav {
                font-weight: 700;
                font-size: 0.975rem;
                line-height: 1.8125rem;
                min-height: 229px;
                box-sizing: border-box;
                border-right: 0.2em solid #e4e4e4;
                padding: 15px;
            }

                header #topmenu .topmenu .menu-section.nav ul li {
                    padding: 0.5rem 0rem 0.5rem 0rem;
                }

            /*
                      
                        topmenude secılen yada uzerıne gelınen menunun altında border olusturuyor
                    header #topmenu .topmenu .menu-section.nav ul li a:after {
                        position: absolute;
                        bottom: 0;
                        height: 2.5px;
                        background-color: #000;
                        width: 0;
                        left: 0;
                        content: ' ';
                        overflow: hidden;
                        -webkit-transition: width 200ms ease 0ms;
                        transition: width 200ms ease 0ms;
                    }

                    header #topmenu .topmenu .menu-section.nav ul li a:hover:after,
                    header #topmenu .topmenu .menu-section.nav ul li a.active:after {
                        width: 100%;
                    }*/

            header #topmenu .topmenu .menu-section.topmenu-section {
                display: none;
                width: calc(75% - 16px);
                line-height: 1.45833333rem;
                font-size: 0.975rem;
                letter-spacing: .11em;
                color: #5a5a5a;
                font-weight: 400;
                padding: 15px;
                padding-top: 0px;
            }

                header #topmenu .topmenu .menu-section.topmenu-section:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header #topmenu .topmenu .menu-section.topmenu-section .section-col {
                    width: 50%;
                    float: left;
                }

                    header #topmenu .topmenu .menu-section.topmenu-section .section-col .group {
                        margin-bottom: 1.5rem;
                    }

                        header #topmenu .topmenu .menu-section.topmenu-section .section-col .group .group-title {
                            font-weight: 700;
                            font-size: 0.975rem;
                            margin-bottom: 0.33333333rem;
                            color: #333;
                        }

                header #topmenu .topmenu .menu-section.topmenu-section.active {
                    display: block;
                }

            header #topmenu .topmenu .menu-section.banner {
                width: calc(33.333% - 16px);
                margin-right: 0;
                margin-left: 16px;
            }

    header #topmenu.enabled {
        display: block;
    }

header #searchbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    display: none;
}

    header #searchbar #searchbar-overlay {
        background-color: white;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        opacity: 0;
        -webkit-transition: opacity 350ms ease;
        transition: opacity 350ms ease;
    }

    header #searchbar #searchbar-close {
        position: absolute;
        top: 3.33333333rem;
        right: 3.33333333rem;
        z-index: 20;
        font-size: 3.01666667rem;
        color: #5a5a5a;
        -webkit-transition: transform 350ms ease;
        transition: transform 350ms ease;
        -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    header #searchbar #searchbar-container {
        display: block;
        opacity: 0;
        position: relative;
        z-index: 5;
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(-20%);
        -webkit-transition: opacity 350ms ease, transform 350ms ease;
        transition: opacity 350ms ease, transform 350ms ease;
        background-color: #fafafa;
        padding: 6.5rem 0rem 6.5rem 0rem;
    }

        header #searchbar #searchbar-container:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        header #searchbar #searchbar-container .icon {
            float: left;
            width: 4.83333333rem;
            display: inline-block;
            line-height: 4.16666667rem;
            font-size: 3.85rem;
            color: #333;
            text-align: left;
        }

        header #searchbar #searchbar-container #searchbar-text {
            width: calc(100% - 4.833333333333333rem);
            float: left;
            border: none;
            background: transparent;
            line-height: 4.16666667rem;
            height: 4.16666667rem;
            font-size: 3.85rem;
            padding: 0;
            margin: 0;
            font-weight: 300;
            font-family: 'Roboto-Medium', sans-serif;
            color: #5a5a5a;
        }

            header #searchbar #searchbar-container #searchbar-text::-webkit-input-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text:-moz-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text::-moz-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text:-ms-input-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

    header #searchbar #searchbar-suggestions {
        position: absolute;
        top: 17.16666667rem;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        margin-top: 6.5rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row {
            -webkit-transform: translateY(20%);
            -ms-transform: translateY(20%);
            transform: translateY(20%);
            width: calc(33.333% - 66.666px);
            margin-right: 100px;
            float: left;
            opacity: 0;
            -webkit-transition: opacity 200ms ease, transform 200ms ease;
            transition: opacity 200ms ease, transform 200ms ease;
        }

            header #searchbar #searchbar-suggestions .suggestion-row:nth-of-type(2) {
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms;
            }

            header #searchbar #searchbar-suggestions .suggestion-row:last-of-type {
                margin-right: 0;
                -webkit-transition-delay: 100ms;
                transition-delay: 100ms;
            }

            header #searchbar #searchbar-suggestions .suggestion-row .row-title {
                font-size: 1.475rem;
                line-height: 5rem;
                border-bottom: 1px solid #e4e4e4;
            }

            header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product {
                border-bottom: 1px solid #e4e4e4;
                padding: 2rem 0rem 2rem 0rem;
            }

                header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image {
                    width: 6.66666667rem;
                    float: left;
                    border: 1px solid #e4e4e4;
                    margin-right: 2rem;
                }

                    header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image .outerwrap {
                        padding-bottom: 137.037%;
                    }

                        header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image .outerwrap img {
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            -ms-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                        }

    header #searchbar.active {
        display: block;
    }

    header #searchbar.show #searchbar-container {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    header #searchbar.show #searchbar-overlay {
        opacity: 1;
    }

    header #searchbar.show #searchbar-suggestions:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    header #searchbar.show #searchbar-suggestions .suggestion-row {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms;
    }

        header #searchbar.show #searchbar-suggestions .suggestion-row:nth-of-type(2) {
            -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
        }

        header #searchbar.show #searchbar-suggestions .suggestion-row:nth-of-type(3) {
            -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
        }

    header #searchbar.show #searchbar-close {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

header.plain .header-logo {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

header.checkout #header-content {
    width: calc(88% - 10px);
    position: fixed !important;
    border-bottom: 1px solid #ccc;
}


    header.checkout #header-content > .wrapper {
        border-bottom: none;
        max-width: none;
    }

header.checkout .header-logo {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    header.checkout .header-logo:after {
        position: absolute;
        height: 100%;
        top: 0;
        width: 1px;
        display: block;
        content: ' ';
        overflow: hidden;
        background-color: #e4e4e4;
        right: -1.83333333rem;
    }

.search-bar {
    position: absolute;
    z-index: 9;
    width: 100%;
    display: none;
    background: #FFF;
}

    .search-bar input {
        width: 100%;
        display: block;
        padding: 1.02rem 2.5rem 1.1rem 5rem;
    }

    .search-bar .icon {
        position: absolute;
        font-size: 2.1rem;
        padding: 0.9rem 0.66666667rem 0.66666667rem 1.33333333rem;
    }

    .search-bar .btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 70px !important;
        padding: 1.02rem 7% 1.1rem 7%;
        max-width: 70px;
    }

    .search-bar.open {
        display: block;
        position: absolute;
    }

    #mini .search-bar.open {
        display: block;
        position: absolute;
    }

header.checkout .header-securepayment {
    position: absolute;
    width: 13.58333333rem;
    left: 24.16666667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*footer {
    border-top: 2px solid #b6b6b6;
    padding: 5.41666667rem 0rem 5.41666667rem 0rem;
}*/

footer #footer-subscription {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    border-bottom: 2px solid #333;
}

    footer #footer-subscription:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    footer #footer-subscription input,
    footer #footer-subscription button {
        border: none;
        background: none;
        padding: 0;
        display: block;
        margin: 0;
        height: 3.33333333rem;
        line-height: 3.33333333rem;
        font-size: 1.1625rem;
        letter-spacing: .03em;
    }

        footer #footer-subscription input[type="email"],
        footer #footer-subscription button[type="email"] {
            float: left;
            width: calc(100% - 20px);
        }

            footer #footer-subscription input[type="email"]::-webkit-input-placeholder,
            footer #footer-subscription button[type="email"]::-webkit-input-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]:-moz-placeholder,
            footer #footer-subscription button[type="email"]:-moz-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]::-moz-placeholder,
            footer #footer-subscription button[type="email"]::-moz-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]:-ms-input-placeholder,
            footer #footer-subscription button[type="email"]:-ms-input-placeholder {
                color: #333;
                opacity: 1;
            }

        footer #footer-subscription input[type="submit"],
        footer #footer-subscription button[type="submit"] {
            float: left;
            width: 20px;
        }

            footer #footer-subscription input[type="submit"]:before,
            footer #footer-subscription button[type="submit"]:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\f178';
            }

footer #footer-specs {
    text-align: center;
    font-size: 1.1rem;
    line-height: 3.33333333rem;
    letter-spacing: .035em;
    font-weight: 600;
    padding: 2.91666667rem 0rem 2.91666667rem 0rem;
}

    footer #footer-specs .spec {
        display: inline;
        margin: 0rem 2.33333333rem 0rem 2.33333333rem;
    }

        footer #footer-specs .spec .icon {
            font-size: 2.35rem;
            margin-right: 0.66666667rem;
            vertical-align: middle;
            display: inline-block;
        }

            footer #footer-specs .spec .icon.delivery {
                font-size: 3.1rem;
            }

footer .footer-menu {
    border-top: 1px solid #e4e4e4;
    color: #5a5a5a;
    padding-top: 3.66666667rem;
    padding-bottom: 3.66666667rem;
    font-size: 1.1rem;
    line-height: 2.375rem;
    letter-spacing: .03em;
}

    footer .footer-menu:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    footer .footer-menu .footer-title {
        font-size: 1.1rem;
        font-weight: 700;
        color: #333;
    }

    footer .footer-menu .footer-group {
        float: left;
        width: 25%;
    }

    footer .footer-menu .footer-social {
        color: #333;
        line-height: 22px;
        font-size: 1.26666667rem;
        margin-top: 1.16666667rem;
        margin-left: 1.5rem;
    }

        footer .footer-menu .footer-social:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        footer .footer-menu .footer-social .icon {
            float: left;
            margin-right: 1.25rem;
        }

            footer .footer-menu .footer-social .icon:last-of-type {
                margin-right: 0;
            }

    footer .footer-menu p {
        font-size: 1.0375rem;
        line-height: 1.875rem;
    }

        footer .footer-menu p.telephone {
            font-weight: 500;
            font-size: 1rem;
            line-height: 2.375rem;
        }

footer .footer-menu-mobile {
    display: none;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0rem 2.33333333rem 0rem 2.33333333rem;
    padding-bottom: 2.16666667rem;
    margin-left: auto;
    margin-right: auto;
}

    footer .footer-menu-mobile .footer-menu-title {
        font-size: 14px;
        padding-bottom: 0.83333333rem;
        margin-bottom: 0.41666667rem;
        border-bottom: 1px solid #b6b6b6;
        letter-spacing: .11em;
        font-weight: 700;
    }

    footer .footer-menu-mobile .footer-menu-pane {
        margin-bottom: 1.66666667rem;
    }

        footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-button {
            font-size: 13px;
            letter-spacing: .11em;
            display: block;
            font-weight: 600;
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            border-bottom: 1px solid #e4e4e4;
        }

            footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-button .accordion-indicator {
                float: right;
                margin-right: 0.83333333rem;
                margin-left: 0.83333333rem;
            }

                footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-button .accordion-indicator:before {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: '\e90e';
                }

        footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-content {
            padding: 0.5rem 0rem 1rem 0rem;
            line-height: 2rem;
            font-size: 13px;
            letter-spacing: .11em;
            font-weight: 500;
        }

        footer .footer-menu-mobile .footer-menu-pane .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90f';
        }

    footer .footer-menu-mobile .footer-social .icon {
        font-size: 1.43333333rem;
        margin-right: 0.83333333rem;
        display: inline-block;
    }

footer #footer-payment {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    line-height: 18px;
    font-size: 1.1rem;
    padding: 1.66666667rem 0rem 1.66666667rem 0rem;
    font-weight: 600;
}

    footer #footer-payment .opt {
        display: inline-block;
        vertical-align: middle;
        margin: 0rem 0.66666667rem 0rem 0.66666667rem;
    }

        footer #footer-payment .opt img {
            height: 18px;
            display: block;
        }

footer #footer-address {
    padding: 1.16666667rem 0rem 1.16666667rem 0rem;
    color: #5a5a5a;
    font-size: 1.18333333rem;
    letter-spacing: .03em;
    text-align: center;
    font-style: normal;
    line-height: 1.66666667rem;
}

    footer #footer-address p {
        margin: 0.5rem 0rem 0.5rem 0rem;
    }

    footer #footer-address .footer-logo {
        margin-top: 0.33333333rem;
        display: inline-block;
        width: 87px;
        margin-left: 8px;
        margin-right: 8px;
        vertical-align: bottom;
    }
/*== Mobile Menu ==*/
#mobilemenu {
    display: none;
    position: absolute;
    z-index: 120;
    top: 131px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
}

    #mobilemenu #mobilemenu-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 1;
        background-color: #e4e4e4;
        cursor: pointer;
        -webkit-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
    }

    #mobilemenu #mobilemenu-content {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 200ms ease;
        transition: transform 200ms ease;
        overflow-y: auto;
        background-color: rgba(255, 255, 255, 0.9);
        width: 350px;
        max-width: 80%;
        box-sizing: border-box;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li .link {
            display: block;
            position: relative;
            border-bottom: 1px solid #e4e4e4;
            cursor: pointer;
            padding: 13px 25px 11px 0;
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li ul {
            overflow: hidden;
            padding-left: 12px;
            margin: 0px 0 20px;
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list li ul li .link {
                padding: 10px 20px 8px 0;
            }

            #mobilemenu #mobilemenu-content #mobilemenu-list li ul ul {
                margin: 0 0 5px;
            }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub > .link:after {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90f';
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub > .link:after {
            position: absolute;
            display: inline-block;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub.expanded > .link:after {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90e';
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list > li {
            font-size: 20px;
            line-height: 23px;
            letter-spacing: .11em;
            font-weight: 600;
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li {
                font-size: 17px;
               /* line-height: 16px;*/
            }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li .link:after {
                    color: #5a5a5a;
                }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li {
                    font-weight: 500;
                    letter-spacing: .05em;
                }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li .link {
                        border-bottom: none;
                    }

                        #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li .link:after {
                            color: #b6b6b6;
                        }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li ul li {
                        font-weight: 400;
                    }

            #mobilemenu #mobilemenu-content #mobilemenu-list > li.user {
                line-height: 40px;
            }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link {
                    font-weight: 700;
                }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link:before {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e907';
                    }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link:before {
                        position: absolute;
                        right: 22px;
                        top: 50%;
                        font-size: 26px;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

    #mobilemenu.active {
        display: block;
    }

        #mobilemenu.active.show #mobilemenu-content {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        #mobilemenu.active.show #mobilemenu-overlay {
            opacity: .8;
        }
/*== Sections by type ==*/
section,
main {
    /*== Generic ==*/
    /*== Lookbook ==*/
    /*== Product Listing ==*/
    /*== Product Page ==*/
    /*== Basket Page ==*/
    /*== Checkout ==*/
    /*== Account ==*/
    /*== Login & Register ==*/
}

    section.gray,
    main.gray {
        background-color: #fafafa;
    }

    section .section-title,
    main .section-title {
        font-weight: 700;
        overflow: hidden;
        color: #333;
        text-align: center;
        font-size: 0.93333333rem;
        width: 51.66666667rem;
        max-width: 100%;
        margin: 0 auto;
        letter-spacing: .3em;
        padding: 3rem 0rem 4rem 0rem;
    }

        section .section-title span,
        main .section-title span {
            position: relative;
        }

            section .section-title span strong,
            main .section-title span strong {
                font-weight: 800;
            }

            section .section-title span:before,
            main .section-title span:before,
            section .section-title span:after,
            main .section-title span:after {
                position: absolute;
                display: block;
                width: 300vw;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                content: ' ';
                height: 1px;
                background-color: #e4e4e4;
            }

            section .section-title span:before,
            main .section-title span:before {
                right: 0;
                margin-right: calc(100% + 34px);
            }

            section .section-title span:after,
            main .section-title span:after {
                left: 0;
                margin-left: calc(100% + 34px);
            }

        section .section-title.narrow,
        main .section-title.narrow {
            padding: 2.5rem 0rem 2.5rem 0rem;
        }

        section .section-title.mini,
        main .section-title.mini {
            width: 68%;
            margin-left: auto;
            margin-right: auto;
        }

        section .section-title.serif,
        main .section-title.serif {
            font-family: 'Roboto-Medium', sans-serif;
            font-size: 1.7rem;
            letter-spacing: .02em;
            font-weight: 400;
        }

    section.breadcrumb,
    main.breadcrumb {
        position: relative;
    }

        section.breadcrumb .wrapper,
        main.breadcrumb .wrapper {
            overflow: hidden;
            overflow-x: hidden;
            position: relative;
            width:100% !important;
        }

        section.breadcrumb .breadcrumb-list,
        main.breadcrumb .breadcrumb-list {
            width: 100%;
            line-height: 2rem;
            font-size: 1.1rem;
            padding:0px 64px;
            color: #5a5a5a;
            white-space: nowrap;
        }

            section.breadcrumb .breadcrumb-list:after,
            main.breadcrumb .breadcrumb-list:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.breadcrumb .breadcrumb-list .crumb,
            main.breadcrumb .breadcrumb-list .crumb {
                display: inline-block;
                margin-left: 0.75rem;
                color: #979494;
                font-family: "Roboto-Light";
                font-size:12px !important
            }
                section.breadcrumb .breadcrumb-list .crumb:last-child a,
                main.breadcrumb .breadcrumb-list .crumb:last-child a {
                    color: #ed1c24;
                    text-decoration: underline;
                    font-family: "Roboto-Light";
                }

                section.breadcrumb .breadcrumb-list .crumb:before,
                main.breadcrumb .breadcrumb-list .crumb:before {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: url(/assets/images/chevron-right-gray.svg);
                }

                section.breadcrumb .breadcrumb-list .crumb:before,
                main.breadcrumb .breadcrumb-list .crumb:before {
                    margin-right: 0.75rem;
                }

                section.breadcrumb .breadcrumb-list .crumb:first-of-type,
                main.breadcrumb .breadcrumb-list .crumb:first-of-type {
                    margin-left: 0;
                }

                    section.breadcrumb .breadcrumb-list .crumb:first-of-type:before,
                    main.breadcrumb .breadcrumb-list .crumb:first-of-type:before {
                        content: none;
                        display: none;
                    }

        section.breadcrumb:after,
        main.breadcrumb:after {
            position: absolute;
            content: ' ';
            overflow: hidden;
            top: 0;
            right: 0;
            bottom: 0;
            width: 2.5rem;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
        }

    section.banner-line,
    main.banner-line {
        display: block;
        text-align: center;
        background: #ff6000;
        background: -moz-linear-gradient(left, #ffb600 0%, #ffcc03 100%);
        background: -webkit-linear-gradient(left, #ffb600 0%, #ffcc03 100%);
        background: linear-gradient(to right, #ffb600 0%, #ffcc03 100%);
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        line-height: 2.5rem;
        box-sizing: border-box;
        font-size: 1.43333333rem;
        letter-spacing: .11em;
        color: #000;
    }

        section.banner-line a,
        main.banner-line a {
            display: block;
            overflow: hidden;
        }

        section.banner-line .banner-content,
        main.banner-line .banner-content {
            display: inline-block;
            font-weight: 600;
            margin: 0 .5em;
            position: relative;
        }

            section.banner-line .banner-content.serif,
            main.banner-line .banner-content.serif {
                font-family: 'Roboto-Medium', sans-serif;
                font-size: 1.225em;
                /* 18px */
                font-weight: 800;
            }

            section.banner-line .banner-content .discount,
            main.banner-line .banner-content .discount {
                display: inline;
                font-size: 1.766em;
                /* 30 */
                font-weight: 700;
                letter-spacing: .01em;
                vertical-align: top;
                display: inline-block;
                margin-top: -0.33333333rem;
            }

                section.banner-line .banner-content .discount .percent,
                main.banner-line .banner-content .discount .percent {
                    font-size: .633em;
                    /* 16px */
                    font-weight: 400;
                }

            section.banner-line .banner-content .serif,
            main.banner-line .banner-content .serif {
                font-family: 'Roboto-Medium', sans-serif;
                font-size: 1.125em;
                font-weight: 800;
            }

            section.banner-line .banner-content .large,
            main.banner-line .banner-content .large {
                font-size: 1.537em;
                margin-left: .2em;
                margin-right: .2em;
            }

                section.banner-line .banner-content .large.serif,
                main.banner-line .banner-content .large.serif {
                    font-size: 2.016em;
                }

        section.banner-line.narrow,
        main.banner-line.narrow {
            font-size: 1.1rem;
            line-height: 2.33333333rem;
            padding: 0.41666667rem 0rem 0.41666667rem 0rem;
        }

            section.banner-line.narrow .banner-content,
            main.banner-line.narrow .banner-content {
                margin: 0 .2em;
            }

        section.banner-line.plain,
        main.banner-line.plain {
            background: none;
            filter: none;
        }

        section.banner-line.lined .banner-content:first-child:before,
        main.banner-line.lined .banner-content:first-child:before {
            position: absolute;
            height: 1px;
            content: ' ';
            overflow: hidden;
            right: calc(100% + 2em);
            top: 58%;
            background-color: #333;
            width: 100vw;
            display: block;
        }

        section.banner-line.lined .banner-content:last-child:after,
        main.banner-line.lined .banner-content:last-child:after {
            position: absolute;
            height: 1px;
            content: ' ';
            overflow: hidden;
            left: calc(100% + 2em);
            top: 58%;
            background-color: #333;
            width: 100vw;
            display: block;
        }

    section.lookbook-head:after,
    main.lookbook-head:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.lookbook-head .head-image,
    main.lookbook-head .head-image {
        width: 81.452%;
    }

        section.lookbook-head .head-image .outerwrap,
        main.lookbook-head .head-image .outerwrap {
            padding-bottom: 66.107%;
        }

            section.lookbook-head .head-image .outerwrap img,
            main.lookbook-head .head-image .outerwrap img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%;
            }

    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        position: absolute;
        width: 33.931%;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid #b6b6b6;
        box-sizing: border-box;
    }

        section.lookbook-head .head-title .outerwrap,
        main.lookbook-head .head-title .outerwrap {
            padding-bottom: 95.465%;
        }

        section.lookbook-head .head-title .textarea,
        main.lookbook-head .head-title .textarea {
            position: absolute;
            left: 4rem;
            right: 4rem;
            bottom: 3.16666667rem;
            font-weight: 700;
            font-size: 1.76666667rem;
            line-height: 2.41666667rem;
            letter-spacing: .18em;
        }

            section.lookbook-head .head-title .textarea:before,
            main.lookbook-head .head-title .textarea:before {
                width: 2.33333333rem;
                height: 3px;
                background-color: #000;
                content: ' ';
                overflow: hidden;
                display: block;
            }

            section.lookbook-head .head-title .textarea .text,
            main.lookbook-head .head-title .textarea .text {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            }

    section.lookbook-listing,
    main.lookbook-listing {
        /* Bir tarafta büyük, bir tarafta küçük */
    }

        section.lookbook-listing.bigsmall .outerwrap,
        main.lookbook-listing.bigsmall .outerwrap {
            padding-bottom: 65.982%;
        }

        section.lookbook-listing.bigsmall .imagewrap,
        main.lookbook-listing.bigsmall .imagewrap {
            position: absolute;
            width: 34.700%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            section.lookbook-listing.bigsmall .imagewrap.left,
            main.lookbook-listing.bigsmall .imagewrap.left {
                left: 0;
            }

                section.lookbook-listing.bigsmall .imagewrap.left.outer,
                main.lookbook-listing.bigsmall .imagewrap.left.outer {
                    left: 8.547%;
                }

            section.lookbook-listing.bigsmall .imagewrap.right,
            main.lookbook-listing.bigsmall .imagewrap.right {
                right: 0;
            }

                section.lookbook-listing.bigsmall .imagewrap.right.outer,
                main.lookbook-listing.bigsmall .imagewrap.right.outer {
                    right: 8.547%;
                }

            section.lookbook-listing.bigsmall .imagewrap.big,
            main.lookbook-listing.bigsmall .imagewrap.big {
                width: 47.179%;
            }

                section.lookbook-listing.bigsmall .imagewrap.big.wide,
                main.lookbook-listing.bigsmall .imagewrap.big.wide {
                    width: 54.358%;
                }

            section.lookbook-listing.bigsmall .imagewrap img,
            main.lookbook-listing.bigsmall .imagewrap img {
                width: 100%;
            }

        section.lookbook-listing.triple-scatter:after,
        main.lookbook-listing.triple-scatter:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.lookbook-listing.triple-scatter .listing-row.wide,
        main.lookbook-listing.triple-scatter .listing-row.wide {
            width: 54.358%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .textfield,
            main.lookbook-listing.triple-scatter .listing-row.wide .textfield {
                width: 100%;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap {
                    padding-bottom: 32.913%;
                }

                    section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                    main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap {
                        padding: 0 11.532%;
                        box-sizing: border-box;
                    }

            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap {
                margin-bottom: 6.771%;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap {
                    padding-bottom: 108.346%;
                }

        section.lookbook-listing.triple-scatter .listing-row.narrow,
        main.lookbook-listing.triple-scatter .listing-row.narrow {
            width: 35.299%;
        }

            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap {
                margin-bottom: 10.462%;
            }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap {
                    padding-bottom: 126.763%;
                }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big {
                    margin-bottom: 15.291%;
                }

                    section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
                    main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap {
                        padding-bottom: 126.763%;
                    }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap {
                    padding-bottom: 76.155%;
                }

        section.lookbook-listing.triple-scatter .listing-row.left,
        main.lookbook-listing.triple-scatter .listing-row.left {
            float: left;
        }

            section.lookbook-listing.triple-scatter .listing-row.left.narrow,
            main.lookbook-listing.triple-scatter .listing-row.left.narrow {
                margin-left: 5.384%;
            }

        section.lookbook-listing.triple-scatter .listing-row.right,
        main.lookbook-listing.triple-scatter .listing-row.right {
            float: right;
        }

            section.lookbook-listing.triple-scatter .listing-row.right.narrow,
            main.lookbook-listing.triple-scatter .listing-row.right.narrow {
                margin-right: 5.384%;
            }

        section.lookbook-listing.triple-scatter .outerwrap,
        main.lookbook-listing.triple-scatter .outerwrap {
            overflow: visible;
        }

        section.lookbook-listing.triple-scatter .lookbook-items,
        main.lookbook-listing.triple-scatter .lookbook-items {
            left: 0;
            right: 0;
            top: 100%;
            position: absolute;
        }

        section.lookbook-listing.triple-scatter .image img,
        main.lookbook-listing.triple-scatter .image img {
            min-width: 100%;
            display: block;
            max-width: auto;
            min-height: 100%;
        }

        section.lookbook-listing.carousel .wrapper:after,
        main.lookbook-listing.carousel .wrapper:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.lookbook-listing.carousel .title,
        main.lookbook-listing.carousel .title {
            text-align: center;
            width: 100%;
            clear: both;
            margin-bottom: 1.83333333rem;
            font-size: 1.85rem;
        }

        section.lookbook-listing.carousel .sliderelement,
        main.lookbook-listing.carousel .sliderelement {
            margin-left: -3.83333333rem;
            width: calc(100% + 7.666666666666667rem);
        }

            section.lookbook-listing.carousel .sliderelement .imagewrap,
            main.lookbook-listing.carousel .sliderelement .imagewrap {
                margin-left: 3.83333333rem;
                margin-right: 3.83333333rem;
            }

    section .lookbook-items,
    main .lookbook-items {
        line-height: 1.66666667rem;
        padding: 1.16666667rem 0rem 1.16666667rem 0rem;
        font-size: 0.93333333rem;
        letter-spacing: .11em;
        font-weight: 500;
        text-align: center;
    }

        section .lookbook-items li,
        main .lookbook-items li {
            position: relative;
            display: inline-block;
            padding: 0rem 0.91666667rem 0rem 0.91666667rem;
        }

            section .lookbook-items li .item-price,
            main .lookbook-items li .item-price {
                font-weight: 700;
            }

            section .lookbook-items li .item-title:after,
            main .lookbook-items li .item-title:after {
                content: ' -- ';
            }

            section .lookbook-items li:after,
            main .lookbook-items li:after {
                content: '|';
                position: absolute;
                right: -3px;
            }

            section .lookbook-items li:last-of-type:after,
            main .lookbook-items li:last-of-type:after {
                display: none;
                content: none;
            }

    section.listing .wrapper:after,
    main.listing .wrapper:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.listing .help-title,
    main.listing .help-title {
        font-size: 1.68333333rem;
        font-weight: 600;
    }

    section.listing .listing-filters,
    main.listing .listing-filters {
        float: left;
        width: 25.384%;
        max-height: calc(100% - 100px);
    }

        section.listing .listing-filters.help .arrow,
        main.listing .listing-filters.help .arrow {
            display: none;
        }

        section.listing .listing-filters .filterlist,
        main.listing .listing-filters .filterlist {
            margin-right: 5rem;
            margin-top: 1.66666667rem;
            min-width: 20%;
        }

            /*section.listing .listing-filters .filterlist.gapped,
            main.listing .listing-filters .filterlist.gapped {
                margin-top: 5rem;
            }*/

            section.listing .listing-filters .filterlist .group,
            main.listing .listing-filters .filterlist .group {
                font-size: 0.975rem;
                line-height: 1.66666667rem;
                letter-spacing: .11em;
            }

                section.listing .listing-filters .filterlist .group .group-title,
                main.listing .listing-filters .filterlist .group .group-title {
                    display: block;
                    padding: 1.33333333rem 0rem 1.16666667rem 0rem;
                    font-weight: 700;
                }

                    section.listing .listing-filters .filterlist .group .group-title:after,
                    main.listing .listing-filters .filterlist .group .group-title:after {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e909';
                    }

                    section.listing .listing-filters .filterlist .group .group-title:after,
                    main.listing .listing-filters .filterlist .group .group-title:after {
                        float: right;
                        display: inline-block;
                        line-height: 1.66666667rem;
                        font-size: 1.43333333rem;
                    }

                section.listing .listing-filters .filterlist .group ul,
                main.listing .listing-filters .filterlist .group ul {
                    overflow: hidden;
                    color: #5a5a5a;
                    display: none;
                    border-bottom: 1px solid #e4e4e4;
                    box-sizing: content-box;
                }

                    section.listing .listing-filters .filterlist .group ul.scrollbar,
                    main.listing .listing-filters .filterlist .group ul.scrollbar {
                        max-height: 15.83333333rem;
                    }

                    section.listing .listing-filters .filterlist .group ul li,
                    main.listing .listing-filters .filterlist .group ul li {
                        padding: 0.75rem 0rem 0.75rem 0rem;
                        margin-top: -3.16666667rem;
                        -webkit-transition: margin 250ms ease;
                        transition: margin 250ms ease;
                    }

                        section.listing .listing-filters .filterlist .group ul li:before,
                        main.listing .listing-filters .filterlist .group ul li:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            /*content: '\e90c';*/
                        }

                        section.listing .listing-filters .filterlist .group ul li:before,
                        main.listing .listing-filters .filterlist .group ul li:before {
                            width: 0.83333333rem;
                            display: inline-block;
                            margin-right: 0.5rem;
                            color: #333;
                            font-size: 1.18333333rem;
                            float: left;
                        }

                        section.listing .listing-filters .filterlist .group ul li.checkwrap,
                        main.listing .listing-filters .filterlist .group ul li.checkwrap {
                            clear: both;
                        }

                            section.listing .listing-filters .filterlist .group ul li.checkwrap label,
                            main.listing .listing-filters .filterlist .group ul li.checkwrap label {
                                margin-left: 0 !important;
                                cursor: pointer;
                                height: auto;
                                display: inline-block;
                            }

                            section.listing .listing-filters .filterlist .group ul li.checkwrap:before,
                            main.listing .listing-filters .filterlist .group ul li.checkwrap:before {
                                position: absolute;
                            }

                        section.listing .listing-filters .filterlist .group ul li.active > a,
                        main.listing .listing-filters .filterlist .group ul li.active > a {
                            color: #333;
                            font-weight: 600;
                        }

                        section.listing .listing-filters .filterlist .group ul li.active:before,
                        main.listing .listing-filters .filterlist .group ul li.active:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            content: '\e90a';
                        }

                        section.listing .listing-filters .filterlist .group ul li > a.expanded,
                        main.listing .listing-filters .filterlist .group ul li > a.expanded {
                            color: #333;
                            font-weight: 600;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable:before,
                        main.listing .listing-filters .filterlist .group ul li.expandable:before {
                            display: none;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable .expand,
                        main.listing .listing-filters .filterlist .group ul li.expandable .expand {
                            width: 0.83333333rem;
                            display: inline-block;
                            margin-right: 0.5rem;
                            color: #333;
                            font-size: 1.18333333rem;
                            float: left;
                        }

                            section.listing .listing-filters .filterlist .group ul li.expandable .expand:before,
                            main.listing .listing-filters .filterlist .group ul li.expandable .expand:before {
                                font-family: 'icomoon' !important;
                                speak: none;
                                font-style: normal;
                                font-weight: normal;
                                font-variant: normal;
                                text-transform: none;
                                -webkit-font-smoothing: antialiased;
                                -moz-osx-font-smoothing: grayscale;
                                content: '\e90c';
                            }

                        section.listing .listing-filters .filterlist .group ul li.expandable > ul,
                        main.listing .listing-filters .filterlist .group ul li.expandable > ul {
                            display: none;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable.expand > ul,
                        main.listing .listing-filters .filterlist .group ul li.expandable.expand > ul {
                            display: block;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable.expand > .expand:before,
                        main.listing .listing-filters .filterlist .group ul li.expandable.expand > .expand:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            content: '\e90a';
                        }

                        section.listing .listing-filters .filterlist .group ul li ul,
                        main.listing .listing-filters .filterlist .group ul li ul {
                            border-bottom: none;
                            padding-bottom: 0rem;
                            margin-top: 0rem;
                        }

                            section.listing .listing-filters .filterlist .group ul li ul li,
                            main.listing .listing-filters .filterlist .group ul li ul li {
                                padding-left: 1.83333333rem;
                            }

                                section.listing .listing-filters .filterlist .group ul li ul li:before,
                                main.listing .listing-filters .filterlist .group ul li ul li:before {
                                    display: none;
                                }

                section.listing .listing-filters .filterlist .group.expand .group-title:after,
                main.listing .listing-filters .filterlist .group.expand .group-title:after {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: '\e918';
                }

                section.listing .listing-filters .filterlist .group.expand ul,
                main.listing .listing-filters .filterlist .group.expand ul {
                    display: block;
                }

                    section.listing .listing-filters .filterlist .group.expand ul li,
                    main.listing .listing-filters .filterlist .group.expand ul li {
                        margin-top: 0;
                    }

                        section.listing .listing-filters .filterlist .group.expand ul li ul,
                        main.listing .listing-filters .filterlist .group.expand ul li ul {
                            margin-top: 0.5rem;
                        }

                section.listing .listing-filters .filterlist .group.expand > ul,
                main.listing .listing-filters .filterlist .group.expand > ul {
                    padding: 1rem 0rem 1rem 0rem;
                }

    section.listing .listing-main,
    main.listing .listing-main {
        float: right;
        width: 100%;
        padding-bottom: 9.16666667rem;
    }

        section.listing .listing-main .listing-head,
        main.listing .listing-main .listing-head {
            height: 5rem;
            display: table;
            width: 100%;
        }

            /*section.listing .listing-main .listing-head:after,*/
            main.listing .listing-main .listing-head:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.listing .listing-main .listing-head .listing-title,
            main.listing .listing-main .listing-head .listing-title {
                font-size: 1.64166667rem;
                float: left;
                letter-spacing: .11em;
            }

                section.listing .listing-main .listing-head .listing-title:after,
                main.listing .listing-main .listing-head .listing-title:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.listing .listing-main .listing-head .listing-title .listing-innertitle,
                main.listing .listing-main .listing-head .listing-title .listing-innertitle {
                    float: left;
                    vertical-align: bottom;
                    line-height: 1.5rem;
                    margin: 1.75rem 0rem 1.75rem 0rem;
                }

            section.listing .listing-main .listing-head .listing-resultcount,
            main.listing .listing-main .listing-head .listing-resultcount {
                float: left;
                font-weight: 600;
                color: #5a5a5a;
                font-size: 1.05833333rem;
                line-height: 1.16666667rem;
                margin: 2.08333333rem 0rem 1.75rem 0rem;
                margin-left: 0.41666667rem;
            }

            section.listing .listing-main .listing-head .listing-order,
            main.listing .listing-main .listing-head .listing-order {
                margin: 1.25rem 0rem 1.25rem 0rem;
                float: right;
                width: 25% !important;
                color: #5a5a5a;
            }

            section.listing .listing-main .listing-head .listing-filter,
            main.listing .listing-main .listing-head .listing-filter {
                display: none;
                margin: 1.25rem 0rem 1.25rem 1.66666667rem;
                float: right;
                color: #5a5a5a;
                line-height: 2.5rem;
                font-size: 1.1rem;
                font-weight: 500;
            }

                section.listing .listing-main .listing-head .listing-filter .icon,
                main.listing .listing-main .listing-head .listing-filter .icon {
                    font-size: 0.93333333rem;
                    display: inline-block;
                    vertical-align: top;
                    margin-top: -0.08333333rem;
                    margin-left: 0.08333333rem;
                }

    section.listing .listing-list,
    main.listing .listing-list {
        margin: 0rem -0.75rem 0rem -0.75rem;
    }

        section.listing .listing-list:after,
        main.listing .listing-list:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.listing .listing-list li,
        main.listing .listing-list li {
            float: left;
            margin: 0rem 0.75rem 1.5rem 0.75rem;
        }

            section.listing .listing-list li:after,
            main.listing .listing-list li:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.listing .listing-list li .outerwrap,
            main.listing .listing-list li .outerwrap {
                overflow: hidden;
                box-sizing: border-box;
            }

                section.listing .listing-list li .outerwrap.border,
                main.listing .listing-list li .outerwrap.border {
                    border: 1px solid #e4e4e4;
                }

            section.listing .listing-list li .innerimage,
            main.listing .listing-list li .innerimage {
                border: 1px solid #e4e4e4;
            }

            section.listing .listing-list li .product-image,
            main.listing .listing-list li .product-image {
                box-sizing: border-box;
                padding-bottom: 100%;
                width: 100%;
                position: absolute;
                overflow: hidden;
            }

                section.listing .listing-list li .product-image img,
                main.listing .listing-list li .product-image img {
                    /*height: 100%;*/
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    width: 100%;
                    top: 0;
                    border-radius: 5px;
                }

                section.listing .listing-list li .product-image .product-controls,
                main.listing .listing-list li .product-image .product-controls {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: #FFF;
                    opacity: 0;
                    -webkit-transform: translateY(100%);
                    -ms-transform: translateY(100%);
                    transform: translateY(100%);
                    -webkit-transition: transform 200ms ease, opacity 200ms ease;
                    transition: transform 200ms ease, opacity 200ms ease;
                }

            section.listing .listing-list li .description .control,
            main.listing .listing-list li .description .control {
                width: 100%;
                float: left;
                padding: 1.25rem 0rem 1.25rem 0rem;
                /*padding-left: 0.83333333rem;
                        padding-right: 0.83333333rem;*/
            }

            section.listing .listing-list li .description .favorite-button,
            main.listing .listing-list li .description .favorite-button {
                width: 15%;
                float: left;
            }

            section.listing .listing-list li .description .quicklook-button,
            main.listing .listing-list li .description .quicklook-button {
                width: 15%;
                float: right;
            }

            section.listing .listing-list li .description .product-details,
            main.listing .listing-list li .description .product-details {
                width: 70%;
                float: left;
            }

            section.listing .listing-list li .description .control:before,
            main.listing .listing-list li .description .control:before {
                display: inline-block;
                vertical-align: middle;
                font-size: 1.1rem;
                margin-right: 0.41666667rem;
                margin-top: -0.16666667rem;
            }

            section.listing .listing-list li .description .control.fav i,
            main.listing .listing-list li .description .control.fav i {
                font-size: 19px;
            }

            section.listing .listing-list li .description .control.quicklook,
            main.listing .listing-list li .description .control.quicklook {
                background-color: #fff;
                border-color: #fff;
                color: #333
            }

            section.listing .listing-list li .description .control.fav,
            main.listing .listing-list li .description .control.fav {
                background-color: #fff;
                border-color: #fff;
                color: #333
            }

            section.listing .listing-list li .description .control.quicklook:hover,
            main.listing .listing-list li .description .control.quicklook:hover {
                background-color: transparent;
                color: #333;
            }

                section.listing .listing-list li .description .control.quicklook:hover.disabled,
                main.listing .listing-list li .description .control.quicklook:hover.disabled {
                    background-color: #5a5a5a;
                    color: #FFF;
                }

                section.listing .listing-list li .description .control.quicklook:hover.lined:before,
                main.listing .listing-list li .description .control.quicklook:hover.lined:before {
                    border-color: #5a5a5a;
                }

            section.listing .listing-list li .description .control.quicklook i,
            main.listing .listing-list li .description .control.quicklook i {
                font-size: 19px;
            }

            /*section.listing .listing-list li .product-image:hover .description,
                main.listing .listing-list li .product-image:hover .description {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }*/

            section.listing .listing-list li .discount,
            main.listing .listing-list li .discount {
                position: absolute;
                top: 2%;
                left: 3.5%;
                z-index: 10;
                font-family: 'Roboto-Medium', sans-serif;
                font-weight: 700;
                letter-spacing: .01em;
                font-size: 2.26666667rem;
            }

                section.listing .listing-list li .discount:before,
                main.listing .listing-list li .discount:before {
                    position: relative;
                    content: '%';
                    font-size: 53%;
                    line-height: 0;
                    top: -0.6em;
                    vertical-align: baseline;
                    display: inline-block;
                }

                section.listing .listing-list li .discount:after,
                main.listing .listing-list li .discount:after {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    /*content: '\e910';*/
                }

                section.listing .listing-list li .discount:after,
                main.listing .listing-list li .discount:after {
                    font-size: 1.1rem;
                    display: inline-block;
                    margin-left: -0.25rem;
                    margin-bottom: -0.08333333rem;
                    vertical-align: bottom;
                }

            section.listing .listing-list li .right-side-ribbon .ribbon,
            main.listing .listing-list li .right-side-ribbon .ribbon {
                position: initial;
                display: inline-block;
                font-weight: 600;
                font-size: 0.85rem;
                letter-spacing: .10em;
                top: 3%;
                left: 3.5%;
                z-index: 10;
                /*background-color: #b09c6a;*/
                line-height: 1.33333333rem;
                padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
                color: #FFF;
            }

                section.listing .listing-list li .right-side-ribbon .ribbon.right,
                main.listing .listing-list li .right-side-ribbon .ribbon.right {
                    left: auto;
                    right: 3.5%;
                }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon img {
            top: 3%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon img {
            left: 85%;
            top: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img {
            top: 9%;
            left: 85%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img {
            top: 15%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img {
            left: 85%;
            top: 9%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img {
            left: 85%;
            top: 15%;
        }

        section.listing .listing-list li .right-side-ribbon .ribbon.bottom,
        main.listing .listing-list li .right-side-ribbon .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon img {
            top: 3%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon img {
            left: 85%;
            top: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img {
            top: 9%;
            left: 85%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img {
            top: 15%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img {
            left: 85%;
            top: 9%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li right-side-ribbon .ribbon.uclu img {
            left: 85%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon .ribbon,
        main.listing .listing-list li .left-side-ribbon .ribbon {
            position: initial;
            display: inline-block;
            font-weight: 600;
            font-size: 0.85rem;
            letter-spacing: .10em;
            top: 3%;
            left: 3.5%;
            z-index: 10;
            /*background-color: #b09c6a;*/
            line-height: 1.33333333rem;
            padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
            color: #FFF;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img {
            top: 3%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img {
            left: 15%;
            top: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon-without-rate .ribbon.bottom,
        main.listing .listing-list li .left-side-ribbon-without-rate .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img {
            top: 3%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img {
            left: 15%;
            top: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.dual li left-side-ribbon-without-rate .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img {
            top: 21%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon .ribbon.bottom,
        main.listing .listing-list li .left-side-ribbon .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img {
            top: 21%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li left-side-ribbon .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

         main.listing .listing-list li .description {
            margin: 10px;
            
        }
        /*section.listing .listing-list li .description *,
main.listing .listing-list li .description * {
  white-space: nowrap;
}*/
        section.listing .listing-list.dual li,
        main.listing .listing-list.dual li {
            width: calc(50% - 1.5rem);
        }

            main.listing .listing-list.dual li .outerwrap {
                padding-bottom: calc(60% + 7.25rem);
            }

            section.listing .listing-list.dual li .product-image,
            main.listing .listing-list.dual li .product-image {
                padding-bottom: 0px;
            }

        section.listing .listing-list.triple li,
        main.listing .listing-list.triple li {
            margin: 0rem 0.75rem 1.5rem 0.75rem;
            width: calc(33.333% - 1.5rem);
        }

         
            main.listing .listing-list.triple li .outerwrap {
                padding-bottom: calc(70% + 7.25rem);
            }

                
                main.listing .listing-list.triple li .outerwrap {
                    padding-bottom: calc(70% + 7.375rem);
                }

            section.listing .listing-list.triple li .product-image,
            main.listing .listing-list.triple li .product-image {
                padding-bottom: 60%;
            }

            section.listing .listing-list.triple li.double,
            main.listing .listing-list.triple li.double {
                width: calc(66.666% - 1.5rem);
            }

                section.listing .listing-list.triple li.double .outerwrap,
                main.listing .listing-list.triple li.double .outerwrap {
                    padding-bottom: calc(68.90790048013968% + 7.375rem + 2px);
                }

            section.listing .listing-list.triple li.triple,
            main.listing .listing-list.triple li.triple {
                width: calc(100% - 1.5rem);
            }

    section.listing .listing-pagination,
    main.listing .listing-pagination {
        line-height: 4.16666667rem;
        height: 4.16666667rem;
        font-size: 1.475rem;
        text-align: center;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        color: #5a5a5a;
    }

        section.listing .listing-pagination:after,
        main.listing .listing-pagination:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.listing .listing-pagination .prev,
        main.listing .listing-pagination .prev,
        section.listing .listing-pagination .next,
        main.listing .listing-pagination .next {
            float: left;
            display: inline-block;
            border-left: 1px solid #e4e4e4;
            border-right: 1px solid #e4e4e4;
            height: 4.16666667rem;
            width: 3.83333333rem;
            font-size: 2.6rem;
        }

            section.listing .listing-pagination .prev:before,
            main.listing .listing-pagination .prev:before,
            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90b';
            }

            section.listing .listing-pagination .prev:before,
            main.listing .listing-pagination .prev:before,
            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                display: inline-block;
                vertical-align: middle;
                margin-top: -0.33333333rem;
            }

        section.listing .listing-pagination .next,
        main.listing .listing-pagination .next {
            float: right;
        }

            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90c';
            }

        section.listing .listing-pagination .pagination-list li,
        main.listing .listing-pagination .pagination-list li {
            display: inline-block;
            margin: 0rem 1.25rem 0rem 1.25rem;
        }

            section.listing .listing-pagination .pagination-list li a.current,
            main.listing .listing-pagination .pagination-list li a.current {
                font-weight: bold;
                color: #333;
            }

            section.listing .listing-pagination .pagination-list li.seall,
            main.listing .listing-pagination .pagination-list li.seall {
                font-size: 0.975rem;
                font-weight: 600;
                text-decoration: underline;
            }

        section.listing .listing-pagination.mobile,
        main.listing .listing-pagination.mobile {
            display: none;
            border: none;
        }

    section.product-info:after,
    main.product-info:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.product-info .quicklook-header,
    main.product-info .quicklook-header {
        font-size: 1.18333333rem;
        font-weight: 700;
        padding-bottom: 0.83333333rem;
        letter-spacing: .05em;
        margin-bottom: 1.66666667rem;
        border-bottom: 2px dotted #e4e4e4;
    }

    section.product-info .product-gallery,
    main.product-info .product-gallery {
        width: 50%;
        float: left;
        position: relative;
        /*overflow: hidden;*/
    }

        section.product-info .product-gallery:after,
        main.product-info .product-gallery:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-gallery .product-slider,
        main.product-info .product-gallery .product-slider {
            width: 100%;
            box-sizing: border-box;
            /*padding-bottom: 80%;
            height: 0;*/
            position: relative;
        }

            section.product-info .product-gallery .product-slider .rsOverflow,
            main.product-info .product-gallery .product-slider .rsOverflow {
                position: absolute;
                right: 0;
                top: 0;
                z-index: 1;
                border: 1px solid #e4e4e4;
                width: 100% !important;
                height: 100% !important;
                overflow: hidden;
                box-sizing: border-box;
            }

            section.product-info .product-gallery .product-slider .rsContent,
            main.product-info .product-gallery .product-slider .rsContent {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                section.product-info .product-gallery .product-slider .rsContent img,
                main.product-info .product-gallery .product-slider .rsContent img {
                    position: absolute;
                    width: 100% !important;
                    height: 100% !important;
                    margin: 0 !important;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            section.product-info .product-gallery .product-slider .rsThumbs,
            main.product-info .product-gallery .product-slider .rsThumbs {
                position: absolute;
                height: 58.123%;
                top: 50%;
                left: 5.85%;
                right: auto;
                width: 15%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 10;
            }

.product-slider .rsBullets {
    position: absolute;
    height: 3%;
    bottom: 5%;
    left: 0%;
    right: auto;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(+44%);
    -ms-transform: translateX(+44%);
    transform: translateX(+44%);
    z-index: 10;
}

section.product-info .product-gallery .product-slider .rsThumbs .rsThumb,
main.product-info .product-gallery .product-slider .rsThumbs .rsThumb {
    width: 100%;
    position: relative;
    padding-bottom: 136%;
    margin: 0 auto;
    float: none;
    border-bottom: 2px solid #e4e4e4;
    overflow: hidden;
}

    section.product-info .product-gallery .product-slider .rsThumbs .rsThumb img,
    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb img {
        position: absolute;
        height: 95%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 5px;
    }

.product-slider .rsBullets .rsBullet {
    width: 4%;
    position: relative;
    padding-bottom: 3%;
    margin-right: 1%;
    float: left;
    border: 3px solid #e4e4e4;
    border-radius: 50%;
    overflow: hidden;
    height: 5%;
    cursor: pointer;
}

.rsNavSelected {
    background-color: #e4e4e4;
}

section.product-info .product-gallery .product-slider .rsBullets .rsBullet img,
main.product-info .product-gallery .product-slider .rsBullets .rsBullet img {
    position: absolute;
    height: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 5px;
}

/*section.product-info .product-gallery .product-slider .rsThumbs .rsThumb:first-of-type,
                    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb:first-of-type {
                        border-top: 1px solid #FFF;
                    }

                    section.product-info .product-gallery .product-slider .rsThumbs .rsThumb:last-of-type,
                    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb:last-of-type {
                        border-bottom: 1px solid #FFF;
                    }*/

section.product-info .product-gallery .gallery-thumbscover,
main.product-info .product-gallery .gallery-thumbscover {
    position: absolute;
    height: calc(58.123% + 30px);
    width: calc(15% + 28px);
    top: 50%;
    left: calc(5.85% - 14px);
    box-sizing: border-box;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

section.product-info .product-gallery:after,
main.product-info .product-gallery:after {
    position: absolute;
    display: block;
    z-index: 50;
    background-color: #FFF;
    -webkit-transition: opacity 200ms ease 0ms;
    transition: opacity 200ms ease 0ms;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    content: ' ';
    overflow: hidden;
    opacity: 0;
    z-index: -50;
}

section.product-info .product-gallery.loadinit:after,
main.product-info .product-gallery.loadinit:after {
    z-index: 50;
}

section.product-info .product-gallery.loadinit.loading:after,
main.product-info .product-gallery.loadinit.loading:after {
    opacity: 1;
}

section.product-info .product-gallery #gallery-zoom-open,
main.product-info .product-gallery #gallery-zoom-open {
    position: absolute;
    bottom: 8.166667rem;
    right: 1.16666667rem;
    color: #333;
    z-index: 10;
    font-size: 2.6rem;
    display: inline-block;
    padding: 0.41666667rem 0.41666667rem 0.41666667rem 0.41666667rem;
    background-color: #FFF;
}

section.product-info .product-details,
main.product-info .product-details {
    width: 41.367%;
    margin-right: 3.333%;
    float: right;
}

    section.product-info .product-details .details-head,
    main.product-info .product-details .details-head {
        height: 5rem;
        position: relative;
    }

        section.product-info .product-details .details-head .description,
        main.product-info .product-details .details-head .description {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    section.product-info .product-details .details-options,
    main.product-info .product-details .details-options {
        text-align: center;
        margin-top: 2rem;
    }

        section.product-info .product-details .details-options .color-title,
        main.product-info .product-details .details-options .color-title {
            font-size: 1.01666667rem;
            font-weight: 600;
            letter-spacing: .11em;
            margin-bottom: 1.25rem;
        }

        section.product-info .product-details .details-options .color-list .color,
        main.product-info .product-details .details-options .color-list .color {
            display: inline-block;
            position: relative;
            overflow: hidden;
            margin: 0 4px;
            height: 33px;
            width: 33px;
            border-radius: 20px;
            border: 2px solid #1d1d1d;
        }

            section.product-info .product-details .details-options .color-list .color.active label,
            main.product-info .product-details .details-options .color-list .color.active label,
            section.product-info .product-details .details-options .color-list .color:focus label,
            main.product-info .product-details .details-options .color-list .color:focus label,
            section.product-info .product-details .details-options .color-list .color:active label,
            main.product-info .product-details .details-options .color-list .color:active label {
                top: 0;
                bottom: 0;
            }

            section.product-info .product-details .details-options .color-list .color a.active label,
            main.product-info .product-details .details-options .color-list .color a.active label {
                top: 0;
                bottom: 0;
                border-radius: 20px;
                border: 2px solid white;
                margin: 1px;
            }

            section.product-info .product-details .details-options .color-list .color a label,
            main.product-info .product-details .details-options .color-list .color a label {
                top: 0;
                bottom: 0;
                border-radius: 20px;
                border: 2px solid white;
                margin: 1px;
            }

            section.product-info .product-details .details-options .color-list .color label,
            main.product-info .product-details .details-options .color-list .color label {
                background-color: #ffb600;
                position: absolute;
                top: 5px;
                bottom: 5px;
                left: 0;
                right: 0;
                z-index: 2;
                cursor: pointer;
                -webkit-transition: top 150ms ease, bottom 150ms ease;
                transition: top 150ms ease, bottom 150ms ease;
            }

                section.product-info .product-details .details-options .color-list .color label:hover,
                main.product-info .product-details .details-options .color-list .color label:hover {
                    top: 0;
                    bottom: 0;
                }

            section.product-info .product-details .details-options .color-list .color input,
            main.product-info .product-details .details-options .color-list .color input {
                position: absolute;
                opacity: 0;
                z-index: 1;
                width: 0;
                height: 0;
            }

                section.product-info .product-details .details-options .color-list .color input:checked + label,
                main.product-info .product-details .details-options .color-list .color input:checked + label {
                    top: 0;
                    bottom: 0;
                }

        section.product-info .product-details .details-options .options-numbers-seperator,
        main.product-info .product-details .details-options .options-numbers-seperator {
            clear: both;
        }

            section.product-info .product-details .details-options .options-numbers-seperator.top,
            main.product-info .product-details .details-options .options-numbers-seperator.top {
                margin-top: 1.66666667rem;
                margin-bottom: 1.66666667rem;
                border-bottom: 1px solid;
            }

        section.product-info .product-details .details-options .options-numbers,
        main.product-info .product-details .details-options .options-numbers {
            padding: 0 0;
            float: left;
            /*.numbers-container{
						float: left;
						margin: 0 4px;
						&.size{
							width: ~"calc(100% - 118px)";
						}

						&.quantity{
							width: 100px;
						}
					}*/
        }

            section.product-info .product-details .details-options .options-numbers:after,
            main.product-info .product-details .details-options .options-numbers:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.product-info .product-details .details-options .options-numbers.left,
            main.product-info .product-details .details-options .options-numbers.left {
                margin: 0 10px;
                width: calc(85% - 118px);
            }

body#productDetail section.product-info .product-details .details-options .options-numbers.left,
body#productDetail main.product-info .product-details .details-options .options-numbers.left {
    margin: 0 10px;
    width: calc(80% - 118px);
}

body#cartDetail section.product-info .product-details .details-options .options-numbers.left,
body#cartDetail main.product-info .product-details .details-options .options-numbers.left {
    margin: 0 10px;
    width: calc(80% - 118px);
}

section.product-info .product-details .details-options .options-numbers.right,
main.product-info .product-details .details-options .options-numbers.right {
    margin: 0 10px;
    width: 30%;
}

section.product-info .product-details .details-options .options-numbers.wide,
main.product-info .product-details .details-options .options-numbers.wide {
    padding: 0;
}

section.product-info .product-details .details-options .options-numbers .numbers-element,
main.product-info .product-details .details-options .options-numbers .numbers-element {
    font-weight: 700;
}

    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size,
    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size {
        width: 100%;
    }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-text span.right,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-text span.right {
            display: none;
        }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option:after,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor {
            padding: 0 5px;
            height: 2.91666667rem;
            line-height: 2.91666667rem;
            position: relative;
        }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span {
                font-weight: 600;
                letter-spacing: .11em;
                font-size: 0.975rem;
                line-height: 2.91666667rem;
                height: 2.91666667rem;
            }

                section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.size,
                main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.size {
                    float: left;
                }

                section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right,
                main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right {
                    float: right;
                }

                    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.warning,
                    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.warning {
                        color: #cc5858;
                    }

                    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.disabled,
                    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.disabled {
                        color: #5a5a5a;
                    }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor:after,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor:after {
                position: absolute;
                bottom: 0;
                height: 1px;
                background-color: #e4e4e4;
                display: block;
                content: ' ';
                overflow: hidden;
                left: 5px;
                right: 5px;
            }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor.selectboxit-option-last:after,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor.selectboxit-option-last:after {
                display: none;
            }

section.product-info .product-details .details-options .options-sizehelp,
main.product-info .product-details .details-options .options-sizehelp {
    font-size: 0.85rem;
    letter-spacing: .11em;
    color: #b6b6b6;
    font-weight: 600;
}

section.product-info .product-details .details-options .options-other,
main.product-info .product-details .details-options .options-other {
    border-top: 1px dotted #e4e4e4;
    border-bottom: 1px dotted #e4e4e4;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 1.83333333rem;
}

    section.product-info .product-details .details-options .options-other .option,
    main.product-info .product-details .details-options .options-other .option {
        text-decoration: underline;
        font-weight: 600;
        letter-spacing: .11em;
        font-size: 0.93333333rem;
        margin: 0rem 0.75rem 0rem 0.75rem;
        white-space: nowrap;
    }

section.product-info .product-details .details-specs,
main.product-info .product-details .details-specs {
    margin-top: 3.33333333rem;
}

    section.product-info .product-details .details-specs .accordion-element .accordion-button,
    main.product-info .product-details .details-specs .accordion-element .accordion-button {
        display: block;
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4;
        font-weight: 600;
        line-height: 1.66666667rem;
        padding: 0.58333333rem 0rem 0.58333333rem 0rem;
        letter-spacing: .11em;
    }

        section.product-info .product-details .details-specs .accordion-element .accordion-button:after,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-details .details-specs .accordion-element .accordion-button:before,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: '\e912';*/
        }

        section.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator,
        main.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator {
            float: right;
            margin-right: 0.83333333rem;
            margin-left: 0.83333333rem;
        }

            section.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator:before,
            main.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90e';
            }

        section.product-info .product-details .details-specs .accordion-element .accordion-button:before,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:before {
            margin-right: 0.83333333rem;
        }

    section.product-info .product-details .details-specs .accordion-element .accordion-content,
    main.product-info .product-details .details-specs .accordion-element .accordion-content {
        padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
        font-size: 1.05833333rem;
        line-height: 1.83333333rem;
    }

        section.product-info .product-details .details-specs .accordion-element .accordion-content *,
        main.product-info .product-details .details-specs .accordion-element .accordion-content * {
            padding-bottom: 0.83333333rem;
        }

            section.product-info .product-details .details-specs .accordion-element .accordion-content *:last-child,
            main.product-info .product-details .details-specs .accordion-element .accordion-content *:last-child {
                padding-bottom: 0rem;
            }

    section.product-info .product-details .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before,
    main.product-info .product-details .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e90f';
    }

    section.product-info .product-details .details-specs .accordion-element:last-of-type .accordion-button,
    main.product-info .product-details .details-specs .accordion-element:last-of-type .accordion-button {
        border-bottom: none;
    }

.cs-cookie .details-specs {
    margin-top: 3.33333333rem;
}

    .cs-cookie .details-specs .accordion-element .accordion-button {
        display: block;
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4;
        font-weight: 600;
        line-height: 1.66666667rem;
        padding: 0.58333333rem 0rem 0.58333333rem 0rem;
        letter-spacing: .11em;
    }

        .cs-cookie .details-specs .accordion-element .accordion-button:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        .cs-cookie .details-specs .accordion-element .accordion-button:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: '\e912';*/
        }

        .cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator {
            float: right;
            margin-right: 0.83333333rem;
            margin-left: 0.83333333rem;
        }

            /*.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90e';
            }*/

        .cs-cookie .details-specs .accordion-element .accordion-button:before {
            margin-right: 0.83333333rem;
        }

    .cs-cookie .details-specs .accordion-element .accordion-content {
        padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
        font-size: 1.05833333rem;
        line-height: 1.83333333rem;
    }

        .cs-cookie .details-specs .accordion-element .accordion-content * {
            padding-bottom: 0.83333333rem;
        }

            .cs-cookie .details-specs .accordion-element .accordion-content *:last-child {
                padding-bottom: 0rem;
            }

    /*.cs-cookie .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e90f';
    }*/

    .cs-cookie .details-specs .accordion-element:last-of-type .accordion-button {
        border-bottom: none;
    }

section.product-info .product-details .details-sharer,
main.product-info .product-details .details-sharer {
    text-align: left;
}

    section.product-info .product-details .details-sharer:before,
    main.product-info .product-details .details-sharer:before {
        width: 350px;
        max-width: 100%;
        display: block;
        content: ' ';
        margin: 0 auto;
    }

    section.product-info .product-details .details-sharer .share-button,
    main.product-info .product-details .details-sharer .share-button {
        margin: 1rem 0.53333333rem;
        display: inline-block;
        color: #000;
        -webkit-transition: color 150ms ease 0ms;
        transition: color 150ms ease 0ms;
        font-size: 20px;
    }

        section.product-info .product-details .details-sharer a.share-button:hover,
        main.product-info .product-details .details-sharer a.share-button:hover,
        section.product-info .product-details .details-sharer a.share-button:active,
        main.product-info .product-details .details-sharer a.share-button:active,
        section.product-info .product-details .details-sharer a.share-button:focus,
        main.product-info .product-details .details-sharer a.share-button:focus {
            color: #ed1c24;
        }

section#gallery-zoom,
main#gallery-zoom {
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

    section#gallery-zoom.active,
    main#gallery-zoom.active {
        opacity: 1;
        z-index: 11001;
    }

    section#gallery-zoom #gallery-zoom-close,
    main#gallery-zoom #gallery-zoom-close,
    section#gallery-zoom #gallery-zoom-zoomin,
    main#gallery-zoom #gallery-zoom-zoomin,
    section#gallery-zoom #gallery-zoom-zoomout,
    main#gallery-zoom #gallery-zoom-zoomout {
        position: absolute;
        top: 1.66666667rem;
        right: 1.66666667rem;
        background-color: #FFF;
        color: #333;
        font-size: 2.6rem;
        width: 3.33333333rem;
        height: 3.33333333rem;
        line-height: 3.33333333rem;
        text-align: center;
        z-index: 10;
    }

    section#gallery-zoom #gallery-zoom-zoomout,
    main#gallery-zoom #gallery-zoom-zoomout {
        top: auto;
        bottom: 1.66666667rem;
    }

    section#gallery-zoom #gallery-zoom-zoomin,
    main#gallery-zoom #gallery-zoom-zoomin {
        top: auto;
        bottom: 6.66666667rem;
    }

section.similar-products,
main.similar-products {
    padding-top: 5.33333333rem;
    padding-bottom: 5.33333333rem;
}

section.lastvisited,
main.lastvisited {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

section.basket-head .basket-title,
main.basket-head .basket-title {
    font-size: 1.68333333rem;
    font-weight: 600;
}

section.basket:after,
main.basket:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section.basket .basket-content,
main.basket .basket-content {
    box-sizing: border-box;
    padding-right: 3rem;
}

    section.basket .basket-content #basket-list .row,
    main.basket .basket-content #basket-list .row {
        border: none;
    }

        section.basket .basket-content #basket-list .row:after,
        main.basket .basket-content #basket-list .row:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.basket .basket-content #basket-list .row .checkwrap,
        main.basket .basket-content #basket-list .row .checkwrap {
            float: left;
            margin-top: 1.25rem;
            width: 5%;
        }
        section.basket .basket-content #basket-list .row.head .checkwrap,
        main.basket .basket-content #basket-list .row.head .checkwrap {
            margin-top: .5rem;
        }
        /*section.basket .basket-content #basket-list .row .column,
        main.basket .basket-content #basket-list .row .column {
            padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            text-align: left;
            float: left;
        }*/

            section.basket .basket-content #basket-list .row .column.product,
            main.basket .basket-content #basket-list .row .column.product {
                padding-left: 0;
                width: 41.269%;
            }

                section.basket .basket-content #basket-list .row .column.product:after,
                main.basket .basket-content #basket-list .row .column.product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.basket .basket-content #basket-list .row .column.product .product-image,
                main.basket .basket-content #basket-list .row .column.product .product-image {
                    width: 6.5rem;
                    border: 1px solid #e4e4e4;
                    float: left;
                    margin-right: 1.66666667rem;
                }

                section.basket .basket-content #basket-list .row .column.product .description,
                main.basket .basket-content #basket-list .row .column.product .description {
                    margin: 0;
                }

                section.basket .basket-content #basket-list .row .column.product .product-quantity,
                main.basket .basket-content #basket-list .row .column.product .product-quantity {
                    margin-top: 1.41666667rem;
                }

            section.basket .basket-content #basket-list .row .column.data,
            main.basket .basket-content #basket-list .row .column.data {
                width: 14.923%;
                padding-top: 2.91666667rem;
                vertical-align: top;
                line-height: 1.83333333rem;
            }

            section.basket .basket-content #basket-list .row .column.remove,
            main.basket .basket-content #basket-list .row .column.remove {
                width: 8.885%;
                padding-top: 2.91666667rem;
                vertical-align: top;
                text-align: right;
                line-height: 1.83333333rem;
                padding-right: 0;
            }

                section.basket .basket-content #basket-list .row .column.remove .product-remove,
                main.basket .basket-content #basket-list .row .column.remove .product-remove {
                    border: none;
                    display: inline-block;
                    font-size: 1.6rem;
                }

        section.basket .basket-content #basket-list .row.head,
        main.basket .basket-content #basket-list .row.head {
            line-height: 1.66666667rem;
            font-size: 1.05833333rem;
            font-weight: 500;
            border-bottom: 2px solid #b6b6b6;
        }

            section.basket .basket-content #basket-list .row.head .column,
            main.basket .basket-content #basket-list .row.head .column {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            }

                section.basket .basket-content #basket-list .row.head .column.delete,
                main.basket .basket-content #basket-list .row.head .column.delete {
                    padding-right: 0.08333333rem;
                }

section.basket .basket-sum,
main.basket .basket-sum {
    box-sizing: border-box;
    padding-left: 23px;
}

    section.basket .basket-sum .sum-head,s
    main.basket .basket-sum .sum-head {
        text-align: center;
        padding: 1.66666667rem 0rem 1.66666667rem 0rem;
        line-height: 1.66666667rem;
        font-size: 1.05833333rem;
        font-weight: 500;
        border-bottom: 2px solid #b6b6b6;
    }

/*    section.basket .basket-sum .sum-costs,
    main.basket .basket-sum .sum-costs {
        margin-bottom: 1.41666667rem;
    }*/

        section.basket .basket-sum .sum-costs .cost,
        main.basket .basket-sum .sum-costs .cost {
            padding: 8px 0;
            line-height: 1.83333333rem;
            letter-spacing: .11em;
            border-bottom: 1px solid #D9D9D9;
        }

            section.basket .basket-sum .sum-costs .cost:after,
            main.basket .basket-sum .sum-costs .cost:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.basket .basket-sum .sum-costs .cost .cost-title,
            main.basket .basket-sum .sum-costs .cost .cost-title {
                float: left;
                font-size: 14px;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

            section.basket .basket-sum .sum-costs .cost .cost-amount,
            main.basket .basket-sum .sum-costs .cost .cost-amount {
                float: right;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

                section.basket .basket-sum .sum-costs .cost .cost-amount.total,
                main.basket .basket-sum .sum-costs .cost .cost-amount.total {
                    font-weight: 700;
                    font-size: 1.225rem;
                }

    section.basket .basket-sum .sum-options,
    main.basket .basket-sum .sum-options {
        border-top: 1px dotted #e4e4e4;
        margin-top: 1.5rem;
    }

        section.basket .basket-sum .sum-options .accordion-element .accordion-button,
        main.basket .basket-sum .sum-options .accordion-element .accordion-button {
            font-size: 1.05833333rem;
            line-height: 1.83333333rem;
            padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            border-bottom: 1px dotted #e4e4e4;
            letter-spacing: .11em;
            display: block;
        }

            section.basket .basket-sum .sum-options .accordion-element .accordion-button:after,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator {
                float: left;
                margin-right: 0.83333333rem;
            }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator:before,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator:before {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: '\e90e';
                }

            section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar {
                float: right;
                display: inline-block;
                vertical-align: middle;
            }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar:after,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar img,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar img {
                    width: 25px;
                    float: left;
                    margin-right: 0.83333333rem;
                }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar button,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar button {
                    width: 1.66666667rem;
                    height: 1.66666667rem;
                    border-radius: 50%;
                    background-color: #b6b6b6;
                    color: #FFF;
                    text-align: center;
                    vertical-align: middle;
                    font-weight: 800;
                    line-height: 1.66666667rem;
                }

        section.basket .basket-sum .sum-options .accordion-element .accordion-content,
        main.basket .basket-sum .sum-options .accordion-element .accordion-content {
            padding: 1.16666667rem 0rem 1.16666667rem 0rem;
            font-size: 1.05833333rem;
            line-height: 1.91666667rem;
            border-bottom: 1px dotted #e4e4e4;
        }

            section.basket .basket-sum .sum-options .accordion-element .accordion-content > *,
            main.basket .basket-sum .sum-options .accordion-element .accordion-content > * {
                padding-bottom: 0.83333333rem;
            }

                section.basket .basket-sum .sum-options .accordion-element .accordion-content > *:last-child,
                main.basket .basket-sum .sum-options .accordion-element .accordion-content > *:last-child {
                    padding-bottom: 0rem;
                }

        section.basket .basket-sum .sum-options .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before,
        main.basket .basket-sum .sum-options .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90f';
        }

        section.basket .basket-sum .sum-options .accordion-element.accordion-expanded .accordion-button,
        main.basket .basket-sum .sum-options .accordion-element.accordion-expanded .accordion-button {
            font-weight: 600;
        }

section#checkout,
main#checkout {
    position: relative;
}

    section#checkout:after,
    main#checkout:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#checkout .wrapper,
    main#checkout .wrapper {
        position: relative;
        z-index: 10;
    }

        section#checkout .wrapper:after,
        main#checkout .wrapper:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

    section#checkout .bgfix,
    main#checkout .bgfix {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 50%;
        background-color: #fafafa;
    }

    section#checkout #checkout-opts,
    main#checkout #checkout-opts {
        width: 65.470%;
        background-color: #FFF;
        min-height: 100vh;
        padding: 1% 1% 1% 1%;
        box-sizing: border-box;
    }

        section#checkout #checkout-opts .checkout-section-title,
        main#checkout #checkout-opts .checkout-section-title {
            font-size: 1.43333333rem;
            font-weight: 700;
            line-height: 3.16666667rem;
            padding-bottom: 0.83333333rem;
            border-bottom: 1px solid #e4e4e4;
        }

        section#checkout #checkout-opts .checkout-section-navigation,
        main#checkout #checkout-opts .checkout-section-navigation {
            margin-bottom: 3.33333333rem;
        }

        section#checkout #checkout-opts .checkout-section-title a,
        main#checkout #checkout-opts .checkout-section-title a {
            float: right;
            font-size: 0.93333333rem;
            margin-top: 0.5rem;
        }

        section#checkout #checkout-opts .checkout-section-navigation:after,
        main#checkout #checkout-opts .checkout-section-navigation:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-opts .checkout-steps,
        main#checkout #checkout-opts .checkout-steps {
            font-size: 1.18333333rem;
        }

            section#checkout #checkout-opts .checkout-steps .steps-list,
            main#checkout #checkout-opts .checkout-steps .steps-list {
                margin-bottom: 2.91666667rem;
                counter-reset: checkout_step;
            }

                section#checkout #checkout-opts .checkout-steps .steps-list:after,
                main#checkout #checkout-opts .checkout-steps .steps-list:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-opts .checkout-steps .steps-list .step,
                main#checkout #checkout-opts .checkout-steps .steps-list .step {
                    float: left;
                    margin-right: 1.5rem;
                    line-height: 1.5rem;
                    font-weight: 500;
                    margin-bottom: 0.83333333rem;
                }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step:before,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step:before {
                        counter-increment: checkout_step;
                        content: counter(checkout_step);
                        vertical-align: bottom;
                        width: 1.5rem;
                        height: 1.5rem;
                        display: inline-block;
                        text-align: center;
                        line-height: 1.66666667rem;
                        font-size: 0.93333333rem;
                        font-weight: 600;
                        border: 1px solid #333;
                        border-radius: 50%;
                        margin-right: 0.91666667rem;
                    }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step.active:before,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step.active:before {
                        background-color: #333;
                        color: #FFF;
                    }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step a:hover,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step a:hover {
                        text-decoration: underline;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type:after,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses {
            position: relative;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address {
                float: left;
                width: calc(50% - 6%);
            }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address.right,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address.right {
                    margin-left: 12%;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew {
                    float: right;
                    display: inline-block;
                    border: 1px solid #333;
                    color: #FFF;
                    font-weight: 500;
                    font-size: 1.1rem;
                    line-height: inherit;
                    width: auto;
                    padding: 0.5rem 0.83333333rem 0.5rem 0.83333333rem;
                    border-radius: 3px;
                    vertical-align: middle;
                    margin-top: -0.41666667rem;
                    background-color: #333;
                    -webkit-transition: background-color 200ms ease 0ms;
                    transition: background-color 200ms ease 0ms;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew:hover,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew:hover {
                        background-color: transparent;
                        color: #333;
                    }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-title,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-title {
                    font-size: 1.225rem;
                    font-weight: 600;
                    line-height: 1.41666667rem;
                    padding-bottom: 1.66666667rem;
                    margin-bottom: 1.33333333rem;
                    border-bottom: 1px solid #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content {
                    line-height: 2.08333333rem;
                    font-size: 1.1rem;
                    font-weight: 500;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-title {
                        margin-bottom: 0.41666667rem;
                        letter-spacing: .03em;
                        font-weight: 600;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone {
                        margin-right: 0.83333333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone:last-child,
                        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone:last-child {
                            margin-right: 0;
                        }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts {
                    margin-top: 1rem;
                    text-align: left;
                    border-top: 1px solid #e4e4e4;
                    padding: 1.33333333rem 0rem 0rem 0rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts:after,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt {
                        font-size: 1.05833333rem;
                        line-height: 1.16666667rem;
                        font-weight: 500;
                        letter-spacing: .03em;
                        display: inline-block;
                        padding-bottom: 0.33333333rem;
                        vertical-align: top;
                        margin-right: 0.83333333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt i,
                        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt i {
                            font-size: 1.51666667rem;
                            margin-right: 0.58333333rem;
                            display: inline-block;
                            vertical-align: middle;
                            margin-top: -0.25rem;
                            color: #b09c6a;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .storedelivery-icon,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .storedelivery-icon {
                        font-size: 3.1rem;
                        margin-top: -1.08333333rem;
                        margin-right: 0.5rem;
                        display: inline-block;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option {
            padding: 1.91666667rem 0rem 1.91666667rem 0rem;
            border-bottom: 1px dotted #e4e4e4;
            letter-spacing: .03em;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-title,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-title {
                font-size: 1.225rem;
                line-height: 1.66666667rem;
                margin-bottom: 0.83333333rem;
                font-weight: 600;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail {
                font-size: 1.14166667rem;
                line-height: 2.08333333rem;
                font-weight: 500;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail:after,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail .option-cost,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail .option-cost {
                    float: right;
                    font-size: 1.30833333rem;
                    margin-left: 2.5rem;
                    font-weight: 600;
                }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options {
            /*label{
								.rsize(12.5);
								font-weight: @demibold;

							}*/
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options .checkwrap + .checkwrap,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options .checkwrap + .checkwrap {
                margin-left: 1rem;
            }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-inputs .input,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-inputs .input {
            margin-top: 1.25rem;
            font-size: 1.26666667rem;
            padding: 1.08333333rem 1.16666667rem 1.08333333rem 1.16666667rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav {
            margin-bottom: 2.08333333rem;
            margin-top: 2.08333333rem;
            border-bottom: 2px solid #ffcc03;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav:after,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option {
                float: left;
                margin-right: 0.83333333rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child {
                    margin-right: 0;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
                    font-size: 1.14166667rem;
                    font-weight: 600;
                    background-color: #fafafa;
                    padding: 1.66666667rem 1.33333333rem 1.25rem 1.33333333rem;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    -webkit-transition: background-color 200ms ease 0ms;
                    transition: background-color 200ms ease 0ms;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt.expanded,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt.expanded {
                        background-color: #ffcc03;
                        color: #FFF;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand {
            position: relative;
            z-index: 10;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand:after,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap {
                float: none;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap label,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap label {
                    display: block;
                }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard {
                padding-top: 0;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo
                /*main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo*/ {
                    border: 1px dashed #e4e4e4;
                    background-color: #fafafa;
                    padding: 2.16666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo:after,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field {
                        width: 100%;
                        margin-bottom: 1.66666667rem;
                        float: left;
                    }
                        /*&.carddate, &.cvv{
											.rcalc(20);
											.rmarginl(20);
											width: ~"calc(27.099% - @{remcalc})";
										}*/
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field input,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field input {
                            font-size: 1.14166667rem;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name {
                            width: 52%;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth,
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear,
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv {
                            margin-left: 1.66666667rem;
                            width: calc(27.099% - 1.6666666666666667rem);
                        }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth span.error,
                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear span.error,
                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv span.error {
                                width: 200%;
                                text-align: right;
                                position: absolute;
                                bottom: -1.56rem;
                                right: 0;
                            }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .installment-indicator,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .installment-indicator {
                        font-size: 1.14166667rem;
                    }

                /*section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment {
                    margin-top: 2.5rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-title {
                        text-align: center;
                        font-size: 1.14166667rem;
                        line-height: 1.66666667rem;
                        font-weight: 600;
                        padding: 1rem 0rem 1rem 0rem;
                        border-bottom: 1px solid #e4e4e4;
                        background-color: #fafafa;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info {
                        padding: 2.5rem 1.66666667rem 2.5rem 1.66666667rem;
                        font-size: 1.05833333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info:after,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info:after {
                            display: block;
                            content: ' ';
                            clear: both;
                            height: 0px;
                            overflow: hidden;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info .installment-logo,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info .installment-logo {
                            float: right;
                            height: 16px;
                            margin-left: 5px;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table {
                        border-bottom: 1px solid #e4e4e4;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row {
                            border-top: 1px solid #e4e4e4;
                            font-size: 1.05833333rem;
                        }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row:after,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row:after {
                                display: block;
                                content: ' ';
                                clear: both;
                                height: 0px;
                                overflow: hidden;
                            }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row.head,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row.head {
                                border-color: #e4e4e4;
                                font-weight: 500;
                            }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col {
                                float: left;
                                text-align: right;
                                box-sizing: border-box;
                                padding-top: 0.91666667rem;
                                padding-bottom: 0.91666667rem;
                                line-height: 1.5rem;
                            }*/

/*                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
                                    margin-left: 1.66666667rem;
                                    width: calc(25.176% - 1.6666666666666667rem);
                                    text-align: left;
                                    margin-right: 0;
                                }*/

                                    /*section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) span,
                                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) span,
                                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label,
                                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label {
                                        padding-left: 4.16666667rem;
                                        font-size: 1.05833333rem;
                                    }

                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
                                    width: 34.766%;
                                }

                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
                                    width: 40.058%;
                                }*/

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title {
                font-size: 1.30833333rem;
                line-height: 1.83333333rem;
                padding: 1rem 0rem 1rem 0rem;
                font-weight: 500;
                border-bottom: 1px dotted #e4e4e4;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                margin-right: 0;
                border-bottom: 1px dotted #e4e4e4;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label {
                    position: relative;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo {
                        width: 14.792%;
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: 4.16666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details {
                        margin-left: calc(14.792% + 4.583333333333333rem);
                        font-size: 1.14166667rem;
                        line-height: 2.08333333rem;
                        font-weight: 500;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices {
                margin-top: 2.5rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button {
                    font-size: 1.20416667rem;
                    line-height: 1.66666667rem;
                    display: inline-block;
                    font-weight: 500;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button i,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button i {
                        display: inline-block;
                        margin-bottom: -0.08333333rem;
                        margin-left: 0.5rem;
                    }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-content,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-content {
                    margin: 0rem 0rem 2.5rem 0rem;
                    padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                    font-size: 1.18333333rem;
                    font-weight: 500;
                    line-height: 2.04166667rem;
                    text-align: justify;
                    border-top: 1px dotted #e4e4e4;
                    border-bottom: 1px dotted #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button {
                    margin-bottom: 2.5rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button i,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button i {
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-title,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-title {
                font-size: 1.30833333rem;
                line-height: 1.66666667rem;
                padding: 1rem 0rem 1rem 0rem;
                font-weight: 500;
                border-bottom: 1px dotted #e4e4e4;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description {
                position: relative;
                padding-left: 29.585%;
                font-size: 1.1rem;
                line-height: 1.875rem;
                font-weight: 500;
                text-align: justify;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 22.189%;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url {
                    display: inline-block;
                    margin-top: 1.66666667rem;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > * {
                    margin-bottom: 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *:last-child,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *:last-child {
                        margin-bottom: 0;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param {
                border: 1px dashed #e4e4e4;
                background-color: #fafafa;
                padding: 2.16666667rem 1.66666667rem 0.5rem 1.66666667rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field {
                    float: left;
                    width: calc(50% - 0.8333333333333334rem);
                    margin-bottom: 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.full,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.full {
                        width: 100%;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left {
                        margin-right: 1.66666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field label,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field label {
                        display: block;
                        font-size: 1.05833333rem;
                        margin-bottom: 1rem;
                        font-weight: 500;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
            margin-left: 0;
            margin-right: 0;
            width: auto;
            border: 1px dashed #e4e4e4;
            padding: 1.75rem 1.75rem 1.75rem 1.75rem;
            height: 20.25rem;
            font-size: 1.14166667rem;
            font-weight: 500;
            line-height: 2.08333333rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .checkwrap.medium.smaller,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .checkwrap.medium.smaller {
            margin-top: 12px;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details,
        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details {
            position: relative;
            /*border: 1.5px dashed #e4e4e4;*/
            width: 860px;
            max-width: 100%;
            margin: 0 auto;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details:after,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right {
                float: right;
                width: 50%;
                min-height: 35rem;
                padding: 1.66666667rem 3rem 2.5rem 3rem;
                box-sizing: border-box;
                font-size: 1.12083333rem;
                line-height: 2.04166667rem;
                letter-spacing: .11em;
                font-weight: 500;
                border: 1.5px dashed #e4e4e4;
                border-left: none;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-title,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-title,
                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-title,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-title {
                    font-size: 1.12083333rem;
                    line-height: 3.5rem;
                    margin-bottom: 0.83333333rem;
                    padding-bottom: 0.66666667rem;
                    letter-spacing: .11em;
                    font-weight: 600;
                    border-bottom: 1px solid #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section,
                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section {
                    margin-top: 1.25rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .detail-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .detail-title,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .detail-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .detail-title {
                        font-weight: 600;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .innertitle,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .innertitle,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .innertitle,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .innertitle {
                        font-weight: 500;
                        font-size: 1.12083333rem;
                        line-height: 2.04166667rem;
                        margin-bottom: 0.41666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .narrow,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .narrow,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .narrow,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .narrow {
                        letter-spacing: 0;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .masterpass-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .masterpass-logo,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .masterpass-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .masterpass-logo {
                        width: 12.58333333rem;
                        margin-bottom: 0.83333333rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr {
                        margin: 0.83333333rem 0rem 0.83333333rem 0rem;
                        border-color: #e4e4e4;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr.dotted,
                        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr.dotted,
                        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr.dotted,
                        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr.dotted {
                            border-bottom: 1px dotted #e4e4e4;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .card-save,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .card-save,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .card-save,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .card-save {
                        margin-top: 1.66666667rem;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left {
                position: absolute;
                left: 0;
                top: 0;
                /*bottom: 0;*/
                background-color: #fafafa;
                border: 1.5px dashed #e4e4e4;
            }

        section#checkout #checkout-opts .checkout-opt a.checkout-title,
        main#checkout #checkout-opts .checkout-opt a.checkout-title {
            margin: 1.5rem 0.2rem;
            width: calc(50% - 0.60rem);
        }

    section#checkout #checkout-sum,
    main#checkout #checkout-sum {
        position: fixed;
        top: calc(13.5% - -3px);
        right: 4%;
        bottom: 0;
        width: 32.50%;
        background-color: #ffffff;
        border: 1px solid #ccc;
        max-height: 84.5%;
        box-sizing: border-box;
        padding-top: 85px;
        padding: 4% 1%;
    }

    #formShippingAddress.clickshow-subject.enable ~ section#checkout #checkout-opts .checkout-opt a.checkout-title, main#checkout #checkout-opts .checkout-opt a.checkout-title.teslim.expanded {
        background-color: #ED1C24;
        color: #FFF;
    }

    #formBillingAddress.clickshow-subject.enable ~ section#checkout #checkout-opts .checkout-opt a.checkout-title, main#checkout #checkout-opts .checkout-opt a.checkout-title.fatura.expanded {
        background-color: #ED1C24;
        color: #FFF;
    }

    section#checkout #checkout-sum .sum-title,
    main#checkout #checkout-sum .sum-title {
        font-size: 1.35rem;
        line-height: 3rem;
        padding-bottom: 0.83333333rem;
        font-weight: 700;
        border-bottom: 1px solid #333;
    }

    section#checkout #checkout-sum .sum-basket,
    main#checkout #checkout-sum .sum-basket {
        margin: 1.5rem 0rem .75rem 0rem;
    }

        section#checkout #checkout-sum .sum-basket:after,
        main#checkout #checkout-sum .sum-basket:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-sum .sum-basket .basket-list,
        main#checkout #checkout-sum .sum-basket .basket-list {
            margin-bottom: 0.83333333rem;
            max-height: 27.5rem;
        }

            section#checkout #checkout-sum .sum-basket .basket-list:after,
            main#checkout #checkout-sum .sum-basket .basket-list:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-sum .sum-basket .basket-list .item,
            main#checkout #checkout-sum .sum-basket .basket-list .item {
                overflow: hidden;
                float: left;
                width: 5.41666667rem;
                margin: 0rem 0.5rem 0.83333333rem 0rem;
                -webkit-transition: width 300ms ease, margin 300ms ease;
                transition: width 300ms ease, margin 300ms ease;
            }

                section#checkout #checkout-sum .sum-basket .basket-list .item:after,
                main#checkout #checkout-sum .sum-basket .basket-list .item:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item .product-image,
                main#checkout #checkout-sum .sum-basket .basket-list .item .product-image {
                    cursor: pointer;
                    border: 1px solid #e4e4e4;
                    width: 5.41666667rem;
                    margin-right: 1.5rem;
                    float: left;
                    position: relative;
                    z-index: 10;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item .description,
                main#checkout #checkout-sum .sum-basket .basket-list .item .description {
                    height: 8.33333333rem;
                    margin: 0;
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    opacity: 0;
                    -webkit-transition: width 300ms ease, opacity 300ms ease, transform 300ms ease;
                    transition: width 300ms ease, opacity 300ms ease, transform 300ms ease;
                    width: 100%;
                    position: relative;
                    z-index: 1;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item.expand,
                main#checkout #checkout-sum .sum-basket .basket-list .item.expand {
                    width: 100%;
                    clear: both;
                }

                    section#checkout #checkout-sum .sum-basket .basket-list .item.expand .description,
                    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                        -ms-transform: translateX(0);
                        transform: translateX(0);
                    }

            section#checkout #checkout-sum .sum-basket .basket-list .mCSB_3_scrollbar,
            main#checkout #checkout-sum .sum-basket .basket-list .mCSB_3_scrollbar {
                margin-top: 0;
            }

        section#checkout #checkout-sum .sum-basket #basket-expand,
        main#checkout #checkout-sum .sum-basket #basket-expand {
            color: #333;
            font-size: 1.1rem;
        }

            section#checkout #checkout-sum .sum-basket #basket-expand:before,
            main#checkout #checkout-sum .sum-basket #basket-expand:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90a';
            }

            section#checkout #checkout-sum .sum-basket #basket-expand span,
            main#checkout #checkout-sum .sum-basket #basket-expand span {
                border-bottom: 1px solid #b6b6b6;
                padding-bottom: 0.16666667rem;
                vertical-align: middle;
                display: inline-block;
            }

            section#checkout #checkout-sum .sum-basket #basket-expand:before,
            main#checkout #checkout-sum .sum-basket #basket-expand:before {
                display: inline-block;
                font-size: 1.51666667rem;
                margin-right: 0.41666667rem;
                vertical-align: middle;
            }

            section#checkout #checkout-sum .sum-basket #basket-expand:hover,
            main#checkout #checkout-sum .sum-basket #basket-expand:hover {
                color: #000;
            }

                section#checkout #checkout-sum .sum-basket #basket-expand:hover span,
                main#checkout #checkout-sum .sum-basket #basket-expand:hover span {
                    border-color: #333;
                }

            section#checkout #checkout-sum .sum-basket #basket-expand.expanded:before,
            main#checkout #checkout-sum .sum-basket #basket-expand.expanded:before {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    section#checkout #checkout-sum .sum-costs,
    main#checkout #checkout-sum .sum-costs {
        margin-bottom: 1.41666667rem;
    }

        section#checkout #checkout-sum .sum-costs .cost,
        main#checkout #checkout-sum .sum-costs .cost {
            padding: 0.91666667rem 0rem 0.91666667rem 0rem;
            line-height: 1.83333333rem;
            letter-spacing: .11em;
            border-bottom: 1px dotted #e4e4e4;
        }

            section#checkout #checkout-sum .sum-costs .cost:after,
            main#checkout #checkout-sum .sum-costs .cost:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-sum .sum-costs .cost:last-of-type,
            main#checkout #checkout-sum .sum-costs .cost:last-of-type {
                border-bottom: none;
            }

            section#checkout #checkout-sum .sum-costs .cost .cost-title,
            main#checkout #checkout-sum .sum-costs .cost .cost-title {
                float: left;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

            section#checkout #checkout-sum .sum-costs .cost .cost-amount,
            main#checkout #checkout-sum .sum-costs .cost .cost-amount {
                float: right;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

                section#checkout #checkout-sum .sum-costs .cost .cost-amount.total,
                main#checkout #checkout-sum .sum-costs .cost .cost-amount.total {
                    font-weight: 700;
                    font-size: 1.225rem;
                }

    section#checkout #checkout-sum .sum-donation .donation-description,
    main#checkout #checkout-sum .sum-donation .donation-description {
        font-size: 1.1rem;
        line-height: 1.875rem;
        padding-bottom: 0.83333333rem;
        font-weight: 500;
        border-bottom: 1px dotted #e4e4e4;
    }

    section#checkout #checkout-sum .sum-donation .donation-selection,
    main#checkout #checkout-sum .sum-donation .donation-selection {
        width: 100%;
        font-weight: 400;
    }

    section#checkout #checkout-sum .sum-donation .donation-logos,
    main#checkout #checkout-sum .sum-donation .donation-logos {
        text-align: justify;
    }

        section#checkout #checkout-sum .sum-donation .donation-logos:after,
        main#checkout #checkout-sum .sum-donation .donation-logos:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-sum .sum-donation .donation-logos .logo,
        main#checkout #checkout-sum .sum-donation .donation-logos .logo {
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            section#checkout #checkout-sum .sum-donation .donation-logos .logo img,
            main#checkout #checkout-sum .sum-donation .donation-logos .logo img {
                height: 55px;
            }

        section#checkout #checkout-sum .sum-donation .donation-logos:after,
        main#checkout #checkout-sum .sum-donation .donation-logos:after {
            content: ' ';
            overflow: hidden;
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }

    section#checkout.final .bgfix,
    main#checkout.final .bgfix {
        display: none;
    }

    section#checkout.final #checkout-opts,
    main#checkout.final #checkout-opts {
        width: auto;
        float: none;
    }

section .content-form:after,
main .content-form:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}
section .content-form .content-form-fullwidth,
main .content-form .content-form-fullwidth,
section .content-form .content-form-right,
main .content-form .content-form-right {
    float: left;
    width: 100%;
}
section .content-form .content-form-left,
main .content-form .content-form-left,
section .content-form .content-form-right,
main .content-form .content-form-right {
    float: left;
    width: 45.254%;
}

    section .content-form .content-form-left:after,
    main .content-form .content-form-left:after,
    section .content-form .content-form-right:after,
    main .content-form .content-form-right:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

section .content-form .content-form-full:after,
main .content-form .content-form-full:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section .content-form .content-form-left,
main .content-form .content-form-left {
    margin-right: 9.492%;
}

section .content-form .content-form-right,
main .content-form .content-form-right {
    clear: right;
}

section .content-form .wrap,
main .content-form .wrap {
    margin-bottom: 1.66666667rem;
    font-weight: 500;
}

    section .content-form .wrap:after,
    main .content-form .wrap:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section .content-form .wrap textarea,
    main .content-form .wrap textarea {
        height: 10.58333333rem;
    }

    section .content-form .wrap .label,
    main .content-form .wrap .label {
        line-height: 1.66666667rem;
        font-size: 1.0375rem;
        letter-spacing: .11em;
        font-weight: 500;
        margin-bottom: 0.83333333rem;
        display: block;
    }

    section .content-form .wrap .radiowrap label,
    main .content-form .wrap .radiowrap label,
    section .content-form .wrap .checkwrap label,
    main .content-form .wrap .checkwrap label {
        padding-left: 2.08333333rem;
        font-size: 1.0375rem;
        letter-spacing: .11em;
    }

    section .content-form .wrap .radiowrap.full,
    main .content-form .wrap .radiowrap.full,
    section .content-form .wrap .checkwrap.full,
    main .content-form .wrap .checkwrap.full {
        margin: 1.66666667rem 0rem 1.66666667rem 0rem;
    }

    section .content-form .wrap .radiowrap.narrow label,
    main .content-form .wrap .radiowrap.narrow label,
    section .content-form .wrap .checkwrap.narrow label,
    main .content-form .wrap .checkwrap.narrow label {
        letter-spacing: 0;
    }

section .content-form hr,
main .content-form hr {
    border-bottom: 1px dotted #e4e4e4;
    clear: both;
    margin-bottom: 1.66666667rem;
}

section.account-head .account-title,
main.account-head .account-title {
    font-size: 1.68333333rem;
    font-weight: 600;
}

section#account:after,
main#account:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section#account .account-nav,
main#account .account-nav {
    float: left;
    width: 19.316%;
    margin-right: 6.838%;
}

    section#account .account-nav .nav-title,
    main#account .account-nav .nav-title {
        line-height: 4.5rem;
        font-size: 1.0375rem;
        border-bottom: 2px solid #b6b6b6;
        letter-spacing: .11em;
        font-weight: 500;
    }

    section#account .account-nav .nav-list .nav-link,
    main#account .account-nav .nav-list .nav-link {
        line-height: 3.66666667rem;
        border-bottom: 1px dotted #e4e4e4;
    }

        section#account .account-nav .nav-list .nav-link .link-button.active,
        main#account .account-nav .nav-list .nav-link .link-button.active {
            font-weight: 600;
        }

section#account .account-content,
main#account .account-content {
    float: left;
    width: 73.846%;
}

body #productDetail .account-content {
    float: left;
    /*width: 73.846%;*/
    width: 100%
}
body #cartDetail .account-content {
    float: left;
    /*width: 73.846%;*/
    width: 100%
}

body#productDetail .account-content .content-list .list-row.head, body#productList .account-content .content-list .list-row.head {
    line-height: 4.5rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
}

body#productDetail .account-content .content-list .list-row, body#productList .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

        body#productDetail .account-content .content-list .list-row.head .list-column, body#productList .account-content .content-list .list-row.head .list-column {
            padding: 0;
        }
        @media screen and (min-width:1200px) and (max-width:1265px){
            body#productDetail .account-content .content-list .list-row.head, body#productList .account-content .content-list .list-row.head {
                line-height: 20px;
                padding: 14px 0;
            }
        }
body#productDetail .account-content .content-list .list-row .list-column, body#productList .account-content .content-list .list-row .list-column {
    float: left;
    padding: 1.83333333rem 0rem 1.83333333rem 0rem;
    box-sizing: border-box;
}

body#productDetail .account-content .content-list .list-row:after, body#productList .account-content .content-list .list-row:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

body#productDetail .account-content .content-list .list-row .list-column.widetext, body#productList .account-content .content-list .list-row .list-column.widetext {
    letter-spacing: .11em;
}

body#productDetail .account-content .content-list.products .list-row .list-column.address-name, body#productList .account-content .content-list.products .list-row .list-column.address-name {
    width: 25%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.address-name .address, body#productList .account-content .content-list.products .list-row .list-column.address-name .address {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.store-name, body#productList .account-content .content-list.products .list-row .list-column.store-name {
    width: 25%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.store-name .store, body#productList .account-content .content-list.products .list-row .list-column.store-name .store {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.city-name, body#productList .account-content .content-list.products .list-row .list-column.city-name {
    width: 15%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.city-name .city, body#productList .account-content .content-list.products .list-row .list-column.city-name .city {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.stock-total, body#productList .account-content .content-list.products .list-row .list-column.stock-total {
    width: 15%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total .total, body#productList .account-content .content-list.products .list-row .list-column.stock-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.store-map, body#productList .account-content .content-list.products .list-row .list-column.store-map {
    width: 10%;
}

    body#productList.account-content .content-list.products .list-row .list-column.store-map .message-compose, body#productDetail.account-content .content-list.products .list-row .list-column.store-map .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }
body#cartDetail .account-content .content-list .list-row.head {
    line-height: 4.5rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
}

body#cartDetail .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

    body#cartDetail .account-content .content-list .list-row.head .list-column {
        padding: 0;
    }

    body#cartDetail .account-content .content-list .list-row .list-column {
        float: left;
        padding: 1.83333333rem 0rem 1.83333333rem 0rem;
        box-sizing: border-box;
    }

    body#cartDetail .account-content .content-list .list-row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    body#cartDetail .account-content .content-list .list-row .list-column.widetext {
        letter-spacing: .11em;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
    width: 25%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name .address {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
    width: 25%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name .store {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
    width: 15%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.city-name .city {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
    width: 15%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.store-map {
    width: 10%;
}

    body#cartDetail.account-content .content-list.products .list-row .list-column.store-map .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }


.product-details .alert-v1 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: -60px;
    left: 15px;
    width: 200px;
    background: #565656;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

    .product-details .alert-v1.reveal {
        opacity: 1;
        visibility: visible;
    }

product-details .alert-v1 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: -60px;
    left: 15px;
    width: 200px;
    background: #565656;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    product-details .alert-v1.reveal {
        opacity: 1;
        visibility: visible;
    }

    product-details .alert-v1 .arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #565656;
    }

section#account .account-content.message .btn.new-message,
main#account .account-content.message .btn.new-message {
    position: absolute;
    top: 0;
    right: 0;
}

section#account .account-content .content-title,
main#account .account-content .content-title {
    line-height: 4.5rem;
    font-size: 1.0375rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

    section#account .account-content .content-title:after,
    main#account .account-content .content-title:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#account .account-content .content-title .title,
    main#account .account-content .content-title .title {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-size: 1.0375rem;
        margin-right: 3.16666667rem;
        padding-bottom: 0.16666667rem;
    }

        section#account .account-content .content-title .title.link,
        main#account .account-content .content-title .title.link {
            color: #b6b6b6;
            border-bottom: 1.5px solid #b6b6b6;
        }

            section#account .account-content .content-title .title.link.dark,
            main#account .account-content .content-title .title.link.dark {
                color: #333;
                border-color: #333;
            }

        section#account .account-content .content-title .title.back .icon,
        main#account .account-content .content-title .title.back .icon {
            font-size: 1.43333333rem;
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.41666667rem;
            margin-top: -0.16666667rem;
        }

        section#account .account-content .content-title .title:last-child,
        main#account .account-content .content-title .title:last-child {
            margin-right: 0;
        }

    section#account .account-content .content-title.left,
    main#account .account-content .content-title.left {
        width: 50%;
        float: left;
    }

    section#account .account-content .content-title.right,
    main#account .account-content .content-title.right {
        width: 50%;
        float: right;
        text-align: right;
    }

section#account .account-content .content-subtitle,
main#account .account-content .content-subtitle {
    line-height: 1.66666667rem;
    padding: 1.08333333rem 0rem 1.08333333rem 0rem;
    font-size: 1.1rem;
    margin-bottom: 1.66666667rem;
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
}

    section#account .account-content .content-subtitle.nogap,
    main#account .account-content .content-subtitle.nogap {
        margin-bottom: 0;
    }

/*section#account .account-content .content-form:after,
main#account .account-content .content-form:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-left,
main#account .account-content .content-form .content-form-left,
section#account .account-content .content-form .content-form-right,
main#account .account-content .content-form .content-form-right {
  float: left;
  width: 45.254%;
}
section#account .account-content .content-form .content-form-left:after,
main#account .account-content .content-form .content-form-left:after,
section#account .account-content .content-form .content-form-right:after,
main#account .account-content .content-form .content-form-right:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-full:after,
main#account .account-content .content-form .content-form-full:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-left,
main#account .account-content .content-form .content-form-left {
  margin-right: 9.492%;
}
section#account .account-content .content-form .content-form-right,
main#account .account-content .content-form .content-form-right {
  clear: right;
}
section#account .account-content .content-form .wrap,
main#account .account-content .content-form .wrap {
  margin-bottom: 1.66666667rem;
  font-weight: 500;
}
section#account .account-content .content-form .wrap:after,
main#account .account-content .content-form .wrap:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .wrap textarea,
main#account .account-content .content-form .wrap textarea {
  height: 10.58333333rem;
}
section#account .account-content .content-form .wrap .label,
main#account .account-content .content-form .wrap .label {
  line-height: 1.66666667rem;
  font-size: 0.9375rem;
  letter-spacing: .11em;
  font-weight: 500;
  margin-bottom: 0.83333333rem;
  display: block;
}
section#account .account-content .content-form .wrap .radiowrap label,
main#account .account-content .content-form .wrap .radiowrap label,
section#account .account-content .content-form .wrap .checkwrap label,
main#account .account-content .content-form .wrap .checkwrap label {
  padding-left: 2.08333333rem;
  font-size: 0.9375rem;
  letter-spacing: .11em;
}
section#account .account-content .content-form .wrap .radiowrap.full,
main#account .account-content .content-form .wrap .radiowrap.full,
section#account .account-content .content-form .wrap .checkwrap.full,
main#account .account-content .content-form .wrap .checkwrap.full {
  margin: 1.66666667rem 0rem 1.66666667rem 0rem;
}
section#account .account-content .content-form .wrap .radiowrap.narrow label,
main#account .account-content .content-form .wrap .radiowrap.narrow label,
section#account .account-content .content-form .wrap .checkwrap.narrow label,
main#account .account-content .content-form .wrap .checkwrap.narrow label {
  letter-spacing: 0;
}
section#account .account-content .content-form hr,
main#account .account-content .content-form hr {
  border-bottom: 1px dotted #e4e4e4;
  clear: both;
  margin-bottom: 1.66666667rem;
}*/
section#account .account-content .content-list .list-row,
main#account .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

    section#account .account-content .content-list .list-row:after,
    main#account .account-content .content-list .list-row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#account .account-content .content-list .list-row .list-column,
    main#account .account-content .content-list .list-row .list-column {
        float: left;
        padding: 1.83333333rem 0rem 1.83333333rem 0rem;
        box-sizing: border-box;
    }

        section#account .account-content .content-list .list-row .list-column.right,
        main#account .account-content .content-list .list-row .list-column.right {
            text-align: right;
        }

        section#account .account-content .content-list .list-row .list-column.widetext,
        main#account .account-content .content-list .list-row .list-column.widetext {
            letter-spacing: .11em;
        }

    section#account .account-content .content-list .list-row.head,
    main#account .account-content .content-list .list-row.head {
        line-height: 4.5rem;
        border-bottom: 2px solid #b6b6b6;
        letter-spacing: .11em;
    }

        section#account .account-content .content-list .list-row.head .list-column,
        main#account .account-content .content-list .list-row.head .list-column {
            padding: 0;
        }

section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
    width: 17.824%;
}

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title {
        letter-spacing: .11em;
        font-weight: inherit;
    }

section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
    font-size: 1.1rem;
    width: calc(68.403% - 10rem);
}

section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
    width: 10rem;
}

section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: right;
    width: 3.33333333rem;
}

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete {
        position: absolute;
        line-height: 1.33333333rem;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete .icon {
            font-size: 1.26666667rem;
            color: #b6b6b6;
            vertical-align: top;
            display: inline-block;
            margin-top: -0.08333333rem;
        }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:hover .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:hover .icon,
        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:active .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:active .icon,
        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:focus .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:focus .icon {
            color: #333;
        }

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
    width: 43.983%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code {
    width: 16.435%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start {
    width: 16.087%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end {
    width: 15.046%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
    width: 8.449%;
}

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status .status,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status .status {
        font-weight: 700;
        color: #2a9dcc;
    }

section#account .account-content .content-list.messages .list-row .list-column.message-subject,
main#account .account-content .content-list.messages .list-row .list-column.message-subject {
    width: 47.571%;
    padding-right: 1.66666667rem;
}

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .title,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .title {
        font-weight: 700;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .subtitle,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .subtitle {
        margin: 0.41666667rem 0rem 0.41666667rem 0rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .message,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .message {
        font-size: 1.1rem;
    }

section#account .account-content .content-list.messages .list-row .list-column.message-code,
main#account .account-content .content-list.messages .list-row .list-column.message-code {
    width: 21.759%;
}

section#account .account-content .content-list.messages .list-row .list-column.message-date,
main#account .account-content .content-list.messages .list-row .list-column.message-date {
    width: 13.825%;
}

section#account .account-content .content-list.messages .list-row .list-column.message-status,
main#account .account-content .content-list.messages .list-row .list-column.message-status {
    width: 16.845%;
}

    section#account .account-content .content-list.messages .list-row .list-column.message-status .status,
    main#account .account-content .content-list.messages .list-row .list-column.message-status .status {
        font-weight: 700;
        color: #2a9dcc;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-title,
main#account .account-content .content-list.orders .list-row .list-column.order-title {
    width: 13.104%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-id,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-id {
        font-weight: 700;
        margin-top: 1.875rem;
    }


    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:before,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:before {
        content: '(';
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:after,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:after {
        content: ')';
    }

section#account .account-content .content-list.orders .list-row .list-column.order-date,
main#account .account-content .content-list.orders .list-row .list-column.order-date {
    width: 13.643%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-date .date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date .date {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-name,
main#account .account-content .content-list.orders .list-row .list-column.order-name {
    width: 11.643%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-name .name,
    main#account .account-content .content-list.orders .list-row .list-column.order-name .name {
        margin-top: 1.875rem;
        margin-right: .9rem;
        /*margin-left: .9rem;*/
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-status,
main#account .account-content .content-list.orders .list-row .list-column.order-status {
    width: 11.865%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-status .status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status .status {
        margin-top: 1.875rem;
        display: block;
        font-weight: 600;
        margin-bottom: -0.41666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery,
    main#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery {
        font-size: 0.975rem;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-total,
main#account .account-content .content-list.orders .list-row .list-column.order-total {
    width: 10.120%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-total .total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-message,
main#account .account-content .content-list.orders .list-row .list-column.order-message {
    width: 15.268%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose,
    main#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
    width: 41.666%;
    position: relative;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product .product-image,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product .product-image {
        float: left;
        width: 5.5rem;
        border: 1px solid #e4e4e4;
        margin-right: 1.5rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product .description,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product .description {
        position: absolute;
        left: 7rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
    width: 15.740%;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
    }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price.old,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price.old {
            text-decoration: line-through;
        }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
    width: 17.708%;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
    width: calc(24.886% - 2.0833333333333335rem);
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
        margin-top: 3.08333333rem;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete {
    width: 2.08333333rem;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
        font-size: 1.51666667rem;
    }

section#account .account-content.message,
main#account .account-content.message {
    /*margin-top: 7.58333333rem;*/
    font-weight: 500;
    border-bottom: 1px solid #e4e4e4;
    font-size: 1.0375rem;
}

    section#account .account-content.message .message-title,
    main#account .account-content.message .message-title {
        padding: 1.66666667rem 2.5rem 1.66666667rem 2.5rem;
        line-height: 1.83333333rem;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        letter-spacing: .11em;
        font-size: inherit;
        font-weight: inherit;
    }

    section#account .account-content.message .message-stats,
    main#account .account-content.message .message-stats {
        padding: 1.41666667rem 2.5rem 1.41666667rem 2.5rem;
    }

        section#account .account-content.message .message-stats .stat,
        main#account .account-content.message .message-stats .stat {
            line-height: 2.5rem;
            letter-spacing: .11em;
        }

            section#account .account-content.message .message-stats .stat:after,
            main#account .account-content.message .message-stats .stat:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.message .message-stats .stat label,
            main#account .account-content.message .message-stats .stat label {
                width: 5.66666667rem;
                float: left;
            }

    section#account .account-content.message .message-list,
    main#account .account-content.message .message-list {
        margin: 0rem 2.5rem 0rem 2.5rem;
        border-top: 1px dotted #e4e4e4;
        padding: 2.33333333rem 0rem 2.33333333rem 0rem;
    }

        section#account .account-content.message .message-list .message,
        main#account .account-content.message .message-list .message {
            margin-bottom: 2.5rem;
        }

            section#account .account-content.message .message-list .message:after,
            main#account .account-content.message .message-list .message:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.message .message-list .message .message-badge,
            main#account .account-content.message .message-list .message .message-badge {
                float: left;
                letter-spacing: .11em;
                width: 10.41666667rem;
            }

                section#account .account-content.message .message-list .message .message-badge .badge-from,
                main#account .account-content.message .message-list .message .message-badge .badge-from {
                    font-weight: 700;
                    font-size: inherit;
                    margin-bottom: 1.5rem;
                }

            section#account .account-content.message .message-list .message .message-body,
            main#account .account-content.message .message-list .message .message-body {
                width: calc(100% - 10.416666666666666rem - 2px);
                box-sizing: border-box;
                float: left;
                padding: 2.5rem 2.5rem 2.5rem 2.5rem;
                font-size: 1.1rem;
                line-height: 1.875rem;
                border: 1px dashed #e4e4e4;
            }

    section#account .account-content.message .message-reply,
    main#account .account-content.message .message-reply {
        padding: 0rem 2.5rem 2.5rem 2.5rem;
    }

        section#account .account-content.message .message-reply:after,
        main#account .account-content.message .message-reply:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#account .account-content.message .message-reply .reply-info,
        main#account .account-content.message .message-reply .reply-info {
            float: left;
            letter-spacing: .11em;
            width: 8.91666667rem;
        }

            section#account .account-content.message .message-reply .reply-info .info-title,
            main#account .account-content.message .message-reply .reply-info .info-title {
                font-size: inherit;
            }

        section#account .account-content.message .message-reply .reply-message,
        main#account .account-content.message .message-reply .reply-message {
            width: calc(100% - 8.916666666666666rem);
            box-sizing: border-box;
            margin-bottom: 2.5rem;
            float: left;
        }

            section#account .account-content.message .message-reply .reply-message textarea,
            main#account .account-content.message .message-reply .reply-message textarea {
                padding: 2.5rem 2.5rem 2.5rem 2.5rem;
            }

        section#account .account-content.message .message-reply .reply-send,
        main#account .account-content.message .message-reply .reply-send {
            float: right;
            clear: both;
            width: calc(100% - 8.916666666666666rem);
            box-sizing: border-box;
        }

            section#account .account-content.message .message-reply .reply-send .btn,
            main#account .account-content.message .message-reply .reply-send .btn {
                margin-right: 2.08333333rem;
            }

section#account .account-content.orderinfo,
main#account .account-content.orderinfo {
    font-size: 1.0375rem;
    line-height: 1.875rem;
    border-bottom: 1px solid #e4e4e4;
}

    section#account .account-content.orderinfo .orderinfo-title,
    main#account .account-content.orderinfo .orderinfo-title {
        border-top: 1px solid #e4e4e4;
        padding: 1.66666667rem 0rem 1.66666667rem 0rem;
        text-align: center;
        line-height: 1.83333333rem;
        font-weight: 700;
        font-size: inherit;
        letter-spacing: .11em;
        clear: both;
    }

    section#account .account-content.orderinfo .orderinfo-details,
    main#account .account-content.orderinfo .orderinfo-details {
        width: 53rem;
        max-width: 100%;
        margin: 0 auto;
    }

        section#account .account-content.orderinfo .orderinfo-details .row,
        main#account .account-content.orderinfo .orderinfo-details .row {
            border-top: 1px dotted #e4e4e4;
            padding: 1.25rem 0rem 1.25rem 0rem;
        }

            section#account .account-content.orderinfo .orderinfo-details .row:after,
            main#account .account-content.orderinfo .orderinfo-details .row:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.orderinfo .orderinfo-details .row .column,
            main#account .account-content.orderinfo .orderinfo-details .row .column {
                font-weight: 700;
                letter-spacing: .11em;
            }

                section#account .account-content.orderinfo .orderinfo-details .row .column.left,
                main#account .account-content.orderinfo .orderinfo-details .row .column.left {
                    float: left;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.right,
                main#account .account-content.orderinfo .orderinfo-details .row .column.right {
                    float: right;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.center,
                main#account .account-content.orderinfo .orderinfo-details .row .column.center {
                    text-align: center;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.full,
                main#account .account-content.orderinfo .orderinfo-details .row .column.full {
                    clear: both;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.small,
                main#account .account-content.orderinfo .orderinfo-details .row .column.small {
                    width: 33.069%;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.big,
                main#account .account-content.orderinfo .orderinfo-details .row .column.big {
                    width: 66.931%;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.lalign,
                main#account .account-content.orderinfo .orderinfo-details .row .column.lalign {
                    text-align: left;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.ralign,
                main#account .account-content.orderinfo .orderinfo-details .row .column.ralign {
                    text-align: right;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.product,
                main#account .account-content.orderinfo .orderinfo-details .row .column.product {
                    position: relative;
                }

                    section#account .account-content.orderinfo .orderinfo-details .row .column.product .product-image,
                    main#account .account-content.orderinfo .orderinfo-details .row .column.product .product-image {
                        float: left;
                        width: 5.5rem;
                        border: 1px solid #e4e4e4;
                        margin-right: 1.5rem;
                    }

                    section#account .account-content.orderinfo .orderinfo-details .row .column.product .description,
                    main#account .account-content.orderinfo .orderinfo-details .row .column.product .description {
                        position: absolute;
                        left: 7rem;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        margin: 0;
                    }

                section#account .account-content.orderinfo .orderinfo-details .row .column .title,
                main#account .account-content.orderinfo .orderinfo-details .row .column .title {
                    font-weight: 700;
                    font-size: inherit;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column .regular,
                main#account .account-content.orderinfo .orderinfo-details .row .column .regular {
                    font-weight: 500;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column .narrow,
                main#account .account-content.orderinfo .orderinfo-details .row .column .narrow {
                    letter-spacing: 0;
                }

            section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus,
            main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus {
                background-color: #e4e4e4;
                padding: 2rem 2rem 2rem 2rem;
                line-height: 3.33333333rem;
            }

                section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status,
                main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status {
                    font-size: 1.35rem;
                    position: relative;
                    padding-left: 5.83333333rem;
                    font-weight: 600;
                }

                    section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon,
                    main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon {
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: 0;
                        font-size: 5.51666667rem;
                        display: inline-block;
                    }

            section#account .account-content.orderinfo .orderinfo-details .row .clickshow .icon,
            main#account .account-content.orderinfo .orderinfo-details .row .clickshow .icon {
                display: inline-block;
            }

            section#account .account-content.orderinfo .orderinfo-details .row .clickshow.expanded .icon,
            main#account .account-content.orderinfo .orderinfo-details .row .clickshow.expanded .icon {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            section#account .account-content.orderinfo .orderinfo-details .row .contract-container,
            main#account .account-content.orderinfo .orderinfo-details .row .contract-container {
                clear: both;
            }

                section#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-title,
                main#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-title {
                    font-weight: inherit;
                    font-size: inherit;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-text,
                main#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-text {
                    padding: 1.75rem 1.75rem 1.75rem 1.75rem;
                    border: 1px dashed #e4e4e4;
                }

section#login,
main#login {
    background-color: #333;
    color: #FFF;
    position: relative;
}

    section#login:after,
    main#login:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#login .login-left,
    main#login .login-left {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 50%;
        background-color: white !important;
        overflow: hidden;
        margin-top: 2%;
    }

    section#login .login-right,
    main#login .login-right {
        float: right;
        width: 50%;
        box-sizing: border-box;
        min-height: calc(100vh - 86px);
        position: relative;
    }

        section#login .login-right .login-content,
        main#login .login-right .login-content {
            max-width: 65%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5rem;
            margin-bottom: 2.5rem;
        }

            section#login .login-right .login-content .login-nav,
            main#login .login-right .login-content .login-nav {
                text-align: center;
                margin-bottom: 2.5rem;
            }

                section#login .login-right .login-content .login-nav .nav-button,
                main#login .login-right .login-content .login-nav .nav-button {
                    font-size: 0.975rem;
                    letter-spacing: .11em;
                    font-weight: 500;
                    margin-right: 1.25rem;
                    margin-left: 1.25rem;
                    line-height: 3.33333333rem;
                    opacity: .8;
                    position: relative;
                    display: inline-block;
                    -webkit-transition: opacity 200ms ease;
                    transition: opacity 200ms ease;
                }

                    section#login .login-right .login-content .login-nav .nav-button:before,
                    main#login .login-right .login-content .login-nav .nav-button:before {
                        position: absolute;
                        display: block;
                        top: 0;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                        width: 0;
                        height: 2px;
                        content: ' ';
                        overflow: hidden;
                        background-color: #FFF;
                        -webkit-transition: width 200ms ease;
                        transition: width 200ms ease;
                    }

                    section#login .login-right .login-content .login-nav .nav-button.expanded,
                    main#login .login-right .login-content .login-nav .nav-button.expanded,
                    section#login .login-right .login-content .login-nav .nav-button:hover,
                    main#login .login-right .login-content .login-nav .nav-button:hover {
                        opacity: 1;
                    }

                        section#login .login-right .login-content .login-nav .nav-button.expanded:before,
                        main#login .login-right .login-content .login-nav .nav-button.expanded:before,
                        section#login .login-right .login-content .login-nav .nav-button:hover:before,
                        main#login .login-right .login-content .login-nav .nav-button:hover:before {
                            width: 50%;
                        }

            section#login .login-right .login-content .loginform,
            main#login .login-right .login-content .loginform {
                text-align: center;
                min-height: 61.66666667rem;
                font-size: 1.225rem;
                letter-spacing: .03em;
                font-weight: 400;
                box-sizing: border-box;
            }

                section#login .login-right .login-content .loginform.form-login,
                main#login .login-right .login-content .loginform.form-login {
                    padding-top: 12%;
                }

                section#login .login-right .login-content .loginform .inputwrap,
                main#login .login-right .login-content .loginform .inputwrap {
                    text-align: left;
                    margin-bottom: 1rem;
                }

                    section#login .login-right .login-content .loginform .inputwrap label,
                    main#login .login-right .login-content .loginform .inputwrap label {
                        display: block;
                        line-height: 1.33333333rem;
                        margin-bottom: 1rem;
                    }

                section#login .login-right .login-content .loginform .login-opts,
                main#login .login-right .login-content .loginform .login-opts {
                    clear: both;
                    margin-top: 1.66666667rem;
                    margin-bottom: 1.66666667rem;
                }

                    section#login .login-right .login-content .loginform .login-opts:after,
                    main#login .login-right .login-content .loginform .login-opts:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#login .login-right .login-content .loginform .login-opts .passwordrecovery,
                    main#login .login-right .login-content .loginform .login-opts .passwordrecovery {
                        float: right;
                    }

                    section#login .login-right .login-content .loginform .login-opts .checkwrap,
                    main#login .login-right .login-content .loginform .login-opts .checkwrap {
                        text-align: left;
                        margin-bottom: 0.83333333rem;
                        margin-right: 0;
                    }

                section#login .login-right .login-content .loginform .seperator,
                main#login .login-right .login-content .loginform .seperator {
                    margin: 3.33333333rem 0rem 3.33333333rem 0rem;
                    font-weight: 600;
                }

                    section#login .login-right .login-content .loginform .seperator span,
                    main#login .login-right .login-content .loginform .seperator span {
                        display: inline-block;
                        margin-left: auto;
                        margin-right: auto;
                        padding: 0rem 1.66666667rem 0rem 1.66666667rem;
                        position: relative;
                    }

                        section#login .login-right .login-content .loginform .seperator span:before,
                        main#login .login-right .login-content .loginform .seperator span:before,
                        section#login .login-right .login-content .loginform .seperator span:after,
                        main#login .login-right .login-content .loginform .seperator span:after {
                            position: absolute;
                            width: 4.75rem;
                            top: 50%;
                            content: ' ';
                            border-top: 1px solid #FFF;
                            right: 100%;
                            overflow: hidden;
                        }

                        section#login .login-right .login-content .loginform .seperator span:after,
                        main#login .login-right .login-content .loginform .seperator span:after {
                            left: 100%;
                            right: auto;
                        }

                section#login .login-right .login-content .loginform .facebookbtn,
                main#login .login-right .login-content .loginform .facebookbtn {
                    display: inline-block;
                    background-color: #3b5998;
                    font-weight: 500;
                    color: #FFF;
                    letter-spacing: .074em;
                    font-size: 1.1rem;
                    padding: 0.58333333rem 2.66666667rem 0.58333333rem 1.08333333rem;
                    line-height: 2.5rem;
                    -webkit-transition: background-color 200ms ease 0ms;
                    transition: background-color 200ms ease 0ms;
                }

                    section#login .login-right .login-content .loginform .facebookbtn:before,
                    main#login .login-right .login-content .loginform .facebookbtn:before {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e91d';
                    }

                    section#login .login-right .login-content .loginform .facebookbtn:after,
                    main#login .login-right .login-content .loginform .facebookbtn:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#login .login-right .login-content .loginform .facebookbtn:before,
                    main#login .login-right .login-content .loginform .facebookbtn:before {
                        display: inline-block;
                        float: left;
                        margin-right: 1.91666667rem;
                        font-size: 2.35rem;
                    }

                    section#login .login-right .login-content .loginform .facebookbtn:hover,
                    main#login .login-right .login-content .loginform .facebookbtn:hover,
                    section#login .login-right .login-content .loginform .facebookbtn:focus,
                    main#login .login-right .login-content .loginform .facebookbtn:focus,
                    section#login .login-right .login-content .loginform .facebookbtn:active,
                    main#login .login-right .login-content .loginform .facebookbtn:active {
                        background-color: #4264aa;
                    }
/*== Back to Top ==*/
#btn-backtotop {
    position: fixed;
    z-index: 20;
    bottom: 1.25rem;
    right: 1.25rem;
    padding: 0rem 0.83333333rem 0rem 0.83333333rem;
    line-height: 3.5rem;
    -webkit-transform: translateY(calc(100% + 30px));
    -ms-transform: translateY(calc(100% + 30px));
    transform: translateY(calc(100% + 30px));
    -webkit-transition: transform 300ms ease, background-color 200ms ease;
    transition: transform 300ms ease, background-color 200ms ease;
    font-weight: 500;
    border-color: #e4e4e4;
    background-color: #FFF;
    border-radius: 25px;
}

    #btn-backtotop .iconholder {
        display: inline-block;
        vertical-align: middle;
        width: calc(2.4rem);
        height: calc(2.4rem);
        text-align: center;
        line-height: 2.11666667rem;
        border-radius: 50%;
        border: 2px solid #333;
        font-size: 1.76666667rem;
        /*margin-right: 0.83333333rem;*/ 
        color: #333;
    }

    /*#btn-backtotop .iconholder i {
            padding-left: 2px;
        }*/

    #btn-backtotop:hover {
        /*background-color: #333;*/
        color: #333;
        border: 3px solid #333;
    }

        #btn-backtotop:hover .iconholder {
            color: #333;
            border: 2px solid #333;
        }

    #btn-backtotop.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
/*== Side Basket ==*/
#sidebasket-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150;
    display: none;
}

    #sidebasket-container #sidebasket-overlay {
        position: absolute;
        background-color: #333;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: opacity 200ms ease 0ms;
        transition: opacity 200ms ease 0ms;
    }

    #sidebasket-container #sidebasket-content {
        z-index: 10;
        background-color: #FFF;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 31.25rem;
        max-width: 100%;
        padding-bottom: 10.41666667rem;
        padding-top: 7.5rem;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 250ms ease 100ms;
        transition: transform 250ms ease 100ms;
    }

        #sidebasket-container #sidebasket-content #sidebasket-head {
            line-height: 3.33333333rem;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 2rem 2.91666667rem 2rem 2.91666667rem;
            box-sizing: border-box;
            border-bottom: 1px solid #e4e4e4;
        }

            #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-title {
                font-size: 1.475rem;
                line-height: 3.33333333rem;
                font-weight: 600;
                letter-spacing: .035em;
            }

            #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-close {
                float: right;
                width: 3.33333333rem;
                height: 3.33333333rem;
                display: inline-block;
                font-size: 2.26666667rem;
                -webkit-transition: background-color 200ms ease;
                transition: background-color 200ms ease;
            }

                #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-close:hover {
                    background-color: #333;
                    color: #FFF;
                }

        #sidebasket-container #sidebasket-content #sidebasket-list {
            overflow: auto;
            max-height: 100%;
        }

            #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product {
                padding: 2.5rem 0rem 2.5rem 6.91666667rem;
                margin: 0rem 2.91666667rem 0rem 2.91666667rem;
                position: relative;
                border-bottom: 1px solid #e4e4e4;
            }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-image {
                    width: 4.83333333rem;
                    position: absolute;
                    top: 2.5rem;
                    left: 0;
                    float: left;
                    border: 1px solid #e4e4e4;
                }

                    #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-image img {
                        width: 100%;
                    }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .description {
                    margin: 0;
                }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-quantity {
                    margin-top: 0.41666667rem;
                }

        #sidebasket-container #sidebasket-content #sidebasket-bottom {
            position: absolute;
            bottom: 0;
            background-color: #FFF;
            z-index: 20;
            padding: 2.5rem 0rem 2.5rem 0rem;
            left: 2.91666667rem;
            right: 2.91666667rem;
        }

            #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar {
                margin-bottom: 2.08333333rem;
            }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar #sidebasket-totaltitle {
                    float: left;
                    font-weight: 500;
                    font-size: 1.35rem;
                    letter-spacing: .005em;
                }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar #sidebasket-total {
                    float: right;
                    letter-spacing: .11em;
                    font-size: 1.35rem;
                    font-weight: 700;
                }

            #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-nav .sidebasket-button {
                width: calc(100%);
            }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-nav .sidebasket-button:first-child {
                    margin-right: 14px;
                }

    #sidebasket-container.active {
        display: block;
    }

        #sidebasket-container.active.show #sidebasket-overlay {
            opacity: .85;
        }

        #sidebasket-container.active.show #sidebasket-content {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
/*== Special Modals ==*/
.modal.account-returnorder .modal-element .modal-content .returnorder-steps {
    margin: -2.5rem -2.5rem 0.41666667rem -2.5rem;
    background-color: #e4e4e4;
    text-align: center;
    padding: 2.08333333rem 1.25rem 2.08333333rem 1.25rem;
    line-height: 1.66666667rem;
    font-size: 1.225rem;
    font-weight: 500;
    counter-reset: returnorder_step;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step {
        margin: 0rem 1.66666667rem 0rem 1.66666667rem;
        counter-increment: returnorder_step;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:first-of-type {
            margin-left: 0;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:last-of-type {
            margin-right: 0;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:before {
            display: inline-block;
            box-sizing: border-box;
            font-size: 0.975rem;
            font-weight: 600;
            content: counter(returnorder_step);
            width: 1.66666667rem;
            height: 1.66666667rem;
            padding-right: 0.08333333rem;
            line-height: 1.33333333rem;
            border: 2px solid #333;
            border-radius: 50%;
            text-align: center;
            margin-right: 0.83333333rem;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.active:before,
        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            background-color: #333;
            color: #FFF;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e912';
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.fail:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e903';
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            line-height: 1.41666667rem;
            padding-right: 0;
            padding-left: 0.08333333rem;
        }

    .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete {
        text-align: left;
        margin: 0rem 0rem 1.91666667rem 0rem;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete .step.done {
            letter-spacing: .11em;
            font-size: 1.05833333rem;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete .step.done:before {
                background-color: transparent;
                color: #333;
            }

.modal.account-returnorder .modal-element .modal-content .returnorder-list .row {
    border-bottom: 1px dotted #e4e4e4;
    padding-bottom: 2.16666667rem;
    margin-bottom: 2.16666667rem;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row.plain {
        border-bottom: none;
        padding-bottom: 0.83333333rem;
        margin-bottom: 0.83333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column {
        float: left;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo,
        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
            width: 55.454%;
            margin-right: 0;
            position: relative;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo:after,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .product,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .product {
                float: left;
                width: 100%;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .product-image,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .product-image {
                width: 5.33333333rem;
                margin-right: 1.33333333rem;
                float: left;
                border: 1px solid #e4e4e4;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .description,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .description {
                margin: 0;
                position: absolute;
                top: 50%;
                left: 8.75rem;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
            width: 38.496%;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .description {
                left: 6.66666667rem;
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
            width: 26.309%;
            box-sizing: border-box;
            padding-right: 8.883%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
            width: 35.195%;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes textarea {
                height: 6.66666667rem;
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.options {
            padding-top: 0.83333333rem;
            width: 44.546%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
            width: 35.494%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
            width: 64.506%;
        }

.modal.account-returnorder .modal-element .modal-content .returnorder-list.final {
    border-top: 1px solid #e4e4e4;
    padding-top: 1.41666667rem;
}

.modal.account-returnorder .modal-element .modal-content .returnorder-list.finishinfo {
    margin-bottom: 0;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-list.finishinfo .row:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

.modal.account-returnorder .modal-element .modal-content .returnorder-finishinfo:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.modal.account-returnorder .modal-element .modal-content .returnorder-finishinfo .col {
    float: left;
    border-bottom: 1px dotted #e4e4e4;
    padding: 0rem 0rem 1rem 0rem;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-finishinfo .col .label {
        margin-bottom: 0;
    }

.modal.account-returnorder .modal-element .modal-content .btn.right {
    margin-left: 0.83333333rem;
}

.modal.checkout-storedelivery .modal-content {
    padding: 0;
}

.modal.checkout-storedelivery .storedelivery-left {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 46.617%;
    overflow: auto;
}

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-contentwrap {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-title {
        font-size: 1.0375rem;
        letter-spacing: .11em;
        margin-bottom: 0.83333333rem;
        font-weight: 700;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-text {
        font-size: 1.1rem;
        line-height: 1.875rem;
        font-weight: 500;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-cityselection {
        width: 100%;
        margin: 1.66666667rem 0rem 1.66666667rem 0rem;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer {
        height: 27.08333333rem;
        padding-top: 0.83333333rem;
        padding-right: 0;
        padding-bottom: 0;
        border-top: 1px solid #e4e4e4;
        margin-bottom: 1.66666667rem;
    }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result {
            padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            border-bottom: 1px solid #e4e4e4;
        }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result .result-title {
                font-size: 1.0375rem;
                letter-spacing: .11em;
                margin-bottom: 0.66666667rem;
            }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result .result-detail {
                font-size: 1.0375rem;
                letter-spacing: .03em;
                font-weight: 500;
                line-height: 1.875rem;
            }

.modal.checkout-storedelivery .storedelivery-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 53.383%;
    background-color: #5a5a5a;
}

.modal.checkout-address h3 {
    margin-bottom: 30px;
}

.modal.checkout-address .modal-element {
    padding-bottom: 53.33333333rem;
}

.modal.new-message h3 {
    margin-bottom: 30px;
}

.modal.new-message .modal-element {
    padding-bottom: 30rem;
}

.modal.new-message .input-group select {
    border-radius: 0;
}

.modal.select-address .modal-element {
    padding-bottom: 30rem;
}

.modal.select-address .radiowrap.square {
    width: 100%;
    margin: 2rem 0;
}

.modal.quicklook-loading .modal-element {
    width: 8.33333333rem;
    height: 8.33333333rem;
}

.modal.quicklook-product .modal-element {
    width: 100rem;
}

.modal.sizechart .modal-overlay {
    display: none;
}

.modal.sizechart .modal-element {
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, 0) scale(0.9);
    -ms-transform: translate(-50%, 0) scale(0.9);
    transform: translate(-50%, 0) scale(0.9);
}

.modal.sizechart.show .modal-element {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    border: none;
    max-width: none;
    bottom: 0;
    -webkit-transform: translate(-50%, 0) scale(1);
    -ms-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
    background-color: rgba(35, 35, 37, 0.99);
    color: #FFF;
}

    .modal.sizechart.show .modal-element .modal-close {
        background-color: transparent;
        border: none;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        right: 5rem;
        top: 3.75rem;
        width: auto;
        height: auto;
        font-size: 3.85rem;
    }

    .modal.sizechart.show .modal-element .modal-content {
        padding: 0;
    }

        .modal.sizechart.show .modal-element .modal-content .wrapper {
            padding: 0rem 10.16666667rem 3.33333333rem 10.16666667rem;
            box-sizing: border-box;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-head {
            text-align: center;
            padding: 3.33333333rem 0rem 2.91666667rem 0rem;
            line-height: 2rem;
            letter-spacing: 0.009em;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-head .sizechart-title {
                font-size: 1.35rem;
                font-weight: 600;
            }

            .modal.sizechart.show .modal-element .modal-content .sizechart-head .sizechart-description {
                font-size: 1.0375rem;
            }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table {
            font-size: 1.0375rem;
            margin-bottom: 2.5rem;
            letter-spacing: .11em;
            line-height: 2.33333333rem;
            font-weight: 600;
            border-top: 1px solid #FFF;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-table .row {
                border-bottom: 1px solid #e4e4e4;
                padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            }

                .modal.sizechart.show .modal-element .modal-content .sizechart-table .row:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
                    float: left;
                    width: 6.730818181818182%;
                }

                    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
                        width: 22.756%;
                    }

                    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col:last-child {
                        width: 3.205%;
                    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-body {
            float: right;
            width: 32.478%;
            margin-right: 11.004%;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-notes {
            float: left;
            margin-top: 5rem;
            width: 30.41666667rem;
            max-width: 50%;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-button {
                font-size: 1.1rem;
                letter-spacing: .009em;
                font-weight: 600;
                display: block;
                line-height: 3.33333333rem;
                border-bottom: 1px solid #e4e4e4;
            }

                .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-button .accordion-indicator {
                    float: right;
                    margin-right: 0.83333333rem;
                    margin-left: 0.83333333rem;
                }

                    .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-button .accordion-indicator:before {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e90e';
                    }

            .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-content {
                line-height: 1.875rem;
                font-size: 1.1rem;
                color: #e4e4e4;
                border-bottom: 1px solid #e4e4e4;
                padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            }

            .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90f';
            }

.stores {
    padding: 1.66666667rem 1.66666667rem 4.16666667rem 1.66666667rem;
}

    .stores .stores-left {
        box-sizing: border-box;
        width: 46.617%;
        overflow: auto;
    }

        .stores .stores-left .stores-contentwrap {
            padding: 2.5rem 2.5rem 2.5rem 2.5rem;
            max-height: 600px;
            overflow-y: scroll;
        }

        .stores .stores-left .stores-title {
            font-size: 1.0375rem;
            letter-spacing: .11em;
            margin-bottom: 0.83333333rem;
            font-weight: 700;
        }

        .stores .stores-left .stores-text {
            font-size: 1.1rem;
            line-height: 1.875rem;
            font-weight: 500;
        }

        .stores .stores-left .stores-cityselection {
            width: 100%;
            margin: 1.66666667rem 0rem 1.66666667rem 0rem;
        }

        .stores .stores-left .stores-listcontainer {
            height: 27.08333333rem;
            padding-top: 0.83333333rem;
            padding-right: 0;
            padding-bottom: 0;
            border-top: 1px solid #e4e4e4;
            margin-bottom: 1.66666667rem;
        }

            .stores .stores-left .stores-listcontainer .stores-list .result {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                border-bottom: 1px solid #e4e4e4;
            }

                .stores .stores-left .stores-listcontainer .stores-list .result:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                .stores .stores-left .stores-listcontainer .stores-list .result .result-title {
                    font-size: 1.0375rem;
                    letter-spacing: .11em;
                    margin-bottom: 0.66666667rem;
                }

                .stores .stores-left .stores-listcontainer .stores-list .result .result-detail {
                    font-size: 1.0375rem;
                    letter-spacing: .03em;
                    font-weight: 500;
                    line-height: 1.875rem;
                }

    .stores .stores-map {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 53.383%;
        background-color: #5a5a5a;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.w33 {
    width: 33.333%;
}

.w50 {
    width: 50%;
}

.pull-left {
    float: left;
}

hr.clearfix {
    clear: both;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 15px 30px;
    position: relative;
    top: 15px;
}

.input-group {
    margin-bottom: 15px;
}

    .input-group label {
        display: block;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .input-group label span {
            text-transform: lowercase;
        }

    .input-group input,
    .input-group select,
    .input-group textarea {
        width: 100%;
        display: block;
    }

.address-form {
    margin-right: -15px;
    margin-left: -15px;
}

    .address-form .w50,
    .address-form .w33 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .address-form label {
        line-height: 1.91666667rem;
    }

    .address-form textarea {
        max-width: 100%;
        min-height: 10.25rem;
    }

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 11000;
}

    .preloader .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        margin-top: -4px;
    }

    .preloader .circle {
        margin: 40px auto;
        position: relative;
        width: 8px;
        height: 8px;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: -14px 0px 0px #ffffff;
        border-radius: 50%;
        -webkit-animation: typing 1s linear infinite alternate;
        -moz-animation: Typing 1s linear infinite alternate;
        animation: typing 1s linear infinite alternate;
    }

@-webkit-keyframes circle_classic {
    0% {
        opacity: 0.1;
        -webkit-transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1.2);
    }
}

.preloader .typing_loader {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    margin: 46px auto; /* Not necessary- its only for layouting*/
    position: relative;
    left: -12px;
}

@-webkit-keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@-moz-keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@-moz-keyframes circle_classic {
    0% {
        opacity: 0.1;
        -moz-transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        -moz-transform: rotate(360deg) scale(1.2);
    }
}

.alert {
    padding: 0.4rem;
}

    .alert.red {
        color: #cc5858;
    }

.page-not-found {
    background-image: url(/assets/images/dummy/404.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 70vh;
    position: relative;
    display: table;
}

    .page-not-found .wrapper {
        text-align: center;
        color: #FFF;
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
    }

        .page-not-found .wrapper h1,
        .page-not-found .wrapper h2 {
            font-size: 7.1rem;
            font-weight: 400;
        }

        .page-not-found .wrapper h2 {
            font-size: 1.5rem;
            line-height: 2rem;
            margin-bottom: 1.66666667rem;
        }

@keyframes circle_classic {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1.2);
    }
}

.contact:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.contact .left-side {
    width: 30%;
    float: left;
}

.contact .right-side {
    width: 70%;
    float: right;
}

.contact .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .contact .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

.corporate:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.corporate .left-side {
    width: 50%;
    float: left;
}

.corporate .right-side {
    width: 50%;
    float: right;
}

.corporate .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .corporate .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

.dealership:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.dealership .left-side {
    width: 50%;
    float: left;
}

.dealership .right-side {
    width: 50%;
    float: right;
}

.dealership .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .dealership .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

.specialOrder:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.specialOrder .left-side {
    width: 50%;
    float: left;
}

.specialOrder .right-side {
    width: 50%;
    float: right;
}

.specialOrder .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .specialOrder .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

.btn.non-stock {
    width: 21rem !important;
}

.col-d-20, .col-t-20, .col-m-20 {
    width: 20% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-d-25, .col-t-25, .col-m-25 {
    width: 25% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-d-33, .col-t-33, .col-m-33 {
    width: 33.333% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.col-d-30 {
    width: 35% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

col-d-40, .col-t-40, .col-m-40 {
    width: auto;
    max-width: 40%;
    float: left !important;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.col-d-50, .col-t-50, .col-m-50 {
    width: 50% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-d-75, .col-t-75, .col-m-75 {
    width: 75% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-d-70, .col-t-70, .col-m-70 {
    width: 70% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.col-d-60, .col-t-60, .col-m-60 {
    width: 60% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.col-d-80, .col-t-80, .col-m-80 {
    width: 80% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.col-d-100, .col-t-100, .col-m-100 {
    width: 100% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.main-grid:after {
    content: "";
    display: table;
    clear: both;
}

.main-grid img {
    background-size: cover;
    height: auto;
}

.border-top-1 {
    border-top: 2px solid #ccc;
}

.border-bottom-1 {
    border-bottom: 2px solid #ccc;
}

.social {
    padding: 1% 10px 1% 10px;
    display: inline-block;
    width: 100%;
}

.social-main {
}

.social-left {
    margin-top: 5px;
    display: inline-block;
    float: left;
}

.social-right {
    margin-top: 5px;
    float: right;
    display: inline-block;
}

.social-picture {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 2%;
    display: inline-block;
}

    .social-picture img {
        float: right;
    }

    header .header-logo img {
        margin-left: 10%;
    }

.lightSlider li div.title {
    position: relative;
    top: 200px;
    color: #333;
    left: 50px;
    text-align: left;
    font-size: 3rem;
    font-weight: bold;
}

#product-sizeSelectBoxIt {
    height: 55px;
    text-align: center;
    box-shadow: 1px 1px 3px gray;
}

#product-sizeSelectBoxItText {
    line-height: 50px;
}

#product-sizeSelectBoxItContainer {
    width: 100%;
    float: left;
}

/*#product-sizeSelectBoxItOptions {
    max-width: 251px;
}*/

.captchaWrap {
    margin-bottom: 0 !important;
}

.captchaContainer a {
    border-bottom: 1px solid #888;
    color: #888;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.3em;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .captchaContainer a:hover {
        color: #f22613;
        border-color: #f22613;
    }

#CaptchaInputText {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    color: #000;
    background-image: none;
    border: 1px solid #dcdcdc;
    margin-top: 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.captchaSection span.field-validation-error {
    color: #f22613;
}

/*.cart-product-image img {
    width: 3.8rem !important;
}*/
.stock-overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: bolder;
    opacity: 0.8;
    background-color: #ffffff;
    height: 100%;
}

    /*.stock-overlay .vref {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    overflow: hidden;
}*/

    .stock-overlay a {
        display: inline-block;
        padding: 60% 10px;
        vertical-align: middle;
        min-width: 95%;
        min-height: 100%;
    }

.tooltip-custom {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-custom .tooltip-text {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip-custom:hover .tooltip-text {
        visibility: visible;
    }

/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 18px;
    color: #FFF;
}

    .loginBtn:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 100%;
    }

    .loginBtn:focus {
        outline: none;
    }

    .loginBtn:active {
        box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
    }


/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}

    .loginBtn--facebook:before {
        border-right: #364e92 1px solid;
        background: url(/assets/images/icon_facebook.png) 6px 6px no-repeat;
    }

    .loginBtn--facebook:hover,
    .loginBtn--facebook:focus {
        background-color: #5B7BD5;
        background-image: linear-gradient(#5B7BD5, #4864B1);
    }


/* Google */
.loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
}

    .loginBtn--google:before {
        border-right: #BB3F30 1px solid;
        background: url(/assets/images/google-plus-icon.png) 6px 6px no-repeat;
    }

    .loginBtn--google:hover,
    .loginBtn--google:focus {
        background: #E74B37;
    }

#nav {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    height: 0;
    transform: translateY(-50%);
    z-index: 9;
    position: absolute;
    top: 0;
}

    #nav li {
        float: left;
        line-height: 1px;
        position: relative;
        margin: 0rem 1rem 0rem 1rem;
        letter-spacing: .11em;
        margin: 0rem;
    }

        #nav li:hover {
            background-color: red;
        }

            #nav li:hover .head-content {
                color: #fff;
            }

        #nav li.active {
            background-color: red;
        }

            #nav li.active a {
                color: #fff;
            }

    #nav a {
        display: inline-block;
        padding: 10px;
        display: inline-block;
        font-size: 15px;
        padding: 25px 16px;
        color: rgba(255,255,255,.8);
        text-transform: uppercase;
        font-weight: bold;
    }

        #nav a.menu {
            padding: 23px 16px;
        }

    #nav ul {
        position: absolute;
        /*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
        left: -9999px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #nav ul li {
            display: block;
        }

    #nav li:hover ul {
        left: 0;
    }

        #nav li:hover ul#sub-menu {
            display: block;
        }

    #nav ul#sub-menu {
        position: absolute;
        left: 0;
        right: 0;
        height: 400px;
        width: 1280px;
        background: #f7272f;
        box-sizing: border-box;
        padding: 30px 0;
        display: none;
    }

    /*#nav li.parent:hover a {
    background: #f7272f;
}*/

    #nav li:hover ul a {
        text-decoration: none;
        background: none;
    }

        #nav li:hover ul a:hover {
            text-decoration: underline;
        }

    #nav li ul#sub-menu li {
        background: #f7272f;
    }

    #nav ul a {
        white-space: nowrap;
        display: block;
    }

    #nav a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

        #nav a:hover {
            text-decoration: none;
        }

        #nav a.head-content.menu .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 2px solid #e4e4e4;
}

    .dropdown-content a {
        float: none;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
        text-align: left;
        line-height: 15px;
    }

        .dropdown-content a:hover {
            background-color: red !important;
            color: #fff !important;
        }

        /*.parent:hover .dropdown-content {
    display: block;
}*/

        .dropdown-content a:not(:last-child) {
            border-bottom: 1px solid #000;
        }

.custom-section-title {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 1.3rem 0rem 1.3rem 10%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.icon-button {
    background-color: #e4e4e4;
    border-radius: 2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    height: 2.6rem;
    line-height: 2.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.6rem;
}

    /* Circle */
    .icon-button span {
        border-radius: 0;
        display: block;
        height: 0;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 0;
    }

    .icon-button:hover span {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 2.6rem;
        margin: -1.3rem;
    }

    /* Icons */
    .icon-button i {
        background: none;
        color: white;
        height: 2.6rem;
        left: 0;
        line-height: 2.6rem;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 2.6rem;
        z-index: 10;
    }





.twitter span {
    background-color: #4099ff;
}

.facebook span {
    background-color: #3B5998;
}

.google-plus span {
    background-color: #db5a3c;
}

.tumblr span {
    background-color: #34526f;
}

.instagram span {
    background-color: #517fa4;
}

.youtube span {
    background-color: #bb0000;
}

.pinterest span {
    background-color: #cb2027;
}



.icon-button .icon-twitter {
    color: #4099ff;
}

.icon-button .icon-facebook {
    color: #3B5998;
}

.icon-button .fa-tumblr {
    color: #34526f;
}

.icon-button .icon-google-plus {
    color: #db5a3c;
}

.icon-button .fa-instagram {
    color: #517fa4;
}

.icon-button .fa-youtube {
    color: #bb0000;
}

.icon-button .fa-pinterest {
    color: #cb2027;
}




.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest {
    color: white;
}

.fit-screen {
    min-width: 100% !important;
    width: 100% !important;
    object-fit: fill;
    top: 0px;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

    .owl-theme .owl-controls .owl-page span {
        background: none repeat scroll 0 0 #869791;
        border-radius: 20px;
        display: block;
        height: 12px;
        margin: 5px 7px;
        opacity: 0.5;
        width: 12px;
    }

.divider {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.full-border {
    border: 1px solid #ccc;
}

.pt-20 {
    padding-top: 20px;
}

.pl-10percent {
    padding-left: 10%;
}

.suit {
    padding: 50px 2% 5% 2%;
}

.btn-products {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.btn-products.related {
    padding: 0 !important;
    font-size: 0.79rem;
}

.long-arrow-right::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: #fff;
    transform: rotate(-45deg) translate(4.7px, 1px);
    left: 0;
    top: 0;
}

.long-arrow-right {
    margin-top: 2px;
    margin-right: 5px;
    transform: rotate(135deg);
    float: right;
}

.long-arrow-right {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.btn-products:hover .long-arrow-right {
    border-top: 2px solid #333;
    border-left: 2px solid #333;
}

    .btn-products:hover .long-arrow-right::after {
        background-color: #333;
    }

.footer-grey {
    background-color: #f3f3f3;
}

.all-products, .combine-content {
    background-color: #f6f6f6;
}

.related-products h4{
    text-align: center;
    display: block;
    padding-bottom: 10px;
    float: left;
    font-size: 13px;
    min-height: 45px;
    max-height: 20px;
    line-height: 1.4em;
}

.all-products h4 {
    text-align: center;
    display: block;
    padding-bottom: 10px;
    float: left;
    font-size: 13px;
    min-height: 45px;
    max-height: 20px;
    line-height: 1.4em;
}
.prod-info {
    position:relative;
}
.text-center {
    text-align: center;
}

.step-quantity {
    background-color: #fff;
}

    .step-quantity .sided {
        width: 100%;
        height: 45px !important;
    }

.wrap-quantity {
    padding: 0;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}


.inline-step .rsOverflow {
    border-color: #e4e4e4 !important;
    border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
}

.relation-product {
    overflow: auto;
    display: inline-block;
    width: 100%;
}

.related-products {
    padding: 5px;
    padding-top: 50px;
    padding-bottom: 45px;
}

.margin-0 {
    margin: 0 !important;
}



.owl-item.owl-video-playing .item-video {
    height: 335px
}
/*
.product-details-left {
    margin-top: 3.33333333rem;
}
*/
.product-details-left .accordion-button {
    display: block;
    font-size: 11px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 600;
    line-height: 1.66666667rem;
    padding: 0.58333333rem 0rem 0.58333333rem 0rem;
    letter-spacing: .11em;
}

.product-details-left .details-specs .accordion-element .accordion-button:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.product-details-left .details-specs .accordion-element .accordion-button:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*content: '\e912';*/
}

.product-details-left .details-specs .accordion-element .accordion-button .accordion-indicator {
    float: right;
    margin-right: 0.83333333rem;
    margin-left: 0.83333333rem;
}

    .product-details-left .details-specs .accordion-element .accordion-button .accordion-indicator:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e90e';
    }

.product-details-left .details-specs .accordion-element .accordion-button:before {
    margin-right: 0.83333333rem;
}

.product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
    font-size: 1.05833333rem;
    line-height: 1.83333333rem;
}

.product-details-left .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e90f';
}

/*.container--tabs {
    margin-top: 5%;
}

    .container--tabs .nav-tabs {
        float: left;
        width: 100%;
        margin: 0;
        list-style-type: none;
        border-bottom: 1px solid #ddd;
    }

        .container--tabs .nav-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

            .container--tabs .nav-tabs > li > a {
                float: left;
                margin-right: 2px;
                line-height: 1.42857143;
                padding: 10px 40px 10px 40px;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
                background-color: #f6f6f6;
                color: #707070;
                cursor: pointer;
            }

                .container--tabs .nav-tabs > li > a:hover {
                    border-color: #eee #eee #ddd;
                }

            .container--tabs .nav-tabs > li.active > a,
            .container--tabs .nav-tabs > li.active > a:hover,
            .container--tabs .nav-tabs > li.active > a:focus {
                color: #555;
                cursor: default;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                background-color: #707070;
                color: #f6f6f6;
            }

    .container--tabs .tab-content {
        float: left;
        width: 100%;
        border: 1px solid #000;
    }

        .container--tabs .tab-content > .tab-pane {
            display: none;
            line-height: 1.5em;
        }

            .container--tabs .tab-content > .tab-pane.active {
                display: block;
                padding: 2.5% 3.5%;
            }

        .container--tabs .tab-content > .active {
            display: block;
            -moz-animation: fadein 1s;*/ /* Firefox */
            /*-webkit-animation: fadein 1s;*/ /* Safari and Chrome */
            /*-o-animation: fadein 1s;*/ /* Opera */
        /*}*/

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.textfield#customTextField {
    margin-top: 20%;
}

section .custom-section-title span:before,
main .custom-section-title span:before,
section .custom-section-title span:after,
main .custom-section-title span:after {
    position: absolute;
    display: block;
    width: 300vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0px;
    background-color: #e4e4e4;
}

.right,
.right {
    right: 0 !important;
    float: right !important;
}

.no-border {
    border: none !important;
}
    /* cart summary */
    #sepet-ozeti {
        margin-top: 0;
        font-size: 12px;
        right: 0;
        left: auto;
        width: 375px;
        padding: 0;
        display: block;
        left: auto;
        right: 0;
        position: absolute;
        top: 100%;
        z-index: 10000 !important;
        float: left;
        min-width: 160px;
        margin: 2px 0 0;
        list-style: none;
        text-align: left;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
    }

    #sepet-ozeti-icerik {
        overflow: hidden;
        width: 100%;
        height: calc(100vh - 400px);
        max-height: calc(100vh - 400px);
    }

    #sepet-ozeti .product_row {
        position: relative;
        display: block;
        height: 167px;
        color: #000;
        background: #fff;
        padding: 0;
    }

        #sepet-ozeti .product_row .urun-resim {
            width: 87px;
            height: 120px;
            border: 1px solid #e3e3e3;
            float: left !important;
        }

    .product_row img.urun-resim-link {
        width: 85px;
        height: 118px;
    }

    #sepet-ozeti .product_row .urun-fiyat {
        padding-left: 10px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        float: left !important;
        line-height: 18px;
        min-width: 85px;
    }

        #sepet-ozeti .product_row .urun-fiyat .linethrough {
            margin-left: 5px;
            font-size: 14px;
            font-weight: 400;
        }

    .linethrough {
        text-decoration: line-through;
    }

    #sepet-ozeti .product_row .urun-bilgi {
        width: 183px;
        padding-left: 24px;
        float: left !important;
        line-height: 1.5rem;
    }

        #sepet-ozeti .product_row .urun-bilgi.alignment-left * {
            font-size: 10px;
        }

    #sepet-ozeti .product_row .urun-sil {
        position: absolute;
        cursor: pointer;
        right: 15px;
        top: -2px;
    }

    .icontype {
        position: relative;
        top: 1px;
        display: inline-block;
        line-height: 1;
    }

    #sepet-ozeti .fiyat-section {
        height: 55px;
        list-style: none;
        text-align: left;
    }

        #sepet-ozeti .fiyat-section .fiyat-container {
            display: inline-block;
            width: 100%;
            padding: 7px 10px 0 10px;
            list-style: none;
            text-align: left;
        }

            #sepet-ozeti .fiyat-section .fiyat-container .cart-total {
                font-size: 18px;
                font-weight: 700;
                list-style: none;
                text-align: left;
            }

                #sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-left {
                    float: left !important;
                    list-style: none;
                    text-align: left;
                    line-height: 18px;
                }

                #sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-right {
                    float: right !important;
                    list-style: none;
                    text-align: left;
                    line-height: 18px;
                }

    #sepet-ozeti .odeme-adimi {
        border-bottom: 1px solid #e3e3e3;
        padding-top: 10px;
        height: 65px;
    }

    #sepet-ozeti .alisveris-devam {
        line-height: 1.5rem !important;
        margin: 0 !important;
        margin-right: 15px !important;
        float: left !important;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 0;
        border-color: transparent;
        background-color: transparent;
        box-shadow: none;
        color: black;
        border-radius: 0;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .sepetozeti .odeme-adimi .hizli-al {
        margin-right: 10px;
        height: 43px;
        min-width: 90px;
        float: right !important;
        padding: 10px 16px;
        font-size: 16px;
        line-height: 1.3333333;
        border-radius: 0;
        color: #eee;
        background-color: black;
        border-color: black;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .sepetozeti .odeme-adimi .delete-cartSummary {
        margin: 0 !important;
        padding: 5px !important;
        line-height: 2.25rem !important;
        float: left !important;
        margin-right: 10px;
        height: 43px;
        min-width: 90px;
        color: #eee;
        background-color: black;
        border-color: black;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* cart summary */
    .icon-cross.alisveris-devam {
        padding: 1%;
        left: 100%;
        position: absolute;
        z-index: 999;
        margin: -13px;
        border-radius: 50px 50px 50px 50px;
        background-color: floralwhite;
    }
    /* logo */
    .footer-logo img {
        width: 60%;
        margin-left: 5px;
    }
    /* top menu*/
    header #topmenu .topmenu .menu-section ul li a {
        font-size: 11px;
    }

    header #topmenu .topmenu .menu-section.topmenu-section .section-col .group {
        padding-right: 0;
    }

    header #topmenu .topmenu .menu-section.topmenu-section .section-col {
        margin: 10px;
    }
    /* footer */
    .footer-group ul li a:hover {
        text-decoration: underline
    }

    .error {
        color: red;
        font-weight: bold;
    }

    .footer-menu .valid {
        color: green;
        font-weight: bold;
    }
    /* product list */
    .breadcrumb-list {
        padding-left: 10px;
    }

    section.listing .listing-list li .ribbon img, main.listing .listing-list li .ribbon img {
        width: 15%;
        left: 10% !important;
    }

    .choose-btn, .all-btn {
        background-color: lightgrey;
        border: unset;
        color: black;
    }

    .all-btn {
        float: right;
        margin-right: 0;
    }
    /* product main */
/*    .store-stock-btn {
        width: 100%;
    }*/

    .product-slider .rsBullets {
        display: none;
    }

    .numberbox.sided .numberbox-button.number-decrease {
        left: -1px;
        right: auto;
    }
    /*input[type="radio"], input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }*/

    .textfield .description div.attr {
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .ribbon {
        position: initial;
        display: inline-block;
        font-weight: 600;
        font-size: 0.75rem;
        letter-spacing: .10em;
        top: 3%;
        left: 3.5%;
        z-index: 10;
        /* background-color: #b09c6a; */
        line-height: 1.33333333rem;
        padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
        color: #FFF;
    }

    button.disabled:disabled {
        color: white;
        border: 1px solid graytext;
        background-color: graytext;
    }

    #rslide.unknown1.unknown2 {
        display: none;
    }
    /* cart index */

    .js-add-discount-coupon-btn,
    js-remove-discount-coupon-btn {
        width: 5.91666667rem !important;
        position: absolute !important;
        top: 1px;
        right: 1px;
        padding: 0;
        cursor: pointer;
        display: inline-block;
        border: 1px solid #333;
        background-color: #333;
        text-align: center;
        position: relative;
        color: #FFF;
        font-weight: 700;
        font-size: 0.83333333rem;
        letter-spacing: .180em;
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        line-height: 1.5rem;
        /*-webkit-transition: background-color 200ms ease 0ms;
        transition: background-color 200ms ease 0ms;*/
    }

    .numberbox.narrow {
        line-height: 2.66666667rem;
        height: 2.66666667rem;
    }

    .numberbox.sided input {
        padding-left: 2.91666667rem;
        padding-right: 2.91666667rem;
        text-align: center;
    }

    .product .description {
        line-height: 1.03333333rem;
    }

    main.basket .basket-content #basket-list .row .column.product .description .prefix {
        white-space: normal;
    }

    #product-sizeSelectBoxItContainer {
        padding: 0
    }
    /*#product-sizeSelectBoxItOptions {
    min-width: 207px;
}*/


    .section-bg-image {
        width: inherit;
        padding: 0;
        z-index: -1;
        position: absolute;
    }

    .no-padding {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .no-margin {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .top-menu-closer {
        font-size: 20px !important;
        position: fixed;
        right: 2%;
    }

    .wrap.cellphone span.field-validation-error, .inputwrap.cellphone span.field-validation-error {
        bottom: -2rem;
    }


    .no-padding_bottom {
        padding-bottom: 0;
    }

    .gallery-mainform {
        position: relative;
        /*height: 13rem;*/
        /*background-color: #f6f6f6;*/
        margin-top: .5em;
    }

    @media screen and (max-width:1440px) {
        ul.currency-ul {
            width: 100% !important;
            text-align: right;
        }

            ul.currency-ul li:nth-child(1) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(2) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(3) {
                width: 48% !important;
                float: left;
                font-size: 10px !important;
            }
    }

    @media screen and (min-width: 1440px) {
        ul.currency-ul {
            width: 100% !important;
            text-align: right;
        }

            ul.currency-ul li:nth-child(1) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(2) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(3) {
                width: 48% !important;
                float: left;
                font-size: 10px !important;
            }

        .search-bar {
            top: 29% !important;
        }

        .wrapper {
            max-width: 83%;
        }

        .header-logo.left {
            left: 7.5% !important;
        }

        .search-bar {
            z-index: 0 !important;
            width: 24% !important;
            top: 2.5% !important;
            right: 44% !important;
        }

        #mini .search-bar {
            z-index: 9999 !important;
            width: 27% !important;
            top: 10% !important;
            left: 25% !important;
        }

        header .menu-header > li.opened-search {
            right: 85%;
        }
    }

    @media screen and (min-width: 1903px) {

        body.blog .search-bar {
            width: 20% !important;
        }
    }

    @media screen and (min-width: 2512px) {

        body.blog .search-bar {
            width: 17% !important;
        }
    }

    @media screen and (min-width: 3312px) {

        body.blog .search-bar {
            width: 14% !important;
        }
    }

    @media screen and (max-width: 1439px) {
        header .header-logo {
            left: 9%;
        }

        .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 5% !important;
            right: 37% !important;
        }

        #mini .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 10% !important;
            left: 30% !important;
        }

        header .menu-header > li.opened-search {
            right: 80%;
        }

        header .menu-header > li:first-of-type .btn {
            width: 10rem;
        }
    }

    @media screen and (max-width: 1360px) {
        html {
            font-size: 14px;
        }
        /*body {
      background-image: url()
  }*/
        header .header-logo {
            left: 9%;
        }

        .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 3% !important;
            right: 40% !important;
        }

        #mini .search-bar {
            top: 10% !important;
        }

        header .menu-header > li.opened-search {
            right: 70%;
        }

        .slide .slider-content .title {
            font-size: 28px;
        }
    }

@media (max-width:1200px) {
    .listing-main li:not(.border) {
        
            padding-left:0px;
       
    }
}

    @media screen and (max-width: 1200px) {
        .btn-products {
            width: 100%;
            margin-bottom: 5%;
            float: left;
        }

        .header-menu {
            display: none;
        }

        header .header-logo img {
            margin-left: 0;
        }

        .wrapper {
            max-width: calc(100% - 40px);
        }

        header #header-content > .wrapper {
            max-width: 100%;
        }

        header .menu-header {
            display: none;
        }

        header #mobilenav {
            display: block;
            height:53px !important
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt {
            font-size: 0.93333333rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type {
            text-align: center;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type .radiowrap,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type .radiowrap {
                display: inline-block;
                float: none;
            }

        section#login .login-left,
        main#login .login-left {
            right: 65%;
        }

        section#login .login-right,
        main#login .login-right {
            width: 65%;
        }

        #header-content .wrapper {
            min-height: 88px;
        }

        body#paymentPage input#category_code + div {
            padding-top: 83px !important;
        }

/*        body#productDetail input#category_code + div {
            padding-top: 130px !important;
        }*/

        body#cartDetail input#category_code + div {
            padding-top: 40px !important;
        }

        input#category_code + div.mini-proje-content {
            padding-top: 0px !important;
        }

        .search-bar {
            z-index: 9999 !important;
            width: 100% !important;
            top: 30% !important;
            left: 0 !important;
        }

        #mini .search-bar {
            z-index: 9999 !important;
            width: 100% !important;
            top: 100% !important;
            left: 0 !important;
        }

        header .header-logo {
            left: 50%;
            top: 50%;
        }

        .mini-proje-content {
            display: inline-block;
            width: 100%
        }


    }

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

        .search-bar {
            top: 29% !important;
        }
        /*for mini proje*/
        input#category_code + div.mini-proje-content {
            padding-top: 15px !important;
        }

        .slide .slider-content .title {
            font-size: 23px;
        }

        ul.currency-ul li:nth-child(1) {
            width: 25% !important;
            float: left;
            font-size: 8px !important;
        }

        ul.currency-ul li:nth-child(2) {
            width: 25% !important;
            float: left;
            font-size: 8px !important;
        }

        ul.currency-ul li:nth-child(3) {
            width: 48% !important;
            float: left;
            font-size: 7px !important;
        }
    }

    @media screen and (max-width: 992px) {
        .hidden-md {
            display: none;
        }

        .slider-related-products {
            height: 350px !important;
        }

        .main-product.royalSlider {
            height: 350px !important;
        }

        .btn-products.related {
            width: 48%;
            max-width: 100% !important;
            float: left !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            float: left;
            padding: 0 !important;
            font-size: 0.65rem;
            font-weight: 300;
            letter-spacing: .65px;
        }

        .col-tb-50 {
            text-align: center;
            position: relative;
            top: 15px;
            width: auto;
            max-width: 100% !important;
            float: left !important;
            -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
            padding: 10px;
            left: 15px;
        }
    }

    @media screen and (min-width: 961px) {
        section.listing .listing-filters .filterlist.fixed,
        main.listing .listing-filters .filterlist.fixed {
            position: relative;
            min-width: 18%;
            margin-top: -0.5%;
        }

        .prod-info.active .prod-title.active {
            min-height: 165px !important;
            position: absolute;
            z-index: 111;
            background-color: #707070;
            opacity: .7;
            line-height: 1.3em;
            padding-top: 10px !important;
            color: white;
        }

        .prod-info #zoomPlus {
            display: none;
        }

        .prod-info.active #zoomPlus {
            display: block;
            font-size: 32px !important;
            color: white;
            bottom: 5%;
            position: absolute;
            right: 40%;
        }


        .prod-info.active .discount-rating {
            top: 55px
        }
    }

    .prod-info.active .product-slider {
        margin-top: 45px !important;
    }

    .all-products .prod-info.active .prod-title.active {
        min-height: 235px !important;
        position: absolute;
        z-index: 111;
        background-color: #707070;
        opacity: .7;
        line-height: 2em;
        padding-top: 10px !important;
        color: white;
    }

    .all-products .prod-info #zoomPlus {
        display: none;
    }

    .all-products .prod-info.active #zoomPlus {
        display: block;
        font-size: 32px !important;
        color: white;
        bottom: 5%;
        position: absolute;
        right: 45%;
    }

    .all-products .prod-info.active .product-slider {
        margin-top: 45px !important;
    }

@media screen and (max-width: 960px) {
    .prod-info #zoomPlus, .all-products .prod-info #zoomPlus {
        display: none;
    }
    .fit-screen {
        min-width: 100% !important;
        width: 100% !important;
        object-fit: fill;
        top: 0px;
        min-height: 100% !important;
        height: 100% !important;
    }


    .third-related-product {
        padding-top:0 !important;
    }
    .img-owl {
        height: 100%;
        opacity: 1;
        min-height: 100%;
        object-fit: fill;
    }

    #btn-backtotop {
        z-index: 71;
    }

    .sliderelement.slider-main .owl-item.active .slide.type1 .image-left {
        bottom: 20%;
    }

    header #searchbar #searchbar-suggestions {
        margin-top: 0;
        padding: 1.66666667rem 1.66666667rem 0rem 1.66666667rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row {
            width: calc(33.333% - 20px);
            margin-right: 30px;
        }

    section.listing .listing-filters,
    main.listing .listing-filters {
        background-color: #FFF;
        overflow: auto;
        z-index: 70;
        width: 100%;
        float: none;
        position: absolute;
        left: 0;
        top: 4.16666667rem;
        bottom: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: transform 250ms ease, opacity 100ms ease 200ms;
        transition: transform 250ms ease, opacity 100ms ease 200ms;
    }


    .product .description .thintitle {
        font-size: 0.9775rem;
        letter-spacing: .0em;
        font-weight: 500;
    }

    section.listing .listing-list li .description,
    main.listing .listing-list li .description {
        margin: 0rem 0rem 0.83333333rem 0rem;
    }

    section.listing .listing-filters.active,
    main.listing .listing-filters.active section.listing .listing-filters.help,
    main.listing .listing-filters.help {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-transition: transform 250ms ease, opacity 100ms ease;
        transition: transform 250ms ease, opacity 100ms ease;
    }

    section.listing .listing-filters .filterlist,
    main.listing .listing-filters .filterlist {
        margin: 0;
    }

    section.listing .listing-main,
    main.listing .listing-main {
        width: auto;
        float: none;
    }

        main.listing .listing-main .listing-head {
            height: auto;
        }

            section.listing .listing-main .listing-head .listing-filter,
            main.listing .listing-main .listing-head .listing-filter {
                display: inline-block;
            }

    section.listing .listing-pagination.mobile,
    main.listing .listing-pagination.mobile {
        display: block;
    }

    section.listing .listing-pagination.desktop,
    main.listing .listing-pagination.desktop {
        display: none;
    }

    section.basket .basket-content,
    main.basket .basket-content {
        padding-right: 0;
    }

    section.basket .basket-sum,
    main.basket .basket-sum {
        padding-left: 0;
    }

    section#account .account-nav,
    main#account .account-nav {
        display: none;
    }

    section#account .account-content,
    main#account .account-content {
        width: auto;
        float: none;
    }

    body#productDetail .account-content {
        width: auto;
        float: none;
    }

    body#cartDetail .account-content {
        width: auto;
        float: none;
    }

    body#cartDetail .account-content {
        width: auto;
        float: none;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
        width: 6.66666667rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
        width: 7.91666667rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
        width: 10rem;
    }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
            width: 100%;
        }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
        width: calc(100% - 26.666666666666668rem);
    }

    section#checkout .bgfix,
    main#checkout .bgfix {
        display: none;
    }

    section#checkout header #header-content nav,
    main#checkout header #header-content nav,
    section#checkout .checkout-steps,
    main#checkout .checkout-steps {
        width: 640px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    section#checkout #checkout-opts,
    main#checkout #checkout-opts {
        float: none;
        width: auto;
        min-height: 0;
        padding: 0;
    }

        section#checkout #checkout-opts .checkout-opt,
        main#checkout #checkout-opts .checkout-opt {
            width: 640px;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

    section#checkout #checkout-sum,
    main#checkout #checkout-sum {
        position: static;
        width: 640px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
        border-top: 2px solid #e4e4e4;
        padding: 1.66666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
        min-height: 0;
        margin-bottom: 1.66666667rem;
    }

    section.product-info .product-gallery,
    main.product-info .product-gallery {
        float: none;
        width: 640px;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        padding-top: 0;
    }

    section.product-info .product-details,
    main.product-info .product-details {
        float: none;
        width: auto;
        margin-right: 0;
    }

    section.product-complementary .divided.q2,
    main.product-complementary .divided.q2 {
        margin-bottom: 3.75rem;
    }

        section.product-complementary .divided.q2:last-child,
        main.product-complementary .divided.q2:last-child {
            margin-bottom: 0;
        }

    .divided.q1,
    .divided.q2,
    .divided.q3 {
        width: 100%;
    }

    .radiowrap {
        margin-right: 1.25rem;
    }

    .help-title {
        text-align: center;
    }

    .listing-filters.help {
        position: relative !important;
        text-align: center;
        margin: 0 auto;
        width: auto !important;
        top: -1.66666667rem !important;
    }

        .listing-filters.help ul {
            width: 300px !important;
            margin: 0 auto !important;
        }

        .listing-filters.help .arrow {
            display: block !important;
            position: absolute;
            top: 20px;
            min-width: 290px;
            text-align: right;
            z-index: -1;
        }

        .listing-filters.help .filterlist .group ul {
            border: none !important;
        }

            .listing-filters.help .filterlist .group ul li {
                padding: 0 !important;
            }

                .listing-filters.help .filterlist .group ul li a {
                    padding: 0.41666667rem 0.83333333rem 0.41666667rem 0.83333333rem;
                    min-width: 300px;
                    display: inline-block;
                    border: 1px solid #e4e4e4;
                    display: none;
                    margin-bottom: 3px;
                }

                    .listing-filters.help .filterlist .group ul li a.expanded {
                        display: block;
                    }

                .listing-filters.help .filterlist .group ul li:before {
                    display: none !important;
                }

            .listing-filters.help .filterlist .group ul .arrow .icon-angle-up {
                display: none;
            }

            .listing-filters.help .filterlist .group ul.open li a {
                display: block;
            }

            .listing-filters.help .filterlist .group ul.open .arrow .icon-angle-up {
                display: inline;
            }

            .listing-filters.help .filterlist .group ul.open .arrow .icon-angle-down {
                display: none;
            }

    .contact .left-side,
    .contact .right-side {
        width: 100%;
    }

    .corporate .left-side,
    .corporate .right-side {
        width: 100%;
    }

    .dealership .left-side,
    .dealership .right-side {
        width: 100%;
    }

    .specialOrder .left-side,
    .specialOrder .right-side {
        width: 100%;
    }

    #header-content .wrapper {
        min-height: 88px;
    }


    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 18% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    .bottom_line {
        font-size: 20px;
    }
}

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

    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
    footer #footer-specs .spec:nth-of-type(2n+2):after {
        content: "\A";
        white-space: pre;
    }

    .modal.sizechart.show .modal-element .modal-close {
        top: 2.5rem;
        right: 3.75rem;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-head {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-body {
        margin-right: 0;
        width: 43%;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table {
        font-size: 0.89166667rem;
    }

    .modal.sizechart.show .modal-element .modal-content .wrapper {
        padding-left: 1.66666667rem;
        padding-right: 1.66666667rem;
    }

    #header-content .wrapper {
        min-height: 88px;
    }

    body#productDetail input#category_code + div {
        padding-top: 130px !important;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 30% !important;
        left: 0 !important;
    }
    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        width: auto;
        padding: 1.66666667rem 2.08333333rem 1.66666667rem 2.08333333rem;
    }

        section.lookbook-head .head-title .outerwrap,
        main.lookbook-head .head-title .outerwrap {
            padding-bottom: 0;
            height: auto;
        }

            section.lookbook-head .head-title .outerwrap .innerwrap,
            main.lookbook-head .head-title .outerwrap .innerwrap {
                position: static;
            }

        section.lookbook-head .head-title .textarea,
        main.lookbook-head .head-title .textarea {
            position: static;
            font-size: 1.26666667rem;
            line-height: 1.5rem;
        }

    #header-content .wrapper {
        min-height: 88px;
    }

    body#productDetail input#category_code + div {
        padding-top: 120px !important;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 18% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
}


@media screen and (max-width: 768px) {
    ul.currency-ul li:nth-child(1) {
        width: 25% !important;
        float: left;
    }

    ul.currency-ul li:nth-child(2) {
        width: 25% !important;
        float: left;
    }

    ul.currency-ul li:nth-child(3) {
        width: 48% !important;
        float: left;
    }
    ul.currency-ul {
        width: 100% !important;
        text-align: right;
    }
    .mobile-header-nav {
        top: 130px;
    }
    .slide .slider-content .title {
        font-size: 17px;
    }

    .pin-container .numberbox {
        width: 5.733333rem !important;
        border-right: none;
    }
        .pin-container .numberbox .numberbox-button {
            right: 0px !important;
        }
        .pin-container .numberbox.sided input {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important;
        }
        .pin-container .numberbox.sided .numberbox-button {
            width: 1.5rem !important;
            font-size: 0.66rem;
        }
    .slider-related-products {
        height: 350px !important;
    }
    .owl-carousel .owl-item.active.center .owl-video-wrapper {
        height: 76% !important;
        margin-top: 20%;
    }
    .owl-carousel .owl-video-wrapper {
        height: 70% !important;
    }
    .related-products{
        float:left !important;
        margin:0 !important;
    }
    .hidden-xs {
        display: none;
    }
    .full-width-mobile {
        width: 100% !important;
    }
    .js-mobile-toggler a {
        display: block;
        float: right;
        font-size: 27px;
        margin: 0 3px;
        border: 1px solid;
        border-radius: 10px;
    }

    .js-mobile-toggler {
        display: block;
    }

    section.breadcrumb {
        margin-top: 16px;
    }

    .selectboxit-container.listing-order {
        width: 50%;
    }

    .address-form .w50, .address-form .w33 {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .footer-menu {
        display: none;
    }

    footer .footer-menu-mobile {
        display: block;
    }

    header #searchbar #searchbar-close {
        top: 1.33333333rem;
        right: 1.66666667rem;
    }

    header #searchbar #searchbar-container {
        padding-top: 4.83333333rem;
        padding-bottom: 2.08333333rem;
    }

        header #searchbar #searchbar-container .icon {
            line-height: 3rem;
            font-size: 2.43333333rem;
            width: 3rem;
        }

        header #searchbar #searchbar-container #searchbar-text {
            line-height: 3rem;
            height: 3rem;
            font-size: 2.1rem;
            width: calc(100% - 3rem);
        }

    header #searchbar #searchbar-suggestions {
        top: 9.91666667rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row,
        header #searchbar #searchbar-suggestions .suggestion-row:last-of-type {
            float: none;
            width: auto;
            margin-right: 0;
            width: 30rem;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 1.66666667rem;
            max-width: 100%;
        }

            header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product:last-child,
            header #searchbar #searchbar-suggestions .suggestion-row:last-of-type .suggestion-listing .product:last-child {
                border-bottom: none;
            }

    .slider-container#mainslider {
        padding-top: 0;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 29% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
    main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap {
        padding: 0 5%;
    }

    section.listing .listing-filters,
    main.listing .listing-filters {
        top: 5rem;
    }

    section.listing .listing-main .listing-head .listing-filter,
    main.listing .listing-main .listing-head .listing-filter {
        clear: left;
    }

    section#account .account-content .content-list.favorites .list-row,
    main#account .account-content .content-list.favorites .list-row {
        position: relative;
        padding-bottom: 0.83333333rem;
    }

        section#account .account-content .content-list.favorites .list-row.head,
        main#account .account-content .content-list.favorites .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
            width: 100%;
            padding-bottom: 0.5rem;
        }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete {
            position: absolute;
            top: 0;
            right: 0;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton {
                margin: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            line-height: 1.66666667rem;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price {
                margin-top: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            line-height: 1.66666667rem;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock {
                margin-top: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
            padding: 0;
            float: right;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
                margin-top: 0;
            }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
        width: 10rem;
    }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
        width: 10.66666667rem;
        position: absolute;
        top: 0;
        right: 3.33333333rem;
        bottom: 0;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit .btn,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit .btn {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
        width: calc(100% - 24.416666666666668rem);
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code {
        width: 8.33333333rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
        width: 5rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end {
        width: 7.91666667rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start {
        width: 10.41666667rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
        padding-right: 0.83333333rem;
        width: calc(100% - 32.5rem);
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-status,
    main#account .account-content .content-list.messages .list-row .list-column.message-status {
        width: 7.08333333rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-date,
    main#account .account-content .content-list.messages .list-row .list-column.message-date {
        width: 10rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-code,
    main#account .account-content .content-list.messages .list-row .list-column.message-code {
        width: 9.16666667rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject {
        width: calc(100% - 26.25rem);
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-message,
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 6.66666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total {
        width: 7.08333333rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status {
        width: 7.16666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date {
        width: 7.66666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-title {
        width: calc(90% - 34.583333333333336rem);
    }

    section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus,
    main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus {
        text-align: center;
    }

        section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .btn,
        main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .btn {
            float: none;
        }

        section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status,
        main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status {
            display: block;
            padding: 0;
            text-align: center;
            margin-bottom: 0.66666667rem;
        }

            section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon,
            main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon {
                vertical-align: middle;
                position: static;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

    section#account .account-content.orderinfo .orderinfo-details .row .column.big,
    main#account .account-content.orderinfo .orderinfo-details .row .column.big,
    section#account .account-content.orderinfo .orderinfo-details .row .column.small,
    main#account .account-content.orderinfo .orderinfo-details .row .column.small {
        width: 100%;
    }

    section#account .account-content.orderinfo .orderinfo-details .row .column .regular.mobold,
    main#account .account-content.orderinfo .orderinfo-details .row .column .regular.mobold {
        font-weight: 700;
    }

    section#account .account-content.orderinfo .orderinfo-details .row .column .regular.modemi,
    main#account .account-content.orderinfo .orderinfo-details .row .column .regular.modemi {
        font-weight: 600;
    }

    section#login .login-left,
    main#login .login-left {
        bottom: auto;
        left: auto;
        right: auto;
        position: relative;
        height: 100%;
        margin-top: 5%;
    }

    section#login .login-right,
    main#login .login-right {
        width: 100%;
        min-height: auto;
    }

        section#login .login-right .login-content,
        main#login .login-right .login-content {
            max-width: calc(100% - 40px);
            margin-top: 20px;
        }

            section#login .login-right .login-content .loginform,
            main#login .login-right .login-content .loginform {
                min-height: auto;
            }

                section#login .login-right .login-content .loginform.form-login,
                main#login .login-right .login-content .loginform.form-login {
                    padding-top: 0;
                }

    .wrapper {
        max-width: calc(100% - 20px);
    }

    .sliderelement.slider-main .owl-item.active .slide.type1 .image-left {
        bottom: 21.5%;
    }

    .sliderelement.slider-main .owl-item .slide.type1 .slide-text span {
        font-size: 0.93333333rem;
    }

    .textfield .description * {
        font-size: 1.01666667rem;
        line-height: 1.16666667rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
        width: 50%;
        padding-right: 0;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
        width: 100%;
        clear: both;
    }

    .listing-mini.highlow.triple {
        width: 75%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

        .listing-mini.highlow.triple .listing-wrapper .listing-element {
            width: 100%;
            margin-right: 0;
        }

            .listing-mini.highlow.triple .listing-wrapper .listing-element.low {
                margin-top: 0;
            }

            .listing-mini.highlow.triple .listing-wrapper .listing-element .outerwrap .text {
                font-size: 2.6rem;
            }

    .listing-mini.brandscarousel {
        margin-right: -0.41666667rem;
        margin-left: -0.41666667rem;
        width: calc(100% + 0.8333333333333334rem);
    }

        .listing-mini.brandscarousel .slide {
            margin: 0rem 0.41666667rem 1.75rem 0.41666667rem;
        }

    .modal.new-message .w50 {
        width: 100%;
    }

    .modal.new-message .modal-element {
        padding-bottom: 43.33333333rem;
    }

    .contact .content-form .content-form-left,
    .contact .content-form .content-form-right {
        width: 100%;
    }

    .corporate .content-form .content-form-left,
    .corporate .content-form .content-form-right {
        width: 100%;
    }

    .dealership .content-form .content-form-left,
    .dealership .content-form .content-form-right {
        width: 100%;
    }

    .specialOrder .content-form .content-form-left,
    .specialOrder .content-form .content-form-right {
        width: 100%;
    }
    section.basket .basket-content #basket-list .row .checkwrap,
    main.basket .basket-content #basket-list .row .checkwrap {
        padding-left:5px;
    }
}

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

    .slide .slider-content .title {
        font-size: 13px;
    }
    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 29% !important;
        left: 0 !important;
    }
    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }

    body#productDetail input#category_code + div {
        padding-top: 20px !important;
    }

    /*.slider-container#mainslider {
        padding-top: 25px;
    }*/

    section.lookbook-head .head-image,
    main.lookbook-head .head-image {
        width: auto;
        margin-bottom: 0.83333333rem;
    }

    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 480px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0rem 0rem 0rem 0rem;
        border: none;
    }

    section.lookbook-listing.triple-scatter .lookbook-items,
    main.lookbook-listing.triple-scatter .lookbook-items {
        position: static;
    }

    section.lookbook-listing.triple-scatter .listing-row.left,
    main.lookbook-listing.triple-scatter .listing-row.left,
    section.lookbook-listing.triple-scatter .listing-row.right,
    main.lookbook-listing.triple-scatter .listing-row.right {
        float: none;
    }

        section.lookbook-listing.triple-scatter .listing-row.left.narrow,
        main.lookbook-listing.triple-scatter .listing-row.left.narrow,
        section.lookbook-listing.triple-scatter .listing-row.right.narrow,
        main.lookbook-listing.triple-scatter .listing-row.right.narrow {
            margin: 0 auto;
        }

    section.lookbook-listing.triple-scatter .listing-row.wide,
    main.lookbook-listing.triple-scatter .listing-row.wide,
    section.lookbook-listing.triple-scatter .listing-row.narrow,
    main.lookbook-listing.triple-scatter .listing-row.narrow {
        width: 80%;
        margin: 0 auto;
    }

        section.lookbook-listing.triple-scatter .listing-row.wide .textfield,
        main.lookbook-listing.triple-scatter .listing-row.wide .textfield,
        section.lookbook-listing.triple-scatter .listing-row.narrow .textfield,
        main.lookbook-listing.triple-scatter .listing-row.narrow .textfield {
            margin-bottom: 10%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap {
                padding-bottom: 0;
                height: auto;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap .innerwrap {
                    position: static;
                }

        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small {
            margin-bottom: 10%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap {
                padding-bottom: 0;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap .innerwrap {
                    position: relative;
                }

    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap:last-child,
    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.big:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.big:last-child,
    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.small:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.small:last-child {
        margin-bottom: 0;
    }

    section.lookbook-listing.carousel .sliderelement,
    main.lookbook-listing.carousel .sliderelement {
        margin-left: -0.83333333rem;
        width: calc(100% + 1.6666666666666667rem);
    }

        section.lookbook-listing.carousel .sliderelement .imagewrap,
        main.lookbook-listing.carousel .sliderelement .imagewrap {
            margin-left: 0.83333333rem;
            margin-right: 0.83333333rem;
        }

    section.lookbook-listing.bigsmall,
    main.lookbook-listing.bigsmall {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

        section.lookbook-listing.bigsmall .outerwrap,
        main.lookbook-listing.bigsmall .outerwrap {
            padding-bottom: 0;
        }

            section.lookbook-listing.bigsmall .outerwrap .innerwrap,
            main.lookbook-listing.bigsmall .outerwrap .innerwrap {
                position: static;
            }

        section.lookbook-listing.bigsmall .imagewrap,
        main.lookbook-listing.bigsmall .imagewrap,
        section.lookbook-listing.bigsmall .imagewrap.big,
        main.lookbook-listing.bigsmall .imagewrap.big,
        section.lookbook-listing.bigsmall .imagewrap.big.wide,
        main.lookbook-listing.bigsmall .imagewrap.big.wide {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            width: auto;
            position: relative;
            margin-bottom: 10%;
        }

            section.lookbook-listing.bigsmall .imagewrap:last-child,
            main.lookbook-listing.bigsmall .imagewrap:last-child,
            section.lookbook-listing.bigsmall .imagewrap.big:last-child,
            main.lookbook-listing.bigsmall .imagewrap.big:last-child,
            section.lookbook-listing.bigsmall .imagewrap.big.wide:last-child,
            main.lookbook-listing.bigsmall .imagewrap.big.wide:last-child {
                margin-bottom: 0;
            }

            section.lookbook-listing.bigsmall .imagewrap.right.outer,
            main.lookbook-listing.bigsmall .imagewrap.right.outer,
            section.lookbook-listing.bigsmall .imagewrap.left.outer,
            main.lookbook-listing.bigsmall .imagewrap.left.outer {
                right: auto;
                left: auto;
            }

    section.lookbook-listing.full,
    main.lookbook-listing.full {
        width: 80%;
        margin: 0 auto;
    }

        section.lookbook-listing.full .imagewrap,
        main.lookbook-listing.full .imagewrap {
            margin-bottom: 10%;
        }

    section.listing .listing-list li .product-image .product-controls .control,
    main.listing .listing-list li .product-image .product-controls .control {
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    }

        section.listing .listing-list li .product-image .product-controls .control:before,
        main.listing .listing-list li .product-image .product-controls .control:before {
            font-size: 1.43333333rem;
        }

        section.listing .listing-list li .product-image .product-controls .control span,
        main.listing .listing-list li .product-image .product-controls .control span {
            display: none;
        }

    section.listing .listing-list.triple li,
    main.listing .listing-list.triple li {
        width: calc(50% - 1.5rem);
    }
        
        main.listing .listing-list.triple li .outerwrap {
            padding-bottom: calc(70% + 7.25rem);
        }
        .product .description .prefix {
            height: 15px;
            font-size: .7666667rem;
            letter-spacing: .09em;
            font-weight: 600;
        }
        section.listing .listing-list.triple li .product-image,
        main.listing .listing-list.triple li .product-image {
            padding-bottom: 55%;
        }

        section.listing .listing-list.triple li.double,
        main.listing .listing-list.triple li.double {
            width: calc(100% - 1.5rem);
        }

    section.basket .basket-content #basket-list .row .column.data,
    main.basket .basket-content #basket-list .row .column.data {
        width: 5rem;
    }

    section.basket .basket-content #basket-list .row .column.remove,
    main.basket .basket-content #basket-list .row .column.remove {
        width: 5rem;
    }

    section.basket .basket-content #basket-list .row .column.product,
    main.basket .basket-content #basket-list .row .column.product {
        width: calc(85% - 17.5rem);
    }

    section#account .account-content .content-list.orders .list-row,
    main#account .account-content .content-list.orders .list-row {
        padding-bottom: 0.83333333rem;
    }

    body#productDetail .account-content .content-list.products .list-row {
        padding-bottom: 0.83333333rem;
    }

        body#productDetail .account-content .content-list.products .list-row.head {
            display: none;
        }

    body#cartDetail .account-content .content-list.products .list-row {
        padding-bottom: 0.83333333rem;
    }

        body#cartDetail .account-content .content-list.products .list-row.head {
            display: none;
        }


    section#account .account-content .content-list.orders .list-row.head,
    main#account .account-content .content-list.orders .list-row.head {
        display: none;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.store-map,
    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total,
    body#productDetail .account-content .content-list.products .list-row .list-column.address-name,
    body#productDetail .account-content .content-list.products .list-row .list-column.store-name,
    body#productDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        body#productDetail .account-content .content-list.products .list-row .list-column.store-map:before
        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.address-name:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.store-name:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            float: left;
        }


        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total .total,
        body#productDetail .account-content .content-list.products .list-row .list-column.address-name .address,
        body#productDetail .account-content .content-list.products .list-row .list-column.store-name .store,
        body#productDetail .account-content .content-list.products .list-row .list-column.city-name .city {
            margin-top: 0;
        }

        body#productDetail .account-content .content-list.products .list-row .list-column.store-map .map {
            margin-top: 0.83333333rem;
        }

        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total:before {
            content: 'Stok:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.address-name:before {
            content: 'Adres:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.store-name:before {
            content: 'MaÄŸaza:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            content: 'Åžehir:';
        }

    /*body#productDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
    }*/
    /*body#productDetail .account-content .content-list.products .list-row .list-column.store-map .map {
        width: 6.66666667rem;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 6.08333333rem;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 9.16666667rem;
    }
    body#productDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 9.16666667rem;
    }*/





    body#cartDetail .account-content .content-list.products .list-row .list-column.store-map,
    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total,
    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name,
    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name,
    body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-map:before
        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            float: left;
        }


        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total .total,
        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name .address,
        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name .store,
        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name .city {
            margin-top: 0;
        }

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-map .map {
            margin-top: 0.83333333rem;
        }

        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total:before {
            content: 'Stok:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name:before {
            content: 'Adres:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name:before {
            content: 'MaÄŸaza:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            content: 'Åžehir:';
        }

    /*body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
    }*/
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.store-map .map {
        width: 6.66666667rem;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 6.08333333rem;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 9.16666667rem;
    }
    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 9.16666667rem;
    }*/





    section#account .account-content .content-list.orders .list-row .list-column.order-message,
    main#account .account-content .content-list.orders .list-row .list-column.order-message,
    section#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total,
    section#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status,
    section#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        section#account .account-content .content-list.orders .list-row .list-column.order-message:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-message:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date:before {
            float: left;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-message .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-message .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-message .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .date {
            margin-top: 0;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose {
            margin-top: 0.83333333rem;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-total:before {
            content: 'Toplam:';
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-status:before {
            content: 'Durum:';
        }

        main#account .account-content .content-list.orders .list-row .list-column.viewing-status:before {
            content: 'Görüntülenme Durumu:';
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery {
            text-decoration: underline;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date:before {
            content: 'Tarih:';
        }
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date.custom:before {
            content: 'Firma:';
        }
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date.custom-ref:before {
            content: 'Referans:';
        }
    section#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-title {
        width: 100%;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.order-title {
        width: 100%;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.order-title {
        width: 100%;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses,
    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses {
        width: 400px;
        box-sizing: border-box;
        max-width: 100%;
        padding: 25px;
        margin-left: auto;
        margin-right: auto;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:before,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:before {
            display: none;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2),
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2),
        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1),
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1) {
            width: auto;
            float: none;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 40px;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:last-child,
            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2):last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2):last-child,
            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1):last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1):last-child {
                margin-bottom: 0px;
            }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
        padding: 1.33333333rem 0.5rem 0.83333333rem 0.5rem;
        font-size: 1.01666667rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
        width: 8rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
        width: 8rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
        width: calc(100% - 17.666666666666668rem);
    }

    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right {
        width: auto;
        float: none;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left {
        position: static;
    }

    footer #footer-address {
        font-size: 0.975rem;
    }

    .sliderelement.slider-main .owl-item .slide .slide-mobile {
        display: block;
    }

    .sliderelement.slider-main .owl-item .slide .outerwrap {
        display: block;
    }

    .listing-mini.triple-scatter > .outerwrap {
        padding-bottom: 58.651%;
        width: 80%;
    }

    .listing-mini.triple-half {
        width: 100%;
    }

        .listing-mini.triple-half .listing-wrapper {
            margin: 0;
        }

            .listing-mini.triple-half .listing-wrapper .listing-element {
                float: none;
                width: auto;
                margin-bottom: 10%;
            }

                .listing-mini.triple-half .listing-wrapper .listing-element.big.expanded {
                    margin-bottom: 4%;
                }

                    .listing-mini.triple-half .listing-wrapper .listing-element.big.expanded .outerwrap {
                        margin: 0;
                    }

                .listing-mini.triple-half .listing-wrapper .listing-element:last-of-type {
                    margin-bottom: 0;
                }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.options {
        float: none;
        width: auto;
        padding-left: 2.08333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .btn.right {
        margin-left: 10px;
        max-width: calc(50% - 5px);
    }

        .modal.account-returnorder .modal-element .modal-content .btn.right:last-child {
            margin-left: 0;
        }

    .modal.checkout-storedelivery .storedelivery-left {
        bottom: auto;
        height: 800px;
        max-height: 100%;
        width: 100%;
    }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-contentwrap {
            margin-bottom: 180px;
        }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer {
            height: 140px;
        }

    .modal.checkout-storedelivery .storedelivery-map {
        top: auto;
        height: 180px;
        left: 0;
        width: 100%;
    }

    .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn {
        width: calc(50% - 5px);
        margin-left: 10px;
    }

        .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn:nth-of-type(2n+1) {
            margin-left: 0;
        }

    .modal.sizechart.show .modal-element .modal-content .sizechart-body {
        width: 450px;
        max-width: 100%;
        margin: 40px auto 0;
        float: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-notes {
        float: none;
        width: auto;
        max-width: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
        width: 8.333333333333333%;
    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col:last-child {
            width: 8.333333333333333%;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
            width: auto;
            float: none;
            clear: both;
            text-align: center;
            font-size: 1.01666667rem;
        }

    .modal .modal-element .modal-content .modal-section.left,
    .modal .modal-element .modal-content .modal-section.right {
        width: 100%;
        margin-left: 0;
    }

    .search-bar {
        margin-bottom: 0.83333333rem;
    }

    .bottom_line {
        font-size: 15px;
        bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    .slide .slider-content {
        top:30%
    }
    .slider-related-products {
        height: 240px !important;
    }
    .main-product.royalSlider {
        height: 240px !important;
    }
    .owl-carousel .owl-item.active.center .owl-video-wrapper {
        height: 76% !important;
        margin-top: 26%;
    }

    .owl-carousel .owl-video-wrapper {
        height: 70% !important;
    }
/*    .container--tabs .nav-tabs > li > a {
        padding: 10px 10px 10px 10px !important;
    }*/
    #left-category {
        width: 80% !important;
        overflow-y: auto !important;
    }

    .left-category-a-full-width a {
        display: inline-block !important;
        width: 100% !important;
    }

    #mobile-full-width {
        width: 100% !important;
    }

    #popup-tooltiptext {
        width: 250px !important;
        margin-top: -8em !important;
        font-size: 10px !important;
    }

    .modal-element section.product-info .product-details .details-options .options-numbers.left, main.product-info .product-details .details-options .options-numbers.left {
        width: 100% !important;
    }

    .modal-element section.product-info .product-details .details-options .options-numbers.right, main.product-info .product-details .details-options .options-numbers.right {
        padding-left: 20%;
        width: 100% !important;
    }

    .right-popup {
        padding-left: 6% !important;
        width: 100% !important;
    }

    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .span-margin {
        margin-left: -35% !important;
    }

    .custom-width {
        width: 100% !important;
        position: relative !important;
    }

    header#custom-width-checkout #header-content {
        position: relative !important;
        margin-top: -125px !important
    }

    header #searchbar #searchbar-container #searchbar-text {
        font-weight: 400;
        font-size: 21px;
    }

    header.checkout .header-securepayment {
        width: 12.5rem;
        left: 16.16666667rem;
    }

    header.checkout .header-logo:after {
        right: -1.25rem;
    }

    section .section-title,
    main .section-title {
        padding: 2.5rem 0rem 2.5rem 0rem;
    }

    section.basket .basket-content #basket-list .row,
    main.basket .basket-content #basket-list .row {
        position: relative;
    }

        section.basket .basket-content #basket-list .row.head,
        main.basket .basket-content #basket-list .row.head {
            display: none;
        }

        section.basket .basket-content #basket-list .row .column.product,
        main.basket .basket-content #basket-list .row .column.product {
            width: 100%;
            float: none;
            padding: 1.58333333rem 0rem 1.58333333rem 0rem;
        }

            section.basket .basket-content #basket-list .row .column.product .product-quantity,
            main.basket .basket-content #basket-list .row .column.product .product-quantity {
                float: right;
                margin-top: 1.766667rem;
            }

            section.basket .basket-content #basket-list .row .column.product .description .thintitle,
            main.basket .basket-content #basket-list .row .column.product .description .thintitle,
            section.basket .basket-content #basket-list .row .column.product .description .prefix,
            main.basket .basket-content #basket-list .row .column.product .description .prefix {
                white-space: nowrap;
            }

        section.basket .basket-content #basket-list .row .column.remove,
        main.basket .basket-content #basket-list .row .column.remove {
            position: absolute;
            top: 15px;
            right: 0;
            padding: 0;
        }

        section.basket .basket-content #basket-list .row .column.data,
        main.basket .basket-content #basket-list .row .column.data {
            padding: 0rem 0rem 1.08333333rem 0rem;
            position: absolute;
            bottom: 0;
            left: 8.16666667rem;
            width: 50%;
            top:3rem;
        }

            section.basket .basket-content #basket-list .row .column.data.quantityBox,
            main.basket .basket-content #basket-list .row .column.data.quantityBox {
                left: 3rem;
                top: 2rem;
            }

            section.basket .basket-content #basket-list .row .column.data.total,
            main.basket .basket-content #basket-list .row .column.data.total {
                left: 15.83333333rem;
            }

                section.basket .basket-content #basket-list .row .column.data.total:before,
                main.basket .basket-content #basket-list .row .column.data.total:before {
                    content: '(';
                }

                section.basket .basket-content #basket-list .row .column.data.total:after,
                main.basket .basket-content #basket-list .row .column.data.total:after {
                    content: ')';
                }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
        width: 100%;
        padding: 0.83333333rem 0rem 0rem 0rem;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title {
            font-weight: 700;
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
        width: calc(100% - 10.833333333333334rem);
        min-height: 5.83333333rem;
    }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete {
        bottom: auto;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete {
            top: 1.25rem;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
        right: 0;
        width: 10rem;
    }

    section#account .account-content .content-list.giftcodes .list-row,
    main#account .account-content .content-list.giftcodes .list-row {
        padding-bottom: 0.83333333rem;
    }

        section#account .account-content .content-list.giftcodes .list-row.head,
        main#account .account-content .content-list.giftcodes .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
            width: 100%;
            padding-right: 0;
            padding-bottom: 0;
            font-weight: 700;
            margin-bottom: 0.83333333rem;
        }

        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
            width: 100%;
            padding: 0;
            text-align: right;
        }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before {
                text-align: left;
                float: left;
                width: 10rem;
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before {
                content: 'Kod:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before {
                content: 'Başlangıç:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before {
                content: 'BitiÅŸ:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before {
                content: 'Durum:';
            }

    section#account .account-content .content-list.messages .list-row,
    main#account .account-content .content-list.messages .list-row {
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    }

        section#account .account-content .content-list.messages .list-row.head,
        main#account .account-content .content-list.messages .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.messages .list-row .list-column.message-subject,
        main#account .account-content .content-list.messages .list-row .list-column.message-subject {
            width: 100%;
            padding: 0;
            margin-bottom: 0.83333333rem;
        }

        section#account .account-content .content-list.messages .list-row .list-column.message-status,
        main#account .account-content .content-list.messages .list-row .list-column.message-status,
        section#account .account-content .content-list.messages .list-row .list-column.message-date,
        main#account .account-content .content-list.messages .list-row .list-column.message-date,
        section#account .account-content .content-list.messages .list-row .list-column.message-code,
        main#account .account-content .content-list.messages .list-row .list-column.message-code {
            width: 360px;
            max-width: 100%;
            margin: 0 auto;
            float: none;
            padding: 0;
            text-align: right;
        }

            section#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            section#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            section#account .account-content .content-list.messages .list-row .list-column.message-code:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-code:before {
                float: left;
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-status:before {
                content: 'Kod:';
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-date:before {
                content: 'BaÅŸlama Tarihi:';
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-code:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-code:before {
                content: 'Durum:';
            }

    section#account .account-content .content-form .content-form-left,
    main#account .account-content .content-form .content-form-left,
    section#account .account-content .content-form .content-form-right,
    main#account .account-content .content-form .content-form-right,
    section#account .account-content .content-form .content-form-full,
    main#account .account-content .content-form .content-form-full {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    section#account .account-content.message .message-list .message .message-badge,
    main#account .account-content.message .message-list .message .message-badge {
        float: none;
        width: auto;
        margin-bottom: 1.25rem;
    }

        section#account .account-content.message .message-list .message .message-badge .badge-from,
        main#account .account-content.message .message-list .message .message-badge .badge-from {
            margin-bottom: 0.83333333rem;
        }

    section#account .account-content.message .message-list .message .message-body,
    main#account .account-content.message .message-list .message .message-body {
        float: none;
        width: auto;
    }

    section#account .account-content.message .message-reply .reply-info,
    main#account .account-content.message .message-reply .reply-info {
        float: none;
        margin-bottom: 0.83333333rem;
    }

    section#account .account-content.message .message-reply .reply-message,
    main#account .account-content.message .message-reply .reply-message {
        width: auto;
        float: none;
    }

    section#account .account-content.message .message-reply .reply-send,
    main#account .account-content.message .message-reply .reply-send {
        float: none;
        width: auto;
        text-align: center;
    }

    section#checkout #checkout-opts .checkout-steps .steps-list .step,
    main#checkout #checkout-opts .checkout-steps .steps-list .step {
        float: none;
        margin-right: 0;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option {
        float: none;
        margin: 0 0 6px;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            display: block;
            box-sizing: border-box;
            width: 100%;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child {
            margin-bottom: 0;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name {
        float: none;
        width: auto;
        margin-left: 0;
        clear: both;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv {
        width: calc(50% - 0.8333333333333334rem);
        margin-left: 0.83333333rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.carddate,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.carddate {
        width: calc(50% - 0.8333333333333334rem);
        margin-left: 0;
        margin-right: 0.83333333rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
        width: calc(100% - 200px);
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label {
            padding-left: 30px;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
        width: 100px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
        width: 80px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: auto;
        margin-bottom: 4px;
        width: 70px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details {
        margin-left: 0;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description {
        padding-left: 0;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo {
            position: static;
            width: 100px;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field {
        width: auto;
        float: none;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left {
            margin-right: 0;
        }

    section.product-info .product-details .details-options .options-numbers,
    main.product-info .product-details .details-options .options-numbers {
        text-align: center;
    }

        section.product-info .product-details .details-options .options-numbers .numbers-element,
        main.product-info .product-details .details-options .options-numbers .numbers-element {
            margin: 0 0 10px;
        }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size {
                width: 100%;
            }

    section#login .login-left,
    main#login .login-left {
        height: 100% !important;
    }

    footer #footer-subscription {
        margin: 0rem 2rem 0rem 2rem;
        width: auto;
    }

        footer #footer-subscription input[type="email"],
        footer #footer-subscription button[type="email"] {
            font-size: 13px;
        }

    footer #footer-specs {
        text-align: left;
    }

        footer #footer-specs .spec {
            display: block;
        }

    footer #footer-payment .opt.title {
        display: block;
        margin-bottom: 0.83333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
        width: auto;
        float: none;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
        width: auto;
        float: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table {
        font-size: 0.68333333rem;
    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row {
            line-height: 1.33333333rem;
            padding: 0.41666667rem 0rem 0.41666667rem 0rem;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
                text-align: center;
            }

                .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
                    font-size: 0.93333333rem;
                }

    .modal.sizechart.show .modal-element .modal-content .sizechart-head {
        padding-left: 0;
        text-align: left;
    }

    .search-bar {
        top: 29% !important;
    }

    .bottom_line {
        font-size: 12px;
    }
}

@media screen and (max-width: 390px) {
    .slide .slider-content .title {
        font-size: 10px;
    }
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    header .header-logo {
        width: 200px;
    }

    header.checkout .header-securepayment {
        left: 230px;
        width: 100px;
    }

    header.checkout .header-logo:after {
        right: -15px;
    }

    #mobilemenu #mobilemenu-content {
        width: 80%;
    }

    section.product-info .product-details .details-options .options-numbers.left,
    main.product-info .product-details .details-options .options-numbers.left {
        margin-left: 0;
        width: calc(100% - 108px);
    }

    section.product-info .product-details .details-options .options-numbers.right,
    main.product-info .product-details .details-options .options-numbers.right {
        margin-right: 0;
    }
    .search-bar {
        top: 29% !important;
    }
}

@media screen and (max-width: 375px) {
    ul.currency-ul {
        width: 100% !important;
        text-align: right;
    }
        ul.currency-ul li:nth-child(1) {
            width: 25% !important;
            float: left;
            font-size:7px !important;
        }

        ul.currency-ul li:nth-child(2) {
            width: 25% !important;
            float: left;
            font-size: 7px !important;
        }

        ul.currency-ul li:nth-child(3) {
            width: 48% !important;
            float: left;
            font-size: 7px !important;
        }
    .search-bar {
        top: 29% !important;
    }

    .bottom_line {
        font-size: 10px;
        bottom: 15px;
        padding-left: 5px;
    }
}
@media screen and (min-width: 1200px) {    
    ul.currency-ul li:nth-child(2) {
        width: 29% !important;
    }

    ul.currency-ul li:nth-child(3) {
        width: 44% !important;
    }
}
@media screen and (max-width: 360px) {
    .col-m-23-mobilyazi {
        position: static;
        width: auto;
        /* max-width: 23% !important; */
        float: left !important;
        -ms-flex: 0 0 23% !important;
        flex: 0 0 23% !important;
        font-size: 9px;
    }
    .search-bar {
        top: 29% !important;
    }

    .slider-related-products {
        height: 170px !important;
    }

    .main-product.royalSlider {
        height: 170px !important;
    }

    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .cart-product-image img {
        width: 24% !important;
    }

    .login-left {
        height: 100% !important;
    }

    .bottom_line {
        font-size: 8.5px;
    }
}
@media screen and (max-width: 350px) {
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    header.checkout .header-logo {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        header.checkout .header-logo:after {
            display: none;
        }

    header.checkout .header-securepayment {
        margin-top: 30px;
        left: 50%;
        -webkit-transform: translate(-50%, 140%);
        -ms-transform: translate(-50%, 140%);
        transform: translate(-50%, 140%);
    }

    footer #footer-subscription input[type="email"],
    footer #footer-subscription button[type="email"] {
        font-size: 11.5px;
    }

    .search-bar {
        top: 29% !important;
    }
}

@media only screen and (min-width : 480px) {
    .col-m-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
    }

    .col-m-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-m-33 {
        width: auto;
        max-width: 33% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }

    .col-m-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }

    .col-m-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }

    .col-m-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }

    .col-m-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-m-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .col-m-100totalmiktar {
        width: auto;
        max-width: 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }

    .btn-products.related {
        width: 100%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        margin-bottom: 1%;
    }
}

@media screen and (min-width: 768px) {
    .hidden-lg{
        display:none;
    }
    .col-t-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 20% !important;
    }

    .col-t-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-t-33 {
        width: auto;
        max-width: 33.333% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }

    .col-t-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }

    .col-t-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }

    .col-t-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }
    .col-t-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-t-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .btn-products.related {
        width: 100%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        margin-bottom: 1%;
    }
}

@media screen and (min-width: 992px) {
    .col-d-24totalmiktar {
        width: auto;
        max-width: 24% !important;
        -ms-flex: 0 0 24% !important;
        flex: 0 0 24% !important;
    }

    .col-d-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
    }

    .col-d-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-d-33 {
        width: auto;
        max-width: 33% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }
    .col-d-30 {
        width: auto;
        max-width: 35% !important;
        float: left !important;
        -ms-flex: 0 0 35% !important;
        flex: 0 0 35% !important;
    }

    .col-d-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }
    
    .col-d-49 {
        width: auto;
        max-width: 49% !important;
        float: left !important;
        -ms-flex: 0 0 49% !important;
        flex: 0 0 49% !important;
    }

    .col-d-49marg {
        width: auto;
        max-width: 49% !important;
        float: left !important;
        -ms-flex: 0 0 49% !important;
        flex: 0 0 49% !important;
        margin-right:+2%;
    }

    .col-d-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }
    
    .col-d-50-yazi {
        left: 8px;
        text-align: center;
        position: relative;
        top: 15px;
        width: auto;
        /* max-width: 50% !important; */
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        padding: 10px;
        /* left: 16px; */
    }


    .col-d-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }
    .col-d-70 {
        width: auto;
        max-width: 70% !important;
        float: left !important;
        -ms-flex: 0 0 70% !important;
        flex: 0 0 70% !important;
    }
    .col-d-60 {
        width: auto;
        max-width: 60% !important;
        float: left !important;
        -ms-flex: 0 0 60% !important;
        flex: 0 0 60% !important;
    }
    .col-d-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-d-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .btn-products.related {
        width: 48%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        padding: 0 !important;
        font-size: 0.65rem;
        font-weight: 200;
        letter-spacing: .65px;
    }
}

@media screen and (min-width: 1440px) {
    .btn-products.related {
        width: 48%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        padding: 0 !important;
        font-size: 0.79rem;
        font-weight: 700;
        letter-spacing: 2px;
    }
}
@media all and (max-width: 680px) {
    .col-m-24-mobilyazi {
        position: static;
        width: auto;
        /* max-width: 24% !important; */
        float: left !important;
        -ms-flex: 0 0 24% !important;
        flex: 0 0 24% !important;
        font-size: 11px;
    }
    .icon-button {
        border-radius: 1.6rem;
        font-size: 0.9rem;
        height: 1.6rem;
        line-height: 1.6rem;
        width: 1.6rem;
    }

        .icon-button:hover span {
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 1.6rem;
            margin: -0.8rem;
        }

        /* Icons */
        .icon-button i {
            height: 1.6rem;
            line-height: 1.6rem;
            width: 1.6rem;
        }

    .pinterest {
        display: none;
    }
}
@media (max-width:1200px) {
    .search-bar{
        top:150px!important;
        display:none;
    }
    .hidden-lg.float-left{        
        margin-top:23px;
    }
}


#productDetail .product-gallery .product-slider.royal-mini-slider {
    min-height: calc(100vw * 117.0 / 1903);
}

#productDetail .prod-info .product-gallery .product-slider.main-product {
    min-height: calc(100vw * 117.0 / 1250);
}
.prod-info {
    display: table;
    width: 100%;
}

@media (min-width:2335px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1260);
    }
}

@media (min-width:2390px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1300);
    }

}

@media (min-width:2630px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1400);
    }
}
@media (min-width:3400px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1500);
    }
}
@media (min-width:1200px) {
    .prod-info.active .prod-title.active {
        min-height: 100%!important;
    }
    .all-products .prod-info.active .prod-title.active {
        min-height: calc(100% - 110px) !important;
    }
}
@media  (max-width:992px) {
    main#checkout #checkout-opts{
        width:100%;
    }
    section#checkout #checkout-sum, main#checkout #checkout-sum {
        position: revert !important;
        width: 100% !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1261px) {
    main#account .account-content .content-list .list-row {
        line-height: 1.5em!important;
        margin-top: 20px !important;
    }
        main#account .account-content .content-list .list-row .list-column.widetext {
            letter-spacing: 0!important;
        }
}
@media (max-width:767px) {
    section.listing .listing-main .listing-head .listing-title {
        width: calc(100% - 85px);
    }
    .details-head.product span.price:not(.old) {
        font-size: 14px !important;
    }

    main#account .account-nav {
        width: 100%;
    }

    main#account .account-content {
        width: 100%;
    }

    section.breadcrumb .breadcrumb-list {
        text-align: left !important;
        padding-left: 0;
    }

    main#account .account-content {
        margin-top: 30px;
    }

        main#account .account-content h1 {
            margin-bottom: 15px;
        }

        main#account .account-content .content-list.orders .list-row {
            padding-bottom: 30px;
        }

            /* Preorder mobil başlangıç  */
            main#account .account-content .content-list.orders .list-row .list-column.order-name .name {
                margin: 0;
            }

            main#account .account-content .content-list.orders .list-row .list-column.order-title .order-id {
                margin: 0;
            }

            main#account .account-content .content-list.orders .list-row .list-column.order-title {
                width: 100%;
                text-align: right;
                padding: 0rem 0rem 0.41666667rem 0rem;
            }

                main#account .account-content .content-list.orders .list-row .list-column.order-title.offer-number::before {
                    content: "Teklif No:";
                    float: left;
                }

            main#account .account-content .content-list.orders .list-row .list-column.order-name {
                width: 100% !important;
                text-align: right;
                margin-top: 0 !important;
                padding: 0rem 0rem 0.41666667rem 0rem;
            }

                main#account .account-content .content-list.orders .list-row .list-column.order-name img {
                    float: right !important;
                }

                main#account .account-content .content-list.orders .list-row .list-column.order-name.project-name::before {
                    content: "Proje Adı:";
                    float: left;
                }

                main#account .account-content .content-list.orders .list-row .list-column.order-name.project-type::before {
                    content: "Proje Türü:";
                    float: left;
                }
    /* Preorder mobil bitiş */

    /* Basket mobil başlangıç */
    .divided.q1, .divided.q3 {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main.basket .basket-content #basket-list .row {
        padding: 0 15px;
    }

        main.basket .basket-content #basket-list .row .column.data {
            width: 100% !important;
            position: revert;
        }

        main.basket .basket-content #basket-list .row > .column.product {
            width: 90% !important;
        }

       /* main.basket .basket-content #basket-list .row .checkwrap {
            display: none;
        }*/

        main.basket .basket-content #basket-list .row .column.product .description .prefix {
            white-space: normal;
        }

        main.basket .basket-content #basket-list .row .column.data.quantityBox {
            position: revert;
            left: 0;
            right: 0;
        }

    .basket-head.mbx1 {
        margin-top: 30px;
    }

    main.basket .basket-content #basket-list .row .column.data.total::before {
        content: "";
    }

    main.basket .basket-content #basket-list .row .column.data.total::after {
        content: '';
    }

    main.basket .basket-content #basket-list .row .column.product .product-quantity {
        margin-top: 0;
    }

    main.basket .basket-content #basket-list .row .column.data.quantityBox .column {
        padding: 0;
    }

    main.basket .basket-content #basket-list .row .column.remove {
        right: 10px;
    }

    main.basket .basket-content #basket-list .row .column.unit-price {
        text-align: right;
    }

        main.basket .basket-content #basket-list .row .column.unit-price::before {
            content: "Birim Fiyat:";
            float: left;
        }

    main.basket .basket-content #basket-list .row .column.total-price {
        text-align: right;
    }

        main.basket .basket-content #basket-list .row .column.total-price::before {
            content: "Toplam Fiyat:" !important;
            float: left;
        }
    /* Basket mobil bitiş */

    /* checkout mobil başlangıç */
    main#checkout #checkout-opts {
        width: 100%;
    }

    #checkout-sum {
        position: revert !important;
        width: 100% !important;
    }

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
        width: auto !important;
    }
    /* checkout mobil bitiş */
}




    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row-no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

        .row-no-gutters [class*="col-"] {
            padding-right: 0;
            padding-left: 0;
        }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-0 {
        margin-left: 0%;
    }

    @media (min-width: 768px) {
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left;
        }

        .col-sm-12 {
            width: 100%;
        }

        .col-sm-11 {
            width: 91.66666667%;
        }

        .col-sm-10 {
            width: 83.33333333%;
        }

        .col-sm-9 {
            width: 75%;
        }

        .col-sm-8 {
            width: 66.66666667%;
        }

        .col-sm-7 {
            width: 58.33333333%;
        }

        .col-sm-6 {
            width: 50%;
        }

        .col-sm-5 {
            width: 41.66666667%;
        }

        .col-sm-4 {
            width: 33.33333333%;
        }

        .col-sm-3 {
            width: 25%;
        }

        .col-sm-2 {
            width: 16.66666667%;
        }

        .col-sm-1 {
            width: 8.33333333%;
        }

        .col-sm-pull-12 {
            right: 100%;
        }

        .col-sm-pull-11 {
            right: 91.66666667%;
        }

        .col-sm-pull-10 {
            right: 83.33333333%;
        }

        .col-sm-pull-9 {
            right: 75%;
        }

        .col-sm-pull-8 {
            right: 66.66666667%;
        }

        .col-sm-pull-7 {
            right: 58.33333333%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .col-sm-pull-5 {
            right: 41.66666667%;
        }

        .col-sm-pull-4 {
            right: 33.33333333%;
        }

        .col-sm-pull-3 {
            right: 25%;
        }

        .col-sm-pull-2 {
            right: 16.66666667%;
        }

        .col-sm-pull-1 {
            right: 8.33333333%;
        }

        .col-sm-pull-0 {
            right: auto;
        }

        .col-sm-push-12 {
            left: 100%;
        }

        .col-sm-push-11 {
            left: 91.66666667%;
        }

        .col-sm-push-10 {
            left: 83.33333333%;
        }

        .col-sm-push-9 {
            left: 75%;
        }

        .col-sm-push-8 {
            left: 66.66666667%;
        }

        .col-sm-push-7 {
            left: 58.33333333%;
        }

        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-push-5 {
            left: 41.66666667%;
        }

        .col-sm-push-4 {
            left: 33.33333333%;
        }

        .col-sm-push-3 {
            left: 25%;
        }

        .col-sm-push-2 {
            left: 16.66666667%;
        }

        .col-sm-push-1 {
            left: 8.33333333%;
        }

        .col-sm-push-0 {
            left: auto;
        }

        .col-sm-offset-12 {
            margin-left: 100%;
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-sm-offset-9 {
            margin-left: 75%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-sm-offset-6 {
            margin-left: 50%;
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-sm-offset-3 {
            margin-left: 25%;
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-sm-offset-0 {
            margin-left: 0%;
        }
    }

    @media (min-width: 992px) {
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left;
        }

        .col-md-12 {
            width: 100%;
        }

        .col-md-11 {
            width: 91.66666667%;
        }

        .col-md-10 {
            width: 83.33333333%;
        }

        .col-md-9 {
            width: 75%;
        }

        .col-md-8 {
            width: 66.66666667%;
        }

        .col-md-7 {
            width: 58.33333333%;
        }

        .col-md-6 {
            width: 50%;
        }

        .col-md-5 {
            width: 41.66666667%;
        }

        .col-md-4 {
            width: 33.33333333%;
        }

        .col-md-3 {
            width: 25%;
        }

        .col-md-2 {
            width: 16.66666667%;
        }

        .col-md-1 {
            width: 8.33333333%;
        }

        .col-md-pull-12 {
            right: 100%;
        }

        .col-md-pull-11 {
            right: 91.66666667%;
        }

        .col-md-pull-10 {
            right: 83.33333333%;
        }

        .col-md-pull-9 {
            right: 75%;
        }

        .col-md-pull-8 {
            right: 66.66666667%;
        }

        .col-md-pull-7 {
            right: 58.33333333%;
        }

        .col-md-pull-6 {
            right: 50%;
        }

        .col-md-pull-5 {
            right: 41.66666667%;
        }

        .col-md-pull-4 {
            right: 33.33333333%;
        }

        .col-md-pull-3 {
            right: 25%;
        }

        .col-md-pull-2 {
            right: 16.66666667%;
        }

        .col-md-pull-1 {
            right: 8.33333333%;
        }

        .col-md-pull-0 {
            right: auto;
        }

        .col-md-push-12 {
            left: 100%;
        }

        .col-md-push-11 {
            left: 91.66666667%;
        }

        .col-md-push-10 {
            left: 83.33333333%;
        }

        .col-md-push-9 {
            left: 75%;
        }

        .col-md-push-8 {
            left: 66.66666667%;
        }

        .col-md-push-7 {
            left: 58.33333333%;
        }

        .col-md-push-6 {
            left: 50%;
        }

        .col-md-push-5 {
            left: 41.66666667%;
        }

        .col-md-push-4 {
            left: 33.33333333%;
        }

        .col-md-push-3 {
            left: 25%;
        }

        .col-md-push-2 {
            left: 16.66666667%;
        }

        .col-md-push-1 {
            left: 8.33333333%;
        }

        .col-md-push-0 {
            left: auto;
        }

        .col-md-offset-12 {
            margin-left: 100%;
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-md-offset-9 {
            margin-left: 75%;
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-md-offset-6 {
            margin-left: 50%;
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-md-offset-3 {
            margin-left: 25%;
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-md-offset-0 {
            margin-left: 0%;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left;
        }

        .col-lg-12 {
            width: 100%;
        }

        .col-lg-11 {
            width: 91.66666667%;
        }

        .col-lg-10 {
            width: 83.33333333%;
        }

        .col-lg-9 {
            width: 75%;
        }

        .col-lg-8 {
            width: 66.66666667%;
        }

        .col-lg-7 {
            width: 58.33333333%;
        }

        .col-lg-6 {
            width: 50%;
        }

        .col-lg-5 {
            width: 41.66666667%;
        }

        .col-lg-4 {
            width: 33.33333333%;
        }

        .col-lg-3 {
            width: 25%;
        }

        .col-lg-2 {
            width: 16.66666667%;
        }

        .col-lg-1 {
            width: 8.33333333%;
        }

        .col-lg-pull-12 {
            right: 100%;
        }

        .col-lg-pull-11 {
            right: 91.66666667%;
        }

        .col-lg-pull-10 {
            right: 83.33333333%;
        }

        .col-lg-pull-9 {
            right: 75%;
        }

        .col-lg-pull-8 {
            right: 66.66666667%;
        }

        .col-lg-pull-7 {
            right: 58.33333333%;
        }

        .col-lg-pull-6 {
            right: 50%;
        }

        .col-lg-pull-5 {
            right: 41.66666667%;
        }

        .col-lg-pull-4 {
            right: 33.33333333%;
        }

        .col-lg-pull-3 {
            right: 25%;
        }

        .col-lg-pull-2 {
            right: 16.66666667%;
        }

        .col-lg-pull-1 {
            right: 8.33333333%;
        }

        .col-lg-pull-0 {
            right: auto;
        }

        .col-lg-push-12 {
            left: 100%;
        }

        .col-lg-push-11 {
            left: 91.66666667%;
        }

        .col-lg-push-10 {
            left: 83.33333333%;
        }

        .col-lg-push-9 {
            left: 75%;
        }

        .col-lg-push-8 {
            left: 66.66666667%;
        }

        .col-lg-push-7 {
            left: 58.33333333%;
        }

        .col-lg-push-6 {
            left: 50%;
        }

        .col-lg-push-5 {
            left: 41.66666667%;
        }

        .col-lg-push-4 {
            left: 33.33333333%;
        }

        .col-lg-push-3 {
            left: 25%;
        }

        .col-lg-push-2 {
            left: 16.66666667%;
        }

        .col-lg-push-1 {
            left: 8.33333333%;
        }

        .col-lg-push-0 {
            left: auto;
        }

        .col-lg-offset-12 {
            margin-left: 100%;
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-lg-offset-9 {
            margin-left: 75%;
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-lg-offset-6 {
            margin-left: 50%;
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-lg-offset-3 {
            margin-left: 25%;
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-lg-offset-0 {
            margin-left: 0%;
        }
    }

    product-info-title {
        font-size: 1.2em;
        font-weight: 600;
    }

    header #topmenu .topmenu .menu-section ul li a.active {
        background: #ed1c24 !important;
        color: #fff !important;
    }

    .currency-crumb.breadcrumb-list {
        margin-top: 0rem !important;
        line-height: 0rem !important;
        text-align: left !important;
    }

    .siparisdetayHeader {
        font-size: 16px;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #e1e1e1;
    }
.siparisdetayTableElementdiv {
    height: 176px;
    width: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ececec;
    box-shadow: 2px 2px 0px 0px rgba(225, 225, 225, 0.75)
}

.siparisdetayfiyatdiv {
    height: 43px;
    width: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: left;
    align-items: center;
    border: 1px solid #ececec;
    box-shadow: 2px 2px 0px 0px rgba(225, 225, 225, 0.75)
}

.siparisdetayfiyatSum {
    font-size: 14px;
    padding: 5px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    background: rgba(225,225,225,0.3);
}

.siparisdetayfiyatelement {
    font-size: 14px;
    padding: 5px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
}
.siparisdetaySumtable {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    width: 100%; /* -webkit-box-align: end; */
    margin-left: auto;
    float: right; /* position: relative; */ /* padding-top: 10px; */
}
.siparisdetaytable {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    margin-bottom: 25px;
    
}
.siparisdetayfoto {
    height: 176px;
    width: 100%;
    vertical-align: middle; /* display: table-caption; */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ececec;
    background: white;
    box-shadow: 1px 2px 0px 0px rgba(225,225,225,0.75)
}
.siparisdetayfiyatdiv .fillertable {
    flex-grow: 0.9;
}

@media (max-width: 1350px) {
    .btn-minimized_ {
        margin-left: +1%;
        width: auto;
        padding: 10px;
    }
}

@media (min-width: 1350px) {
    .btn-notminimized_ {
        margin-left: +1%;
        width: 130px;
        padding: 10px;
    }
}
.appliedCampaing-border {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.appliedCampaing-title {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
}
.appliedCampaing-item {
    line-height: 1.5;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #979494;
    width: 100%;
    margin-bottom: 10px;
}

    .appliedCampaing-item.payment-info {
        background: #FFE38D !important;
    }

.clearfix-info{
    margin-bottom:5px;
}

.searchBox {
  height: 575px;
  position: absolute;
  width: 73%;
  top: 70px;
  border: 1px solid whitesmoke;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 14px;
  visibility: hidden;
  opacity: 0;
  right: 40px;
  z-index: 999;
}
@media (max-width: 768px) {
  .searchBox {
    width: 100%;
    left: 0px;
    height: auto;
    top: 115px;
    padding: 10px 10px;
    border: 1px solid #000;
  }
  .searchBox:before {
      border-bottom-color: #000 !important;
  }
  .searchBox ul li {
    width: 100%;
    max-width: unset !important;
    padding: 0px !important;
  }
  .searchBox ul li > a {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 0 0 10px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
  }
  .searchBox ul li > a .price {
    line-height: 1.29;
    font-weight: 600;
    font-size: 14px;
    color: #212529;
    font-family: "Gotham Bold", sans-serif;
    white-space: nowrap;
  }
  .searchBox ul li > a .product-img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background: transparent center no-repeat;
    background-size: contain;
  }
  .searchBox .link {
    display: table;
    width: 100%;
    float: right;
    text-align: right;
    padding: 5px 25px;
    position: relative;
  }
  .searchBox .link:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
    margin-left: 11px;
    position: absolute;
    right: 9px;
    top: 12px;
  }
  .searchBox h3 {
    margin-bottom: 0;
  }
}
.searchBox.activeSearchBox {
  visibility: visible;
  opacity: 1;
}
.searchBox .searchBoxWrap {
  position: relative;
  width: 100%;
}
.searchBox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  right: 50%;
  top: -19px;
}
.searchBox:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: whitesmoke;
  top: -20px;
  right: 50%;
}
.searchBox h3 {
  width: auto;
  font-size: 14px;
  line-height: 1.29;
  color: #de1f26;
  font-family: "Gotham Bold", sans-serif;
  font-weight: 600;
}
.searchBox h3.search-result-title {
  width: auto;
  font-size: 14px;
  line-height: 1.29;
  padding-top: 5px;
  color: #de1f26;
  font-family: "Gotham Bold", sans-serif;
  font-weight: 600;
}
.searchBox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.searchBox ul > li {
  max-width: 192px;
  padding: 4px 4px;
}
.searchBox ul > li a {
  color: #000;
  font-size: 12px;
}
.searchBox ul > li.active .productList {
  visibility: visible !important;
  opacity: 1 !important;
}
.searchBox ul > li:hover {
  background: #f7f7f7;
}
.searchBox ul > li:hover .productList {
  /* visibility: visible !important;
   opacity: 1 !important;*/
}
.searchBox .productList {
  position: absolute;
  left: 30%;
  width: 75%;
  top: 0px;
  border-left: 1px solid whitesmoke;
  padding: 0px 16px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  margin-top: 0 !important;
}
.searchBox .productList li {
  width: 33%;
  display: table;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-height: 180px;
}
.searchBox .productList li a {
  padding: 8px;
  display: table;
  width: 100%;
  font-size: 12px;
}
.searchBox .productList li a:hover {
  background: #f7f7f7;
}
.searchBox .productList li .productImg {
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: transparent center no-repeat;
  background-size: contain;
}
.searchBox .productList li img {
  width: auto;
  max-width: 100%;
  max-height: 100px;
}
.searchBox .productList li .price {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.searchBox .productList li .desc {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.searchBox .link {
  display: table;
  width: 100%;
  float: right;
  text-align: right;
  padding: 10px 20px;
  position: relative;
  bottom: 8px;
  right: 15px;
  font-size: 13px;
}
.searchBox .link:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
  margin-left: 11px;
  position: absolute;
  right: 9px;
  top: 12px;
}
.activation-img img {
    height: 400px;
    float: right;
}

.activation-desc {
    position: absolute;
    left: 40%;
    top: 40%;
}

.go-home-btn {
    position: absolute;
    bottom: 5%;
}

@media screen and (max-width:992px) {
    .activation-img img {
        height: auto;
    }

    .activation-desc {
        position: relative;
        text-align: center;
    }

    .go-home-btn {
        position: relative
    }
}
.innerwrap.product:hover .product-hover {
    transform: translateX(0px) !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media screen and (min-width: 1200px) {
    .hover-col-3 {
        height: 170px;
    }
    .hover-col-2 {
        height: 240px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .hover-col-3 {
        height: 150px;
    }
    .hover-col-2 {
        height: 240px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .hover-col-3 {
        height: 125px;
    }
    .hover-col-2 {
        height: 185px;
    }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
    .hover-col-3 {
        height: 125px;
    }
    .hover-col-2 {
        height: 190px;
    }
}
@media screen and (min-width: 576px) and (max-width: 640px) {
    .hover-col-3 {
        height: 145px;
    }
    .hover-col-2 {
        height: 155px;
    }
}
@media screen and (min-width: 512px) and (max-width: 576px) {
    .hover-col-3 {
        height: 140px;
    }
    .hover-col-2 {
        height: 135px;
    }
}
@media screen and (max-width: 512px) {
    .hover-col-3 {
        height: 110px;
    }
    .hover-col-2 {
        height: 110px;
    }
}
.product-hover > p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    border-bottom: 2px solid #f4f4f4;
}
i#zoomPlus:hover {
    color: #ed1c24 !important;
}
.product-hover > p:last-child {
    border-bottom: none !important;
}
.product-hover > p:last-child {
}
a.btn.btn-products.all-btn.col-d-100.col-t-100.col-m-100.btn-1:hover > p {
    /* transform: translateX(-100%); */
}
.btn-2:hover > i.fa.fa-long-arrow-right {
    opacity: 1 !important;
    transform: translateX(0px) !important;
}
.btn-1:hover > p {
    opacity: 0;
    transform: translateY(-100%);
}
.btn-1:hover > i.fa.fa-long-arrow-right {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    visibility: visible !important;
}
/*.btn-2:hover > p {
    opacity: 0;
    transform: translateY(-100%);
}*/
/*.btn-2:hover > i {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    visibility: visible !important;
}*/
.product-cart {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0 #0000001c;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.14);
}

.product-cart .product {
    border-radius: 5px !important;
}
.product-hover {
    /*height: auto;*/
    background: #7676767d;
    border-radius: 5px 5px 0 0 !important;
    padding: 16% 20%;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}
.product-cart .search-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}
.product-cart .description .product-desc {
    text-align: left;
    margin-top: 15px;
}

    .product-cart .description .product-desc .add-favorite-list {
        float: inline-end;
    }

.product-cart .not-login {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    line-height: 1;
    margin-top: 10px;
}
.product-cart .score {
    font-size: 1.75rem;
    line-height: 2.85rem;
    letter-spacing: 0;
    float: none !important; 
    padding: 0;
    margin-top: 15px;
}
.product-cart .wrap-quantity {
    border: none;
}
.product-cart .step-quantity {
    line-height: 2.4rem;
    background-color: #f6f6f6;
}
.product-cart .message-alert {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0px;
}
.product-cart .actions {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.product-cart .detail-btn {
    background-color: lightgrey;
    border: unset;
    color: black;
    font-size: 11px;
    font-weight: bold;
    float: none !important;
    border-radius: 5px;
    max-width: 49% !important;
    overflow: hidden;
    padding: 10px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-cart .detail-btn-text {
    line-height: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    transition: 0.2s !important;
    width: 100% !important;
}
.product-cart .detail-btn-hover {
    font-size: 24px;
    position: absolute;
    transform: translateX(-100%);
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    width: 100%;
    visibility: hidden;
}
.product-cart .basket-btn {
    background-color: #ED1C24;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    max-width: 100% !important;
    padding: 12px;
    margin: 0;
    display:flex;
}
.product-cart .basket-btn-text {
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500 !important;
    line-height: 24px;
    word-wrap: break-word;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px !important;
}
.product-cart .basket-btn-hover {
    font-size: 24px;
    position: absolute;
    transform: translateX(100%);
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    width: 100%;
    visibility: hidden;
}
/*.product-cart .badge-discount {
    background: #ed1c24;
    color: #fff;
    padding: 2px 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0;
    position: absolute;
    display: inline-block;
}*/
.product-cart .price.old:after {
    width: 100%;
    content: ' ';
    height: 1px;
    overflow: hidden;
    left: 0;
    top: 52%;
    /*background-color: #D9D9D9;*/
    display: block;
    position: absolute;
}
/*.product-cart .store-stock-btn {
    padding: 2.5px !important;
    border-radius: 5px !important;
}*/
#selectBoxDate {
    margin-left: 25px;
    background: #efefef;
    border-color: #a8a8a9;
}

.order-cancel-title {
    margin-bottom: 25px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #5a5a5a;
}
.order-cancel-message-btn {
   border: none;
   background: none;
}
.order-cancel-message-btn::after {
   outline: none;
}
.order-cancel-message-btn:hover {
    color: #ed1c24;
    cursor: pointer;
}
.btn-cancel-order {
    margin-bottom: 5px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px
}
.orderCancelMessage {
    border-radius: 5px;
    box-shadow: 3px 1px 15px 1px rgba(0,0,0,0.2);
}
#order-cancel-popup .input-focus {
    height: 300px;
}
.validationOrderCancelcustom {
    color: #ff5d5d !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    position: relative;
    left: 0;
    bottom: -1rem;
}
.validationCancelReasonText {
    color: #ff5d5d !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    position: relative;
    left: 0;
    bottom: -1rem;
}
.validateCancelReasonMesg {
    font-size: 16px;
    text-align: center;
    color: #ed1c24;
}
.advance-check {
    width: auto !important;
    margin: 0;
    position: relative;
    cursor: pointer;
}
    .advance-check:before {
        content: "";
        display: block;
        position: absolute;
        width: 13px;
        height: 14px;
        top: 0;
        left: 0;
        margin-top: 5px;
        padding: 1px;
        border: 1px solid #333333;
        border-radius: 2px;
        background-color: white;
    }

    .advance-check:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid black;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 5px;
        left: 5px;
    }
.currentInfo {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px !important;
    color: #cccccc
}
    .currentInfo .currentInfoBox {
        border: 1px solid #e6e6e6;
        visibility: hidden;
        width: 270px;
        background-color: #fff;
        color: #ccc;
        text-align: center;
        border-radius: 10px;
        padding: 10px 10px 15px 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        font-size: 12px;
        margin-left: -135px;
        box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    }

        .currentInfo .currentInfoBox::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

    .currentInfo .infoBoxClose {
        display: flex;
        color: #404040;
        flex-direction: row-reverse;
    }

    .currentInfo .infoBoxShow {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }
@media screen and (min-width: 1440px) {
    .table-payment-status {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width: 1439px) {
    .table-payment-status .currentInfo .currentInfoBox {
        width: 150px;
        margin-left: -75px;
    }
}

.current-table-item .currentInfo {
    font-size: 12px !important;
}

.paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #5a5a5a;
}

.li-paging {
    display: inline-block;
    margin: 0rem 1.25rem 0rem 1.25rem;
}

.page-action.active {
    text-decoration: underline;
    font-weight: bold;
}


/* wattp moneypoints*/

.wattp-main-content h1 {
    margin-bottom: 10px;
}

.wattp-main-content .watt-information-table {
    margin: 5px 0;
    padding: 2% 5%;
    background-color: #fff;
    border-radius: 23px;
    background: #FFF;
    box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
}

    .wattp-main-content .watt-information-table.second {
        padding: 5% 5%;
    }

        .wattp-main-content .watt-information-table.second .title.used {
            position: relative;
            display: inline-block;
            width: 70%;
            float: left;
            padding-left: 20px;
            font-weight: bold;
            font-size: 15px;
        }

        .wattp-main-content .watt-information-table.second .currentInfo {
            text-align: right;
            display: inline-block;
        }

        .wattp-main-content .watt-information-table.second .second {
            width: 30%;
            text-align: right;
            font-size: 21px;
            display: inline-block;
        }

        .wattp-main-content .watt-information-table.second .title:before {
            width: 13px;
            bottom: 30%;
            position: absolute;
            content: "";
            border-radius: 5px;
            background: #E51C28;
            height: 5px;
            left: 0;
        }

        .wattp-main-content .watt-information-table.second .currentInfo .currentInfoBox {
            left: 80%;
        }

    .wattp-main-content .watt-information-table h3 {
        padding: 5px 0px 7px 0px;
        color: #000;
        font-family: Roboto,sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-bottom: 2px solid #D9D9D9;
    }

    .wattp-main-content .watt-information-table .info-content {
        width: 100%;
        display: flex;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        padding: 0;
        text-decoration: none;
        margin-top: 2%;
    }

        .wattp-main-content .watt-information-table .info-content .info-item {
            color: #3E3E3F;
            text-align: center;
            font-family: Roboto,sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            display: flex;
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
            position: relative;
        }

            .wattp-main-content .watt-information-table .info-content .info-item .title {
                position: relative;
                display: flex;
                font-size: 15px;
                font-weight: bold;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .second {
                position: relative;
                color: #000;
                text-align: center;
                font-family: Roboto,sans-serif;
                font-size: 40px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                min-height: 80px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-top: 5%;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title:before {
                width: 34px;
                height: 5px;
                position: absolute;
                content: "";
                left: 0;
                bottom: -40%;
                border-radius: 5px;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.active:before {
                background: #5FD24C;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.passive:before {
                background: #FFEC44;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.used:before {
                background: #E51C28;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .currentInfo {
                color: #C5C5C8;
                text-align: center;
                font-family: Roboto,sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
                content: "[?]" !important;
                cursor: pointer;
                display: inline-block;
            }

.wattp-main-content .currentInfo .currentInfoBox {
    border: 1px solid #e6e6e6;
    visibility: hidden;
    width: 270px;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 94%;
    font-size: 12px;
    margin-left: -135px;
    background: #FFF;
    box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
}

.wattp-main-content .currentInfo .infoBoxClose {
    display: flex;
    color: #404040;
    flex-direction: row-reverse;
}

.wattp-main-content .currentInfo .infoBoxShow {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.wattp-main-content .currentInfo .currentInfoBox::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.wattp-main-content .order-table {
    margin-top: 30px;
}

    .wattp-main-content .order-table h2 {
        margin-bottom: 25px;
        font-family: Roboto,sans-serif;
        line-height: 1.45833333rem;
        font-weight: 700;
    }

    .wattp-main-content .order-table ul li span {
        width: 14.28%;
        float: left;
        text-align: center;
        font-family: Roboto,sans-serif;
        letter-spacing: .11em;
        line-height: 1.45833333rem;
        font-size: .89rem !important;
        font-weight: 700;
        display: table;
        min-height: 1px;
    }

.wattp-main-content .watt-desc {
    margin: 20px 5px;
    text-align: center;
}

.wattp-main-content .watt-text {
    margin: 10px;
    font-size: 14px;
}

.wattp-main-content .watt-campaign-desc {
    color: #ccc;
}

    .wattp-main-content .watt-campaign-desc strong {
        color: #3E3E3F
    }

.wattp-main-content .watt-campaign-row .campaign-desc {
    font-size: 16px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}

.wattp-main-content .watt-campaign-row .campaign-detail-content .campaign-detail {
   font-weight:bold;
}

.wattp-main-content .watt-campaign-row .campaign-detail-content .nav-arrow-black {
    position: absolute;
    top: 23px;
    right: 25px;
}

.wattp-main-content .icons-area {
    display: flex;
}

.wattp-main-content .icons-area img {
   margin-right:12px;
}

.wattp-main-content .earn-wattp-area {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.wattp-main-content .earn-wattp-area p{
    margin-right:3px;
    font-size:20px;
}

/*.wattp-main-content .js-campaign-list {
    padding-right: 15px;
}*/

.wattp-main-content .js-campaign-list .watt-campaign-row {
    border-radius: 19px;
    border: 1px solid rgba(217, 217, 217, 0.63);
    margin: 10px 0;
    padding: 15px;
    display: table;
    position: relative;
    width: 100%;
}


.wattp-main-content .js-campaign-list .watt-campaign-row:last-child {
    margin-bottom: 16px;
}


/*.wattp-main-content .js-show-detail {
    float: right;
}

    .wattp-main-content .js-show-detail svg {
        position: absolute;
        top: 50%;
        right: 3%;
        transform: translateY(-50%);
    }*/

.wattp-main-content .campaign-detail {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.wattp-main-content .js-wattpoint-orderlist {
    margin: 15px 0px
}

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head {
        border-bottom: 1px solid #414042 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.value-row {
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row .list-column.widetext {
       font-size:14px !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head {
        font-family: 'Roboto-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px !important;
    }

        .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head .list-column {
            color: #3E3E3F;
            letter-spacing: 0.2px;
        }

    .wattp-main-content .js-wattpoint-orderlist .pending-orders .points-earned, .wattp-main-content .js-wattpoint-orderlist .approve-orders .points-earned {
        color: #ED1C24 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .change-order-list {
        color: #c5c5c8;
    }

        .wattp-main-content .js-wattpoint-orderlist .change-order-list.active {
            color: #333;
            font-family: "Roboto-Bold" !important;
        }

    .wattp-main-content .js-wattpoint-orderlist .content-title {
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .approve-border {
        z-index: -1;
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .pending-border {
        display: none;
        z-index: -1;
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .approve-tab {
        font-family: "Roboto-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .pending-tab {
        line-height: 50px;
        padding-left: 55px;
        font-size: 16px;
        font-family: "Roboto-Regular";
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px;
    }

.wattp-main-content .win-wattpoint {
    background: rgba(245, 240, 227, 0.58);
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0px;
    font-size: 14px !important;
    padding-bottom: 20px;
}

    .wattp-main-content .win-wattpoint a {
        letter-spacing: 1px;
        font-size: 13px;
    }

    .wattp-main-content .win-wattpoint .continue-btn-container {
        display: table-cell;
        vertical-align: middle;
    }

.wattp-main-content .win-wattpoint-desc {
    display: table-cell;
    vertical-align: middle;
    line-height: 25px;
}

.wattp-main-content .win-wattpoint img {
    width: 278px;
    height: 169px;
    float: left;
}

.wattp-main-content .black-watt {
    color: #3E3E3F;
    font-weight: bold;
    font-size: 24px;
}

.wattp-main-content .red-watt {
    color: #ed1c24;
    font-weight: bold;
    font-size: 24px;
}

.wattp-main-content .js-watt-aggrement, .js-watt-kvkk {
    color: #3E3E3F;
    text-decoration: underline;
}

.wattp-main-content .js-wattpoint-orderlist .order-list-container .content-list .list-row .list-column.widetext {
    letter-spacing: 0px !important;
}

@media screen and (min-width:768px) {
    .wattp-main-content .watt-desc .svg-1 {
        width: 84px;
        height: 88px;
    }

    .wattp-main-content .watt-desc .svg-2 {
        height: 76px;
        width: 86px;
    }

    .wattp-main-content .watt-desc .svg-3 {
        width: 96px;
        height: 86px;
    }

    .wattp-main-content .watt-desc .svg-4 {
        width: 94px;
        height: 90px;
    }

    .wattp-main-content .watt-desc .svg-5 {
        width: 116px;
        height: 100px;
    }

    .wattp-main-content .watt-desc .svg-6 {
        width: 98px;
        height: 40px;
    }

    .wattp-main-content .watt-desc .svg-7 {
        width: 86px;
        height: 88px;
    }
}

@media screen and (max-width:768px) {
    .wattp-main-content .js-order-list {
        letter-spacing: .0001em;
        font-size: 13px !important;
       /* padding: 0 10px;*/
    }

    .wattp-main-content .watt-campaign-row .campaign-desc {
        padding-right: 90px;
        left: 15%;
        font-size:10px;
        top:35%;
    }

    .wattp-main-content .watt-campaign-row .campaign-detail-content .nav-arrow-black {
        position: relative;
        top: -8px;
        padding-top: 5px;
        left: 10px;
    }

        .wattp-main-content .watt-campaign-row .campaign-detail-content {
            display: flex;
            align-items: center;
            position: absolute;
            left: 53px;
            top: 40px;
        }

    .wattp-main-content .campaign-detail {
      /*  right: 11%;*/
        position: static
    }

    #wattp_content .modal-element .continue-btn-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wattp-main-content .win-wattpoint img {
        float: none;
        margin: 0 auto;
        display: table;
    }

        .wattp-main-content .win-wattpoint .win-wattpoint-desc {
            float: none;
            margin: 0 auto;
            display: table;
        }

        .wattp-main-content .win-wattpoint .continue-btn-container {
            float: none;
            margin: 0 auto;
            display: table;
        }

    .wattp-main-content .approve-border, .pending-border {
        left: -15%;
    }

    .wattp-main-content .value-row {
        width: 100% !important;
      /*  float: left;*/
        border-bottom: none !important;
    }

    .wattp-main-content .column-value {
        width: 100% !important;
        padding: 1rem 0rem 1rem 0rem !important
    }

    .wattp-main-content .column-row {
        width: 40% !important;
        float: left;
        border-bottom: none !important;
    }

 /*   .wattp-main-content .column-name {
        width: 100% !important;
    }*/

    .wattp-main-content .company-customer {
        line-height: 1rem;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .pending-tab{
        padding-left:20px;
    }

    .wattp-main-content .approve-orders .list-column .column-name, .pending-orders .list-column .column-name {
        width: 43% !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row .list-column {
        padding: 0 0rem 1.83333333rem 0rem !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title {
        margin-bottom: 20px !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .order-list-container .content-list .list-row.value-row {
        margin-top: 20px !important;
    }
}

main#account .wattp-main-content .content-title {
    border-bottom: none;
}

.wattp-main-content .content-title .approve-svg, .wattp-main-content .content-title .pending-svg {
    position: absolute;
    left: 0;
}

.wattp-main-content .content-title .pending-svg {
   display:none;
}

.wattp-main-content .js-order-list {
    cursor: pointer;
    /*padding: 0 20px;*/
    font-size: 14px;
}

    .wattp-main-content .js-order-list:hover {
        text-decoration: underline;
    }

.wattp-main-content .approve-border, .pending-border {
    z-index: -1;
    position: relative;
}

.wattp-main-content .approve-tab.active ~ .approve-border {
    display: block;
}

.wattp-main-content .approve-tab.active ~ .pending-border {
    display: none;
}

.wattp-main-content .pending-tab.active ~ .approve-border {
    display: none;
}

.wattp-main-content .pending-tab.active ~ .pending-border {
    display: block;
}

.wattp-main-content .order-list-container .approve-no-order, .wattp-main-content .order-list-container .pending-no-order {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .wattp-main-content .order-list-container .approve-no-order img, .wattp-main-content .order-list-container .pending-no-order img {
        margin-right:15px;
    }

.wattp-main-content .order-list-container .pending-no-order {
    display:none;
}

.wattp-main-content .approve-orders .list-column.status .status, .pending-orders .list-column.status .status {
    font-size: 13px !important;
}

.wattp-main-content .approve-orders .list-column, .pending-orders .list-column {
    width: 25%;
}

.wattp-main-content .company-customer .customer, .order-id .date {
    color: #c4c4c4;
    padding: 5px 0 0 0;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    font-family: "Roboto-Light";
}

.wattp-main-content .js-wattpoint-orderlist .order-list-container .list-column .order-id a, .wattp-main-content .js-wattpoint-orderlist .order-list-container .list-column .company {
    font-family: "Roboto-Light";
}

.wattp-main-content .column-value .total-amount {
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.wattp-main-content .column-value .win-watt-point {
    font-weight: bold;
    display: inline-flex;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

    .wattp-main-content .column-value .win-watt-point .point-icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 3px;
    }

        .wattp-main-content .column-value .win-watt-point .point-icon-container .star-icon {
            position: absolute
        }

.wattp-main-content .column-value.status {
    /*width:auto;*/
}

    .wattp-main-content .column-value.status .status {
        border: 1px solid #000;
        padding: 0px 10px !important;
        border-radius: 15px;
        color: #fff;
        position: relative;
        display: inline-block;
        font-size:12px !important;
        font-family:"Roboto-Light";
    }

        .wattp-main-content .column-value.status .status.completed {
            background: #7DBB73;
            border-color: #7DBB73;
        }

        .wattp-main-content .column-value.status .status.waiting {
            border-color: #6A6A6A;
            background: #6A6A6A;
        }

        .wattp-main-content .column-value.status .status.cancelled {
            border-color: #ed1c24;
            background: #ed1c24;
        }

.wattp-main-content .border-right {
    text-decoration: underline;
    padding-right: 5px;
}

.wattp-main-content .paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: none;
    border-bottom: none;
    color: #8a8a8a;
    margin-top: 0px;
    margin-bottom: 0px;
}

.wattp-main-content .li-paging {
    display: inline-block;
    margin-left: 11px;
}

.wattp-main-content .page-action.active {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding: 3px 6px;
    border: 1px solid #000;
}

.wattp-main-content .page-action.prev img {
    transform:scaleX(-1);
}

.wattp-main-content .win-wattpoint .btn.mtx1, .wattp-main-content .watt-desc .btn.mtx1 {
    font-family: 'Roboto-Light',sans-serif;
    padding:12px 20px;
    font-size:14px;
    letter-spacing:1px;
}
.wattp-main-content .win-wattpoint .btn.mtx1:hover, .wattp-main-content .watt-desc .btn.mtx1:hover {
    background-color: #ed1c24 !important;
    color: #fff;
}
.wattp-main-content .win-wattpoint .btn.mtx1 img, .wattp-main-content .watt-desc .btn.mtx1 img {
    width: auto;
    height: auto;
    float: right;
    position: relative;
    top: 2px;
    left: 6px;
}

/*watt campaign popup*/
#wattp_content {
    border-radius: 5px;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.38);
}

    #wattp_content .modal-element .modal-content {
        padding: 0.5rem 2rem !important;
    }

    #wattp_content .modal-element .modal-content .modal-subtitle {
        border-bottom: 1px solid #D9D9D9;
        color: #000;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 135.2%;
    }

    #wattp_content .modal-element {
        width: 600px !important;
        height: auto;
    }

        #wattp_content .modal-element .continue-btn-container .continue-shopping {
            border-radius: 5px;
            background: #ED1C24;
            padding: 14px 23px;
            float: right;
            display: flex;
            letter-spacing: 0.1rem;
            color: #FFF;
            text-align: center;
            font-family: "Roboto-Regular";
            font-size: 14px;
            line-height: normal;
            margin-bottom: 27px;
        }

            #wattp_content .modal-element .continue-btn-container .continue-shopping:hover{
                color:#fff;
            }

            #wattp_content .modal-element .continue-btn-container .continue-shopping img {
                margin-left: 5px;
            }

    #wattp_content .modal-close {
        top: 30px;
        right: 30px;
        border: none;
        background-color: transparent;
    }

    #wattp_content .campaign-info-area {
        width: 100%;
        border-radius: 19px;
        background: #F5F5F5;
        position: relative;
        height: 61px;
        display: flex;
        align-items: center;
        padding: 35px;
    }

    #wattp_content .campaign-info-area img {
        margin-right: 18px;
    }


    #wattp_content .watt-dynamic-content .watt-content-main {
        color: #3E3E3F;
        font-family: 'Roboto-Light' !important;
        margin-top: 30px;
    }

        #wattp_content .watt-dynamic-content .watt-content-main strong {
            color: #F44;
            font-family: 'Roboto-Regular' !important;
        }

        #wattp_content .watt-dynamic-content .watt-content-main .watt-info-area {
            margin: 4px 0px 15px 0px;
        }

            #wattp_content .watt-dynamic-content .watt-content-main .watt-info-area .watt-content-list {
                list-style-type: disc !important;
                font-family: 'Roboto-Regular' !important;
                margin-left: 25px;
            }

.order-wpcampaign-area {
    float: right;
    padding: 0;
    margin-top: 16px;
    width:100%;
}
.order-wpcampaign-area .order-pagewp-area{
    text-align:center;
    padding-bottom:13px;
    border-bottom:1px solid #D9D9D9;
}

.order-wpcampaign-area .order-pagewp-area .wp-title{
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color:#C5C5C8;
}
.order-wpcampaign-area .order-pagewp-area .wp-title bold{
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 400;
    color:#333333;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .thin{
    margin-left:10px;
    color:#333333;
    font-weight: 300;
    font-family: 'Roboto-Light';
}
.order-wpcampaign-area .order-pagewp-area .wp-title .thin img{
    display:inline-block;
    position:relative;
    top:2px;
}
.order-wpcampaign-area .order-pagecampaign-area{
    margin-top:13px;
}
.order-wpcampaign-area .order-pagecampaign-area p{
    margin-bottom:13px;
    color: #333;
    font-size: 13px;
    font-family: Roboto-Medium;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item{
    padding:10px 15px;
    margin-bottom:7px;
    border-radius: 15px;
    border: 1px solid rgba(217, 217, 217, 0.63);
    display:table;
    position:relative;
    width:100%;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item img{
    margin-right:9px;
    float:left;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item span{
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size:9px;
    font-family: 'Roboto-Light';
    font-weight: 300;
}
.continue-shopping-buttons{
    padding:0;
}
.continue-shopping-buttons .continue-shopping {
    border-radius: 5px;
    background: #ED1C24;
    color: #fff;
    font-size: 14px;
    padding: 14px 33px;
    width: auto;
    display: inline-block;
    float: right;
    margin-left: 9px;
}
.continue-shopping-buttons .continue-shopping img{
    float: right;
    margin-left: 6px;
    position: relative;
    top: 1px;
}
.continue-shopping-buttons input {
    margin-bottom: 5px;
    float: right;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 27px;
    background: #737373;
    border-color: #737373;
    letter-spacing: 0;
    line-height: 12.4px;
}
.continue-shopping-buttons input:hover{
    background: #737373;
    border-color: #737373;
    color:#fff;
}
.continue-shopping-buttons .js-form-error{
    color: #E85A4B;
    text-align: right;
    margin-top: 10px
}
@media (min-width:992px) {
    .order-wpcampaign-area {
        max-width: 24% !important;
        width: 100%;
    }
}
@media (max-width:991px) {
    .continue-shopping-buttons{
        margin-top:10px;
    }
    .continue-shopping-buttons input {
        width: calc(44% - 4px);
        padding: 14px 0;
    }
    .continue-shopping-buttons .continue-shopping {
        width: calc(55% - 4px);
        padding: 14px 0;
        display: flex;
        align-items: center;
        justify-content: center;

    }
}
.order-wpcampaign-area .order-pagewp-area{
    position:relative;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox {
    border: 1px solid #e6e6e6;
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    z-index: 1;
    font-size: 12px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    position: absolute; 
    bottom: 35px;
    right: 0;
    left: 0;  
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcurrentInfo {
    cursor: pointer;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpinfoBoxShow {
    visibility: visible;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox .wpinfoBoxClose {
    right: 5px;
    position: absolute;
    width: 8px;
    top: 5px;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox span {    
    color: #3E3E3F;
    font-family: 'Roboto-Light';
    font-size: 9px;
}

#special-advantages {
    background: #fafafa;
    padding: 2.16666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
    border: 1px dashed #e4e4e4;
    border-top: 0;
}
#special-advantages h3{
    display:table;
}
#special-advantages .special-advantages-item{
    margin-bottom:10px;
}

/*Mini Proje Help Desk Main*/
.help-desk-btn {
    letter-spacing: 0.1em;
}

.help-desk-btn:hover {
    color: #ed1c24;
}

#help_desk_content .modal-element {
    width: 90rem !important;
}

#help_desk_content.modal .modal-element .modal-content {
    padding: 1.5rem 2.5rem;
}

#help_desk_content .modal-element .modal-close {
    border: none;
    top: 35px;
    right: 25px;
}

    #help_desk_content .modal-element .modal-close .icon-close {
        font-weight: bold
    }

#help_desk_content .modal-element .title {
    display: flex;
    align-items: baseline;
}

    #help_desk_content .modal-element .title .modal-subtitle {
        font-size: 20px;
        font-weight: bold;
        border-bottom: none;
        color: #333 !important;
        padding-right: 5px;
    }

    #help_desk_content .modal-element .title .subtitle {
        font-weight: normal;
        font-size: 20px;
        color: #333 !important
    }

#help_desk_content .modal-element .modal-section {
    display: flex;
}

#help_desk_content .modal-element .content-1 .modal-section .modal-wrap {
    width: calc(100% / 4);
    height: 540px;
    background-color: #f6f6f6;
    margin-right: 10px;
    position: relative
}

    #help_desk_content .modal-element .modal-section .modal-wrap:last-child {
        margin-right: 0px;
    }

  /*  #help_desk_content .modal-element .modal-section .modal-wrap .img-area {
        position: absolute;
        top: 60px;
        left: 8px;
    }*/

        #help_desk_content .modal-element .modal-section .modal-wrap .img-area {
            display: flex;
            justify-content: center;
            margin-top: 60px;
        }

    #help_desk_content .modal-element .modal-section .modal-wrap .content-area {
        position: absolute;
        top: 210px;
        text-align: center;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .content-area hr {
            border-bottom: 2px solid #333;
            width: 30%;
        }

        #help_desk_content .modal-element .modal-section .modal-wrap .content-area p {
            color: #333;
            font-weight: lighter;
            padding-top: 15px;
            line-height: 1.6rem;
            margin: 0px 15px;
        }

    #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area {
        position: absolute;
        bottom: 15px;
        left: 55%;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area .start-video-btn {
            display: flex;
            align-items: center;
            color: #333;
            font-weight: bold;
        }

            #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area .start-video-btn span {
                margin-right: 10px;
                color: #333
            }

#help_desk_content .modal-element .modal-section.bottomcontrols {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-btn,
    #help_desk_content .modal-element .modal-section.bottomcontrols .next-btn,
    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area,
    #help_desk_content .modal-element .modal-section.bottomcontrols .start-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-btn {
        left: 0;
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area {
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .next-btn, #help_desk_content .modal-element .modal-section.bottomcontrols .start-btn {
        right: 0;
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area .dotted {
            width: 8px;
            height: 8px;
            background-color: #f6f6f6;
            border-radius: 100%;
            margin-right: 5px;
        }

            #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area .dotted.active {
                width: 8px;
                height: 8px;
                background-color: #ed1c24;
                border-radius: 100%;
            }

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-area a {
        color: #333;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .prev-area img {
            margin-right: 5px;
        }

    #help_desk_content .modal-element .modal-section.bottomcontrols .next-area a, #help_desk_content .modal-element .modal-section.bottomcontrols .start-area a {
        color: #ed1c24;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .next-area a img, #help_desk_content .modal-element .modal-section.bottomcontrols .start-area a img {
            margin-left: 5px;
        }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap {
    width: calc(100% / 3);
    height: 540px;
    background-color: #f6f6f6;
    margin-right: 20px;
    position: relative
}

    #help_desk_content .modal-element .content-2 .modal-section .modal-wrap:last-child, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap:last-child {
        margin-right: 0px;
    }

    #help_desk_content .modal-element .modal-section .modal-wrap .project-steps {
        position: absolute;
        top: 20px;
        right: 20px;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .project-steps p {
            color: #ed1c24;
            font-size: 20px;
            font-weight: bold;
        }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .img-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .img-area {
    margin-top: 50px;
}

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .content-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .content-area {
    top: 230px;
}


    #help_desk_content .modal-element .content-2 .modal-section .modal-wrap .content-area p, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .content-area p {
        margin: 0px 25px;
    }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .start-video-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .start-video-area {
    left: 66%;
}

#help_desk_content .modal-element .content-4 .modal-section .modal-wrap {
   width:100%;
}

    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list {
        margin-bottom: 15px;
        margin-top: -15px;
    }

        #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul {
            display: flex;
            list-style: none;
            padding: 0;
            width: 98%;
        }

            #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li {
                flex: 1;
                text-align: center;
                position: relative;
            }

                #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a {
                    display: block;
                    position: relative;
                    padding: 5px;
                    text-decoration: none;
                    color: #707070;
                    font-weight:bold;
                }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a::after {
                        content: '|';
                        position: absolute;
                        top: 50%;
                        right: 0;
                        transform: translateY(-50%);
                        margin-left: 5px;
                        font-weight: bold;
                        color: #707070 !important;
                    }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a.active{
                        color:#ed1c24;
                        font-weight:bold;
                    }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li:last-child a::after {
                        content: none;
                    }

    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-container iframe{
        width:100%;
        height:500px;
    }

.help-desk-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 50px;
}

@media screen and (max-width:1200px) {
    .header-div-custom {
        height: 91px !important;
    }

    .logo-display {
        display: none
    }
}

.logo-display {
    height: 80px !important
}

.menubtn {
    position: absolute;
    left: +1%;
    top: +24%;
}

.cartbtn {
    position: absolute;
    right: +1%;
    top: +20%;
}

.seperate.custom-items a.active {
    font-weight: 700;
    text-decoration: underline;
}

.menumobileproduct {
    font-weight: bold;
}

.seperate.custom-items a i {
    margin-right: 0;
    float: right;
    display: inline-block;
    color: #FFF;
    font-weight: 600;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.58333333rem;
    font-size: 0.850rem;
    padding-left: 0.08333333rem;
    box-sizing: border-box;
    text-align: center;
    background-color: #ed1c24;
}

/*HomePage Menu*/
#header-content {
    height: 152px;
}
#checkout #header-content {
    height: auto;
    top: 0;
}

#checkout header .header-logo {
    width: 13.5em !important;
}
.header-category-menu {
    font-family: Roboto, sans-serif;
    border-top: 1px solid #ccc
}

    .header-category-menu .header-menu {
        height: 71px;
        margin: 0 50px;
    }

        .header-category-menu .header-menu .navbar {
            display: flex;
            align-items: center;
            list-style: none;
            padding: 0;
            height: 100%;
            width: 100%;
        }

            .header-category-menu .header-menu .navbar ul {
                margin-bottom: 0rem;
            }

            .header-category-menu .header-menu .navbar li {
                display: inline-block;
            }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .main-category-title {
            padding: 23px 0;
            margin-right: 32px;
            color: #1B1B19;
            font-size: 14px;
            font-weight: 300;
            font-family: 'Roboto-Light';
            word-wrap: break-word;
        }

            .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .main-category-title:hover {
                text-decoration: none;
            }

        .header-category-menu .header-menu .navbar li .mega-menu {
            visibility: hidden;
            position: absolute;
            width: 100%;
            min-height: 527px;
            background-color: #fff;
            top:71px;
            left: 0;
            z-index: 9999999;
            opacity: 0;
            display: flex;
            justify-content: space-between;
        }

        .header-category-menu .header-menu .navbar .elektrolog {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .header-category-menu .header-menu .navbar .elektrolog a {
            font-weight: 600;
            font-family: 'Roboto-Regular';
            color: #1B1B19;
            font-size: 14px;
            text-decoration:none;
            word-wrap: break-word
        }

        .header-category-menu .header-menu .navbar .elektrolog img {
            width: 20px;
            float: left;
            margin-right: 8px;
        }

        .header-category-menu .header-menu .navbar .proje-m {
            margin-left: auto;
            margin-right: 0;
        }

            .header-category-menu .header-menu .navbar .proje-m img {
                width: 76px;
            }


        .header-category-menu .header-menu .mega-menu {
            display: flex;
            height:527px;
        }

            .header-category-menu .header-menu .mega-menu .dropdowns {
                padding-top: 30px;
                padding-left: 0;
            }

            .header-category-menu .header-menu .mega-menu .left-column {
                padding-left: 40px;
               /* width:56%*/
            }


            .header-category-menu .header-menu .mega-menu .right-column {
                /*   flex: 40%;*/
               /* width: 44%*/
            }
                .header-category-menu .header-menu .mega-menu .right-column .menu-img {
                    height: 100%;
                    width: 100%;
                }

                    .header-category-menu .header-menu .mega-menu .right-column .menu-img img {
                        height: 100%;
                        width: auto;
                        object-fit: cover;
                    }
            .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu {
                margin: 0 30px 0 0;
            }

                .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li a {
                    text-decoration: none;
                    color: #1B1B19;
                }

                .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul {
                    list-style-type: none;
                    padding: 0;
                }

                    .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul .drop-down-menu-title {
                        padding-bottom: 10px;
                    }

                        .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul .drop-down-menu-title a {
                            color: #1B1B19;
                            font-size: 14px;
                            font-weight: 600;
                            word-wrap: break-word;
                            font-family: 'Roboto-Regular'
                        }

                    .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li {
                        display: block;
                        padding-bottom: 5px;
                        font-size: 13px;
                        font-weight: 300;
                    }

                        .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li a {
                            font-size: 13px;
                            font-weight: 300;
                            font-family: 'Roboto-Light';
                        }

            .header-category-menu .header-menu .mega-menu .left-column .all-product {
                position: absolute;
                bottom: 20px;
                display: block;
                display: flex;
                align-items: center;
            }

                .header-category-menu .header-menu .mega-menu .left-column .all-product img {
                    width: 16px;
                }

                .header-category-menu .header-menu .mega-menu .left-column .all-product .all-product-text {
                    color: #ED1C24;
                    font-size: 14px;
                    font-weight: bold;
                    word-wrap: break-word;
                    text-decoration: none;
                    margin-right: 6px;
                }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .mega-menu:hover,
        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down a:hover + .mega-menu {
            visibility: visible;
            opacity: 1;
            transition: .4s ease;
        }

        .header-category-menu .header-menu .megaOverlay {
            position: absolute;
            width: 300vw;
            left: -100vw;
            top: 71px;
            height: 100vh;
            background: #000;
            opacity: 0;
            visibility: hidden;
        }

        .header-category-menu .header-menu .mega-dropdown-area > li > a:hover ~ .megaOverlay, .header-category-menu .header-menu .mega-dropdown-area > li:active .megaOverlay, .header-category-menu .header-menu .mega-dropdown-area > li:hover .megaOverlay {
            visibility: visible;
            display: inline-block;
            opacity: .6;
        }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .megaOverlay:hover {
            opacity: 0;
            visibility: hidden;
        }

        .header-category-menu .header-menu .mega-menu .left-column .product-menu-area {
            padding-left: 0;
            margin-top: 20px;
            /*margin-bottom:60px;*/
        }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .left-column-img {
                margin-bottom: 15px;
            }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul {
                list-style-type: none;
                width:293px;
            }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul li {
                    display: flex;
                    align-items: center;
                    background-color: #F5F5F5;
                    border-radius: 8px;
                    margin-bottom: 8px;
                    height: 78px;
                }

                    .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul li a {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;
                        text-decoration: none;
                    }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .left-column-img img {
                max-width: max-content;
            }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content {
                height: 78px;
                background-color: #F5F5F5;
                border-radius: 8px
            }


                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .product-content-image {
                    height: 67px;
                    margin: 0 40px 0 4px;
                    border-radius: 8px
                }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .product-content-title {
                    font-family: 'Roboto-Regular';
                    text-decoration: none;
                    margin-right: 40px;
                    color: #1B1B19;
                    font-size: 13px;
                    font-weight: 400;
                    word-wrap: break-word;
                }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .chevron-right {
                    width: 16px;
                    margin-right: 26px
                }

@media screen and (max-width: 1200px) {
    #header-content {
        height:53px;
    }

    .header-category-menu {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .header-category-menu .header-menu .mega-menu .left-column .container {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .header-category-menu .header-menu .mega-menu .left-column{
        width:100%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        display:none;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 80%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 20%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 75%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 25%;
    }
}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 70%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 30%;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 65%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 35%;
    }
}
/* New footer start */
footer .footer-content {
    background-color: #F5F5F5;
}
footer .footer-content .footer-top-content {
    background-color: #1B1B19;
    background-image: url(/assets/images/benefits-footer-bg-1920.svg);
    background-repeat: no-repeat;
}
@media (min-width:1920px) {
    footer .footer-content .footer-top-content {
        background-size:100%;
    }
}
footer .footer-content .footer-top-content .footer-top-area {
    height: 152px;
    width: calc(100% - 430px);
    margin: 0 auto;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item {                    
    color: #fff;
    align-items: center;
    justify-content: center;
    display:flex;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a{
    text-decoration:none;
    font-size:16px;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a:hover{
    color:#fff;
    
}
 footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a img{
    display:inline-block;
    margin-right:15px;
}
       
footer .footer-content .footer-bottom-content .footer-bottom-items {
    width:calc(100% - 100px);
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:28px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title{
    color: #1B1B19;
    font-size: 14px;
    font-weight: 700;
    display:block;
    text-decoration:none;
    margin-bottom:24px;
    font-family: 'Roboto-Black';
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title svg {
    display: none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list a{
    color: #1B1B19;
    font-size: 14px;
    font-weight: 300;
    display:block;
    margin-bottom:12px;
    text-decoration:none;
    font-family: 'Roboto-Light';
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list a svg{
    display:none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items{
    width:204px;
    float:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area {
    width: 100%;
    text-align:center;
    border: 1px solid #D9D9D9;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child {
    width: 100%;
    padding: 17px 43px;
    margin-bottom:12px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child {
    width: 100%;
    padding:24px 32px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area img{
    margin:0 auto;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child img {
    width: 118px;
    margin-bottom:9px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child img {
    width: 140px;
    margin-bottom:10px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area a{
    text-decoration:none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area span{
    color: #979494;
    font-family: 'Roboto-Light';
    font-size: 14px;
    font-weight: 300;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    width: calc(100% - 100px);
    margin:0 auto;
    padding:11px 0;
    margin-bottom:40px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first{
    padding-top: 23px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .text{
    float:left;
    margin-right:24px;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 14px;
    font-weight: 300;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .img-container a{
    float:left;
    margin-right:40px;

}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container{
    float:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container .border-item{
    float:left;
    margin-right:40px;
    width:1px;
    height:58px;
    margin-right:64px;
    display:table;
    background: #D9D9D9;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img{
    float:left;
    margin-right:24px;
    padding-top:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img:last-child{
    float:left;
    margin-right:0;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 11px 0;
    margin-bottom: 40px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container a{
    float:left;
    margin-right:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container a{
    float:left;
    margin-right:20px;
    margin-bottom:8px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container span{
    color: #979494;
    font-size: 14px;
    font-family: 'Roboto-Light';
} 
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container span bold{
    font-family: 'Roboto-Black';
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container{
    float:right;
    text-align:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container img{
    float:left;
    margin-right:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span{
    color: #1B1B19;
    font-size: 14px;
    position: relative;
    top: 6px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span bold{
    color: #1B1B19;
    font-size: 14px;
    font-family: 'Roboto-Black';
    display:block;
    margin-top:12px;
}
footer .footer-content .footer-bottom-content .copright {
    color: #1B1B19;
    font-size: 14px;
    font-family: 'Roboto-Light';
    width: 100%;
    display: table;
    background: #D9D9D9;
    padding: 9px;
    text-align: center;
}
 @media (max-width:1199px) {
    footer .footer-content .footer-top-content {
        background: url(/assets/images/benefits-footer-bg-375.jpg);
    }
    footer .footer-content .footer-top-content .footer-top-area {
     width:100%;
     height:292px;
     padding:45px 0;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items {
        margin: 0 auto;
        top: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        position: revert;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item {
        justify-content: left;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a{
        margin-bottom:32px;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a img {
        width: 30px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items {
        width: calc(100% - 30px) !important;
        /*width:100%;*/
        margin-top: 0;
        margin-bottom: 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer{
        background:#fff;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title{
        padding:17px 16px;
        border-bottom:1px solid #D9D9D9;
        margin-bottom:0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title svg {
        display: block;
        float:right;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list {
        display: none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer.open .sub-category-list {
        display: block;
        margin-top: 10px;
        padding: 0px 16px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer.open svg {
        transform: rotate(90deg);
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items{
        width:100%;
        padding:12px 16px;
        float:none;
    }
    
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child{
        float:left;
        width:calc(50% - 2px);
        height:100px;
        padding: 17px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child{
        float:right;
        width:calc(50% - 2px);
        height:100px;
        padding:28px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items {
        margin-bottom:12px;
        width:calc(100% - 30px);
        padding:0;
        border-top:0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first{
        padding-top:0;
        display: flex;
        justify-content: center;
        padding-bottom: 12px;
        border-bottom: 1px solid #D9D9D9;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .text {
        display: none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .img-container a{
        margin:0 15px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container{
        float: none;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img{
        padding: 20px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container .border-item{
        display:none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items {
        width: calc(100% - 32px);
        text-align:center;
        margin-bottom:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .first{
        margin-bottom:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container .col-12{
        display:flex;
        justify-content:center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container{
        float: none;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container img{
        float:none;
        margin-right:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span bold{
        display:inline;
    }
}
/* New footer end */

/*dynamic-slider pratik seçim*/
.homepage-slider-content-area {
    margin: 64px 0;
    height: auto;
    width: 100%;
    display: flex;
    background-color: #F5F5F5;
    flex-wrap: wrap;
    height: 764px;
}

    .homepage-slider-content-area .content-area {
        display: flex;
        width: 100%;
    }

        .homepage-slider-content-area .content-area .left-content {
            flex: 1;
            margin-right: 80px;
            width: 48%;
        }

        .homepage-slider-content-area .content-area .right-content {
            /*   flex: 1;
            width: 52%;*/
        }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title {
            margin-left: 204px;
            margin-top: 120px;
            color: #1B1B19;
            font-size: 36px;
            font-family: "Roboto-Regular",sans-serif;
            font-weight: 400;
            line-height: 44px;
            word-wrap: break-word;
            margin-bottom: 23px;
        }

        .homepage-slider-content-area .content-area .right-content .imagewrap, .homepage-slider-content-area .content-area .right-content .imagewrap .image, .homepage-slider-content-area .content-area .right-content .imagewrap .image .lookbook-img {
            height: 100%;
        }

        .homepage-slider-content-area .content-area .left-content .practical-swiper {
            background-color: transparent;
            overflow: hidden;
            margin-left: 204px;
            height: 480px;
            width: calc(73% - 76.75px) !important;
        }

            .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev:after, .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next:after {
                color: #1B1B19 !important;
                font-size: 40px !important;
            }

            .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                bottom: 0px !important;
            }

            .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #ED1C24 !important;
            }

            .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination .swiper-pagination-bullet {
                margin:4px;
                width:7px;
                height: 7px;
            }

            .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination .swiper-pagination-bullet-active {
                margin: 0 ;
                width: 10px !important;
                height: 10px !important;
            }

/*@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title {
        font-size: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
        width: calc(50% - 6px) !important;
        height: 446px !important;
        width: calc(50% - 8px) !important;
        width: calc(50% - 6px) !important;
        margin-right: 12px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
        width: calc(80% - 5px) !important;
    }
}*/

.homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
    padding: 0 !important;
}

.homepage-slider-content-area .content-area .left-content .practical-swiper {
    position: relative;
}

    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next,
    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev {
        position: absolute;
    }

        .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next.swiper-button-disabled,
        .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none;
        }

    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next {
        right: 10px !important;
        top: 160px;
    }

    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev {
        left: 10px !important;
        top: 160px;
    }


.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
    background-color: #FFFFFF;
    height: 331px;
    position: relative
}

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .top-unset{
        top:unset;
    }

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area {
        height: 100%;
        padding: 21px 13px 20px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area {
        height: 100%;
        padding: 21px 13px 20px 12px;
    }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
            /*position: absolute;*/
            height: auto
        }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
            position: absolute;
            right: 10%;
            position: absolute;
            top: 8%;
        }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area {
            position: absolute;
            top: 7%;
            left: 5%;
        }

            /*  .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box {
                position: relative;
                top: 0;
            }*/

            .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box span {
                color: #ED1C24;
                font-size: 15px;
                font-family: Roboto-Bold, sans-serif;
                font-weight: 700;
                line-height: 12px;
                word-wrap: break-word;
                margin: 0 8px;
                position: absolute;
                top: 32%;
                left: 15%;
            }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-text {
            position: absolute;
            bottom: 8%;
            left: 5%;
            color: #3B3838;
            font-size: 16px !important;
            font-family: Roboto-Bold, sans-serif;
            font-weight: 600;
            line-height: 12px;
            word-wrap: break-word;
            margin-right: auto;
        }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-box {
            position: absolute;
            align-items: center;
            bottom: 5%;
            right: 2%;
            border: none
        }

            .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-box * {
                border: none;
            }


            .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-box .quantity {
                color: #ED1C24;
                font-size: 15px;
                font-family: Roboto-Bold,sans-serif;
                font-weight: 700;
                line-height: 12px;
                word-wrap: break-word;
            }

            .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-box .numberbox.sided input {
                margin-left: 0px;
                margin-right: 12px;
                padding-left: 1rem;
                padding-right: 1rem;
            }

            .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-quantity-area .quantity-box img {
                margin-right: 4px;
            }

.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description {
    margin-top: 16px;
    text-align: center;
}

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .details-head {
        padding-top: 4px;
    }

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description p {
        margin-bottom: 0px;
        color: #1B1B19;
        font-size: 16px;
        font-family: Roboto-Regular,sans-serif;
        font-weight: 500;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .added-cart-area {
    margin-top: 24px;
    text-align: center;
}

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .added-cart-area .added-cart-btn {
        background-color: #1B1B19;
        color: white;
        font-size: 14px;
        font-family: Roboto-Regular,sans-serif;
        font-weight: 500;
        line-height: 20px;
        word-wrap: break-word;
        padding: 8px 24px;
        border-radius: 8px;
    }

.homepage-slider-content-area .content-area .right-content .pinbox {
    position: relative;
}

    .homepage-slider-content-area .content-area .right-content .pinbox .pin {
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -13px;
        margin-right: -13px;
        text-align: center;
        border-radius: 50%;
        color: #FFF;
        z-index: 50;
        top: 50%;
        left: 50%;
        cursor: pointer;
        opacity: 0;
    }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin:before {
            font-family: 'icomoon' !important;
            font-size: 30px;
            padding: 10px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e909';
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.active {
            opacity: 1;
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.disable {
            display: none;
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin:before {
            background: rgba(27, 27, 25, 0.83);
            width: 48px;
            height: 48px;
            line-height: 26px;
            border-radius: 50%;
            margin-left: -15px;
            margin-top: -15px;
            display: block;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 10;
            -webkit-transition: transform 150ms ease 0ms;
            transition: transform 150ms ease 0ms;
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin .pin-content {
            position: absolute;
            left: 50%;
            top: 50%;
            display: none;
            z-index: 0;
            background-color: #FFF;
            margin: 4rem 0.5rem;
            box-sizing: border-box;
            opacity: 0;
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-transform: scale(0.8) translate(-10px, -10px);
            -ms-transform: scale(0.8) translate(-10px, -10px);
            transform: scale(0.8) translate(-10px, -10px);
            -webkit-transition: opacity 200ms ease, transform 200ms ease;
            transition: opacity 200ms ease, transform 200ms ease;
        }

            .homepage-slider-content-area .content-area .right-content .pinbox .pin .pin-content:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .homepage-slider-content-area .content-area .right-content .pinbox .pin .pin-content .pin-image {
                float: left;
                position: relative;
                border: 1px solid #e4e4e4;
                margin-right: 1rem;
                width: 20% !important;
                margin-top: 0;
            }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-left .pin-content {
            left: auto;
            right: 50%;
            -webkit-transform-origin: top right;
            -ms-transform-origin: top right;
            transform-origin: top right;
            -webkit-transform: scale(0.8) translate(10px, -10px);
            -ms-transform: scale(0.8) translate(10px, -10px);
            transform: scale(0.8) translate(10px, -10px);
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-center .pin-content {
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: scale(0.8) translate(-52%, -10px);
            -ms-transform: scale(0.8) translate(-52%, -10px);
            transform: scale(0.8) translate(-52%, -10px);
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-top .pin-content {
            top: auto;
            bottom: 50%;
            -webkit-transform-origin: bottom left;
            -ms-transform-origin: bottom left;
            transform-origin: bottom left;
            -webkit-transform: scale(0.8) translate(-10px, 10px);
            -ms-transform: scale(0.8) translate(-10px, 10px);
            transform: scale(0.8) translate(-10px, 10px);
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-top.base-left .pin-content {
            left: auto;
            right: 50%;
            -webkit-transform-origin: bottom right;
            -ms-transform-origin: bottom right;
            transform-origin: bottom right;
            -webkit-transform: scale(0.8) translate(10px, 10px);
            -ms-transform: scale(0.8) translate(10px, 10px);
            transform: scale(0.8) translate(10px, 10px);
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-top.base-center .pin-content {
            -webkit-transform-origin: bottom center;
            -ms-transform-origin: bottom center;
            transform-origin: bottom center;
            -webkit-transform: scale(0.8) translate(-52%, 10px);
            -ms-transform: scale(0.8) translate(-52%, 10px);
            transform: scale(0.8) translate(-52%, 10px);
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.preexpand .pin-content {
            display: block;
        }

        .homepage-slider-content-area .content-area .right-content .pinbox .pin.expand {
            z-index: 100;
        }

            .homepage-slider-content-area .content-area .right-content .pinbox .pin.expand:before {
                background: rgba(255, 255, 255, 0.83);
                color: #1B1B19
            }

            .homepage-slider-content-area .content-area .right-content .pinbox .pin.expand .pin-content {
                background: transparent;
                border-radius: 8px;
                opacity: 1;
                z-index: 999;
            }

            .homepage-slider-content-area .content-area .right-content .pinbox .pin.expand.base-center .pin-content {
                opacity: 1;
                -webkit-transform: scale(1) translateX(-50%) !important;
                -ms-transform: scale(1) translateX(-50%) !important;
                transform: scale(1) translateX(-50%) !important;
            }

.homepage-slider-content-area .content-area .right-content .pin-content.product .row:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

.homepage-slider-content-area .content-area .right-content .pin-content.product .row .column {
    padding: .08333333rem 0rem .08333333rem 0rem;
    text-align: left;
    float: left;
}

    .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.data {
        width: 14.923%;
        padding-top: 2.91666667rem;
        vertical-align: top;
        line-height: 1.83333333rem;
    }

    .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.product {
        padding-left: 0;
        height: 98px;
        width: 100%;
        background: rgba(62, 62, 63, 0.65);
        border-radius: 8px;
        margin-bottom: 13px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.product a {
            text-decoration: none;
            color: white;
            font-size: 14px;
            font-family: 'Roboto-Regular',sans-serif;
            font-weight: 400;
            word-wrap: break-word
        }

        .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.product .cart-product-description h4 {
            color: white;
            font-size: 14px;
            font-family: 'Roboto-Regular',sans-serif;
            font-weight: 400;
            word-wrap: break-word;
            margin-bottom: 0;
        }

    .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column .product-image {
        float: left;
        height: 84px;
        padding-left: 4px;
        border-radius: 8px;
        width: 83px;
    }

    .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column .product .cart-product-description {
        text-align: left;
        margin-right: 10%;
    }

.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .old-price {
    color: #AEAEAE;
    font-size: 16px;
    font-family: "Roboto-Regular",sans-serif;
    font-weight: 400;
    text-decoration: line-through;
    word-wrap: break-word
}

.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .discount-price {
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto-Regular",sans-serif;
    font-weight: 600;
    word-wrap: break-word;
    text-decoration: none;
    padding-left: 4px;
}

.homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .vatrateplus {
    color: black;
    font-size: 16px;
    font-family: "Roboto-Regular",sans-serif;
    font-weight: 600;
}

.homepage-slider-content-area .content-area .right-content .imagewrap .pinbox .pin:before {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* @media (max-width: 1200px) and (min-width: 768px) {
        .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
            margin-left:0px !important
        }
    }*/

@media (max-width: 1200px) {
    .homepage-slider-content-area {
        margin: 20px 0 12px 0;
        height: 100%;
    }

        .homepage-slider-content-area .content-area {
            flex-direction: column;
        }

            .homepage-slider-content-area .content-area .left-content,
            .homepage-slider-content-area .content-area .right-content {
                margin-left: 0px !important;
                width: 100%;
            }

                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title {
                    font-size: 18px !important;
                    font-weight: 600 !important;
                    line-height: 28px !important;
                    margin: 16px 16px 16px 0;
                }

                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
                    margin-left: 16px;
                    margin-right: 16px;
                }

                    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider {
                        margin-left: 0 !important;
                    }

                        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description p {
                            font-size: 12px;
                        }

                        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
                            height: 16px;
                        }

                .homepage-slider-content-area .content-area .left-content .practical-swiper {
                    margin-left: 0px !important;
                    width: 100% !important;
                }

                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .added-cart-area {
                    margin-top: 12px;
                }

                .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination {
                    bottom: 21px !important;
                }

                    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-pagination .swiper-pagination-bullet {
                        margin: 2px;
                        width: 4px !important;
                        height: 4px !important;
                    }

                .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next {
                    bottom: 0px;
                    top: auto;
                    right: 15px;
                }

                .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev {
                    bottom: 0;
                    top: auto;
                    left: auto !important;
                    right: 54px;
                }

                    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-prev:after, .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-button-next:after {
                        font-size: 20px !important;
                    }

                .homepage-slider-content-area .content-area .right-content .imagewrap .image .lookbook-img {
                    width: 100%;
                    height: 100%;
                }


                .homepage-slider-content-area .content-area .right-content .pinbox .pin.base-left .pin-content {
                    left: auto;
                    right: 100%;
                }

                .homepage-slider-content-area .content-area .right-content .pinbox .pin .pin-content {
                    left: 100%;
                    margin: 1.5rem 0rem;
                }

                .homepage-slider-content-area .content-area .right-content .imagewrap .pinbox .pin:before {
                    width: 36px;
                    height: 36px;
                    font-size: 20px;
                    /*padding: 8px 0px 2px 0px;*/
                    padding: 0px;
                }

                .homepage-slider-content-area .content-area .right-content .pinbox .pin {
                    width: 16px;
                    height: 16px;
                }

                    .homepage-slider-content-area .content-area .right-content .pinbox .pin:after {
                        width: 24px;
                        height: 24px;
                    }

                .homepage-slider-content-area .content-area .right-content .pinbox .pin-content {
                    padding: 8px;
                }


                .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.product {
                    height: 81px;
                }

                .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column .product-image {
                    height: 73px !important;
                    width: 72px !important;
                }

                .homepage-slider-content-area .content-area .right-content .pin-content.product .row .column.product .cart-product-description h4 {
                    font-size: 12px;
                }

                /* .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
                        left: 20%;
                    }*/

                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .old-price,
                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .discount-price,
                .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-description .vatrateplus {
                    font-size: 12px !important;
                }
}

@media (max-width: 576px) {
    .homepage-slider-content-area .content-area .right-content .imagewrap .pinbox .pin:before {
        padding: 0px;
    }

    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
        height: 374px !important;
    }

    .homepage-slider-content-area .content-area .left-content .practical-swiper {
        margin-left: 0px !important;
        height: 440px;
    }

    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
        margin-left: 16px !important;
        margin-right: 16px;
    }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
            height: 289px;
        }

        .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title {
            margin-left: 0px;
        }

    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-wrapper {
        margin-left: 0px !important;
    }
}

/*dynamic slider*/
.homepage-dynamic-content {
    margin: 64px 0;
}

    .homepage-dynamic-content .dynamic-slider-area {
        width: 100% !important;
        height: 564px;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
            margin: 0 197px 0px 197px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title {
            padding-bottom: 48px;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title p {
                color: #1B1B19;
                font-size: 36px;
                font-family: "Roboto- Regular",sans-serif;
                font-weight: 400;
                word-wrap: break-word;
                text-align: center;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title .title-underline {
                border: 2px solid black;
                width: 74px;
                margin-top: 12px;
                border-radius: 4px;
            }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
            height: 462px;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-slide {
                padding: 0px !important;
                height: 404px;
            }


            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider {
                background-color: #FFFFFF;
                height: 331px;
                position: relative;
                border: 1px #D9D9D9 solid;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area {
                    height: 100%;
                    padding: 21px 13px 20px 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area {
                    height: 100%;
                    padding: 21px 13px 20px 12px;
                }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area {
                        position: absolute;
                        top: 21px;
                        left: 12px !important;
                    }

                        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box {
                            position: relative;
                            top: 0;
                        }

                            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box span {
                                color: #ED1C24;
                                font-size: 15px;
                                font-family: Roboto-Bold, sans-serif;
                                font-weight: 700;
                                line-height: 12px;
                                word-wrap: break-word;
                                margin: 0 8px;
                                position: absolute;
                                top: 32%;
                                left: 15%;
                            }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
                        height: auto;
                        position: relative;
                    }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
                        position: absolute;
                        right: 10%;
                        position: absolute;
                        top: 8%;
                    }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description {
                margin-top: 16px;
                text-align: center;
                font-size: 16px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description a {
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .old-price {
                    color: #AEAEAE;
                    font-size: 16px;
                    font-family: "Roboto-Regular",sans-serif;
                    font-weight: 400;
                    text-decoration: line-through;
                    word-wrap: break-word
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .discount-price {
                    color: #1B1B19;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 600;
                    word-wrap: break-word;
                    text-decoration: none;
                    padding-left: 4px;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .vatrateplus {
                    color: black;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 600;
                }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description .details-head {
            padding-top: 4px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description p {
            font-size: 16px;
            margin-bottom: 0px;
            color: #1B1B19;
            font-family: Roboto-Regular,sans-serif;
            font-weight: 500;
            word-wrap: break-word;
            /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;*/
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination {
            /*margin-left: 50%;*/
            width: 100%;
            bottom: 0px !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #ED1C24 !important;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet {
            margin: 4px ;
            width: 7px;
            height: 7px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet-active {
            margin: 4px ;
            width: 10px !important;
            height: 10px !important;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
            position: relative;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
                position: absolute;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev:after, .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next:after {
                    color: #1B1B19 !important;
                    font-size: 40px !important;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next .swiper-button-disabled,
                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev .swiper-button-disabled {
                    opacity: .35;
                    cursor: auto;
                    pointer-events: none;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next {
                right: 10px !important;
                top: 160px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
                left: 10px !important;
                top: 160px;
            }

@media (max-width: 1200px) and (min-width: 576px) {
    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
        margin-left: 88px;
        margin-right: 88px;
    }
}

@media (max-width: 1200px) {

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination {
        bottom: 10px !important;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px !important;
            height: 4px !important;
        }

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next {
        bottom: -10px;
        top: auto;
        right: 15px;
    }

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
        bottom: -10px;
        top: auto;
        left: auto !important;
        right: 54px;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev:after, .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next:after {
            font-size: 20px !important;
        }
}

@media (max-width: 576px) {
    .homepage-dynamic-content {
        margin: 24px 0;
    }

        .homepage-dynamic-content .dynamic-slider-area {
            width: 100% !important;
            height: 377px !important;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
                margin: 0 8px 0px 16px;
                /*height: 350px !important;*/
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title {
                padding-bottom: 16px;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title p {
                    font-size: 16px !important;
                    font-family: "Roboto- Regular",sans-serif;
                    font-weight: 600;
                    line-height: 24px;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title .title-underline {
                    border: 1px solid black;
                    width: 48px;
                    margin-top: 8px;
                    border-radius: 4px;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
                height: 319px !important;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-slide {
                    padding: 0px !important;
                    height: 255px !important;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider {
                    background-color: #FFFFFF;
                    height: 219px;
                    position: relative;
                    border: 1px #D9D9D9 solid;
                }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
                        height: 16px;
                    }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
                        height: auto;
                    }


                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description {
                    margin-top: 8px;
                    font-size: 12px;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description p {
                font-size: 12px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .old-price,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .discount-price,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .vatrateplus {
                font-size: 12px !important;
            }
}

/*homepage video slider*/
.homepage-video-content {
    margin: 64px 0px;
}

    .homepage-video-content .video-slider-area {
        width: 100% !important;
        height: 529px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart {
            margin: 0 100px 0px 100px;
        }

            .homepage-video-content .video-slider-area .video-slider-cart .video-main-title {
                padding-bottom: 48px;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
                    color: #1B1B19;
                    font-size: 36px;
                    font-family: "Roboto- Regular",sans-serif;
                    font-weight: 400;
                    word-wrap: break-word;
                    text-align: center;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title .title-underline {
                    border: 2px solid black;
                    width: 74px;
                    margin-top: 6px;
                    border-radius: 4px;
                }

            .homepage-video-content .video-slider-area .video-slider-cart .video-swiper {
                height: 425px;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next,
                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
                    position: absolute;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev:after, .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next:after {
                        color: #1B1B19 !important;
                        font-size: 40px !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next .swiper-button-disabled,
                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev .swiper-button-disabled {
                        opacity: .35;
                        cursor: auto;
                        pointer-events: none;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next {
                    right: 10px !important;
                    top: 164px;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
                    left: 10px !important;
                    top: 164px;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet {
                        margin: 4px;
                        width: 7px !important;
                        height: 7px !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet-active {
                        background-color: #ED1C24 !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet-active {
                        margin: 4px;
                        width: 10px !important;
                        height: 10px !important;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-slide {
                    padding: 0px !important;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img {
                    height: 100%;
                    height: 331px;
                    background-size: cover;
                    background-position: center;
                    position: relative;
                    cursor: pointer;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img .video-play-icon {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title p {
                    margin-top: 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title p {
                    color: #1B1B19;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 500;
                    line-height: 24px;
                    word-wrap: break-word;
                }

    .homepage-video-content .video-overlay {
        display: none;
        z-index: 700000000;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(0,0,0,.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .homepage-video-content .video-iframe {
        position: relative;
        display: inline-block;
        margin: auto;
        text-align: left;
        z-index: 800000000;
        padding: 0;
        height: 360px;
        width: 640px;
        max-width: 100%;
        max-height: 100%;
        animation-timing-function: cubic-bezier(.075,.82,.165,1);
    }

    .homepage-video-content .iframe-close-btn {
        padding: 5px;
        font-size: 26px;
        color: #fff;
        position: absolute;
        display: block;
        top: -35px;
        right: 0;
        z-index: 1;
        border: 0;
        cursor: pointer;
    }


@media (max-width:1200px) {
    .homepage-video-content {
        margin: 0px;
    }

    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
        font-size: 24px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart .video-main-title{
            padding-bottom:16px;
        }

        .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination {
            bottom: 10px !important;
        }

            .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet {
                margin: 2px;
                width: 4px !important;
                height: 4px !important;
            }

    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next {
        bottom: -10px;
        top: auto;
        right: 15px;
    }

    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
        bottom: -10px;
        top: auto;
        left: auto !important;
        right: 54px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev:after, .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next:after {
            font-size: 20px !important;
        }
}

@media (max-width:576px) {
    .homepage-video-content {
        margin: 24px 0px;
    }

        .homepage-video-content .video-slider-area {
            height: 334px;
        }

            .homepage-video-content .video-slider-area .video-slider-cart {
                margin: 0;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title {
                    padding-bottom: 16px;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
                        color: #1B1B19;
                        font-size: 20px;
                        font-family: "Roboto-Bold",sans-serif;
                        font-weight: 500;
                        line-height: 30px;
                        word-wrap: break-word
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title .title-underline {
                        border: 1px solid black;
                        width: 29px;
                        margin: 3px auto;
                        border-radius: 4px;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper {
                    height: 280px;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img {
                        height: 244px;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title {
                        display: none
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-slide {
                        width: 100%;
                    }
}

/*New design content start*/
.homepage-content-area.digital-project {
    width: 100%;
    display: table;
}

    .homepage-content-area.digital-project .content-area-project {
        padding: 0 50px;
        display: table;
        position: relative;
        width: 100%;
        margin: 64px 0;
    }

        .homepage-content-area.digital-project .content-area-project .right-content {
            width: 100%;
            text-align: left;
            position: absolute;
            right: 0;
            bottom: 0;
            height: 92%;
            background: #F5F5F5;
        }

            .homepage-content-area.digital-project .content-area-project .right-content .text-area {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 0 0 71px;
                font-family: 'Roboto-Regular';
                width: 50.249%;
                right: 69px;
                position: absolute;
            }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .content-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-weight: 600;
                    line-height: 44px;
                    letter-spacing: -0.72px;
                    margin-bottom: 16px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area p {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-weight: 300;
                    font-family: 'Roboto-Light';
                    line-height: 20px;
                    margin-bottom: 24px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area a {
                    color: #ED1C24;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 125.188%;
                    text-decoration: none;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content {
                    display: flex;
                    margin-bottom: 32px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item {
                    width: calc(25% - 12px);
                    text-align: center;
                    margin: 0 6px;
                }

                    .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item img {
                        margin-bottom: 15px;
                    }

                    .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item span {
                        color: #1B1B19;
                        font-size: 14px;
                        font-weight: 400;
                    }

        .homepage-content-area.digital-project .content-area-project .left-content {
            float: left;
            width: 47.532%;
            z-index: 1;
            position: relative;
        }

            .homepage-content-area.digital-project .content-area-project .left-content img {
                width: 100%;
            }

                .homepage-content-area.digital-project .content-area-project .left-content img.gif-item {
                    display: none;
                }

            .homepage-content-area.digital-project .content-area-project .left-content:hover img {
                display: none;
            }

                .homepage-content-area.digital-project .content-area-project .left-content:hover img.gif-item {
                    display: block;
                }

@media (max-width:1199px) {
    .homepage-content-area.digital-project .content-area-project .right-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area.digital-project .content-area-project .right-content .text-area p {
        display: none;
    }

    .homepage-content-area.digital-project .content-area-project .right-content .text-area a {
        display: none;
    }

    .homepage-content-area.digital-project .content-area-project {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area.digital-project .content-area-project .right-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area.digital-project .content-area-project .right-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: center;
            }

        .homepage-content-area.digital-project .content-area-project .left-content {
            width: 100%;
        }
}

.homepage-content-area-dpmobil {
    background: #F5F5F5;
}

    .homepage-content-area-dpmobil .left-content img {
        width: 100%;
    }

    .homepage-content-area-dpmobil .right-content {
        padding: 20px 16px 24px 16px;
    }

        .homepage-content-area-dpmobil .right-content .text-area .content-title {
            color: #1B1B19;
            font-weight: 600;
            letter-spacing: -0.72px;
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 12px;
        }

        .homepage-content-area-dpmobil .right-content .text-area p {
            color: #3B3B3B;
            font-size: 14px;
            font-weight: 300;
            font-family: 'Roboto-Light';
            line-height: 20px;
            margin-bottom: 24px;
        }

    .homepage-content-area-dpmobil .container-swiper {
        padding-left: 16px;
    }

        .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide {
            text-align: center;
            font-size: 18px;
            padding: 0 !important;
        }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide a {
                color: #1B1B19;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
            }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide img {
                width: 100%;
                border: none;
            }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide span {
                margin-top: 16px;
                display: table;
                width: 100%;
                text-align: center;
                height: 60px;
            }

    .homepage-content-area-dpmobil .show-more-button {
        display: table;
        color: #ED1C24;
        font-size: 16px;
        font-weight: 500;
        line-height: 125.188%;
        text-decoration: none;
        font-family: 'Roboto-Medium';
        margin-top: 12px;
        padding-bottom: 13px;
        padding-left: 16px;
    }

    .homepage-content-area-dpmobil .swiper-pagination-bullets {
        bottom: 5px !important;
        z-index: 99;
    }

    .homepage-content-area-dpmobil .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: -11px;
        top: auto;
        z-index: 999;
    }

    .homepage-content-area-dpmobil .swiper-button-next {
        right: 15px !important;
        bottom: -11px;
        top: auto;
        z-index: 999;
    }

    .homepage-content-area-dpmobil .swiper-pagination {
        width: 100%;
        text-align: center;
    }

        .homepage-content-area-dpmobil .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }

    .homepage-content-area-dpmobil .swiper-button-prev:after, .homepage-content-area-dpmobil .swiper-button-next:after {
        color: #000;
        font-size: 20px !important;
    }

    .homepage-content-area-dpmobil .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }
/*New design content end*/

/*home-page-mainslider start*/
.mySwiper2 {
    width: 100%;
}

.swiper-button-prev:after, .swiper-button-next:after {
    color: #fff;
}

.swiper-pagination-bullet {
    background-color: #D9D9D9 !important;
    opacity: 1 !important;
}

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }

.swiper-pagination-bullets {
    bottom: 30px !important;
}

.swiper-button-prev {
    left: 50px !important;
}

.swiper-button-next {
    right: 50px !important;
}

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 48px !important;
    }

.mySwiper2 .swiper-wrapper .swiper-slide {
    position: relative;
    padding: 0px !important;
}

.swiper-slide-active {
    padding: 0 !important;
}

.mySwiper2 .swiper-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 0;
}

.mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
    background: rgba(17, 16, 16, 0.59);
    position: absolute;
    top: 85px;
    bottom: 85px;
    right: 180px;
    max-width: 661px;
    padding: 0 117px;
    font-family: 'Roboto-Regular';
}
@media (min-width:1200px) and (max-width:1400px){
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
        background: rgba(17, 16, 16, 0.59);
        position: absolute;
        top: 30px;
        bottom: 30px;
        right: 100px;
        max-width: 661px;
        padding: 0 30px;
        font-family: 'Roboto-Regular';
    }
}
@media (min-width:1401px) and (max-width:1750px) {
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
        background: rgba(17, 16, 16, 0.59);
        position: absolute;
        top: 60px;
        bottom: 60px;
        right: 120px;
        max-width: 661px;
        padding: 0 60px;
        font-family: 'Roboto-Regular';
    }
}
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slide-text-item {
        position: relative;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.96px;
        color: #fff;
        margin: 0;
        line-height: 70px;
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area p {
        color: #fff;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0;
        margin-bottom: 24px;
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slider-text-area-button {
        border-radius: 8px;
        height: 45px;
        padding: 12px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #ED1C24;
        display: table;
        line-height: 45px;
        padding: 0 40px;
        color: #fff;
        text-decoration: none;
    }

@media (max-width:1199px) {
    #homepage-main-slider .mySwiper2 {
        width: 100%;
    }

        #homepage-main-slider .mySwiper2 .swiper-button-prev:after, #homepage-main-slider .mySwiper2 .swiper-button-next:after {
            color: #fff;
        }

        #homepage-main-slider .mySwiper2 .swiper-pagination-bullet {
            background-color: #D9D9D9 !important;
            opacity: 1 !important;
            width: 4px;
            height: 4px;
        }

            #homepage-main-slider .mySwiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #ED1C24 !important;
            }

        #homepage-main-slider .mySwiper2 .swiper-pagination-bullets {
            bottom: 10px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-prev {
            left: 20px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-next {
            right: 20px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-prev:after, #homepage-main-slider .swiper-button-next:after {
            font-size: 19px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide {
            position: relative;
        }

        #homepage-main-slider .mySwiper2 .swiper-slide-active {
            padding: 0 !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide img {
            width: 100%;
            border-radius: 0;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
            background: rgba(17, 16, 16, 0.59);
            position: absolute;
            bottom: 0;
            right: 0;
            top:auto;
            max-width: 100%;
            padding: 30px 0;
            font-family: 'Roboto-Regular';
            left: 0;
            text-align: center;
            height: 170px;
        }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area h2 {
                font-size: 24px;
                color: #fff;
                margin: 0;
                font-style: normal;
                font-weight: 600;
                line-height: 32px;
            }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area p {
                color: #fff;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px;
                margin-bottom: 0;
            }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slider-text-area-button {
                border-radius: 8px;
                height: 37px;
                background: #ED1C24;
                display: table;
                line-height: 37px;
                padding: 0 25px;
                color: #fff;
                text-decoration: none;
                margin: 0 auto;
                font-size: 14px;
            }
}
/*home-page-mainslider end*/

/*kağıt kalem content start*/
.homepage-content-area {
    width: 100%;
    display: table;
}

    .homepage-content-area .content-area {
        padding: 64px 50px;
        display: table;
        position: relative;
        width: 100%;
    }

        .homepage-content-area .content-area .left-content {
            width: calc(43% - 50px);
            text-align: left;
            position: absolute;
            right: 50px;
            bottom: 0;
            top: 0;
        }

            .homepage-content-area .content-area .left-content .text-area {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 92px 0 71px;
                font-family: 'Roboto-Regular';
            }

                .homepage-content-area .content-area .left-content .text-area .content-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-weight: 600;
                    line-height: 44px;
                    letter-spacing: -0.72px;
                    margin-bottom: 16px;
                }

                .homepage-content-area .content-area .left-content .text-area p {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-weight: 300;
                    font-family: 'Roboto-Light';
                    line-height: 20px;
                    margin-bottom: 24px;
                }

                .homepage-content-area .content-area .left-content .text-area a {
                    color: #ED1C24;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 125.188%;
                    text-decoration: none;
                }

        .homepage-content-area .content-area .right-content {
            float: left;
            width: 57%;
        }

            .homepage-content-area .content-area .right-content img {
                width: 100%;
            }

@media (max-width:1500px) {
    .homepage-content-area .content-area .left-content .text-area p {
        max-width: 400px;
    }
}

@media (max-width:1199px) {
    .homepage-content-area .content-area .left-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area .content-area .left-content .text-area p {
        display: none;
    }

    .homepage-content-area .content-area .left-content .text-area a {
        display: none;
    }

    .homepage-content-area .content-area {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area .content-area .left-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area .content-area .left-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: center;
                padding: 0;
            }

        .homepage-content-area .content-area .right-content {
            width: 100%;
        }
}
/*kağıt kalem content end*/


/*pratik seçim epanorama wpuan content start*/
.homepage-image-container.first {
    padding: 0 35px;
    margin-bottom: 64px;
}

    .homepage-image-container.first .content-link {
        text-decoration: none;
    }

        .homepage-image-container.first .content-link:hover .content-text {
            color: #1B1B19;
        }

        .homepage-image-container.first .content-link img {
            margin-bottom: 24px;
            width: 100%;
        }

    .homepage-image-container.first .content-text {
        color: #1B1B19;
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

@media (max-width:1199px) {
    .homepage-image-container.first {
        padding: 0;
    }

        .homepage-image-container.first .first-col-12 {
            padding: 0;
        }

        .homepage-image-container.first .content-text {
            position: absolute;
            bottom: 23px;
            color: #fff;
            font-size: 18px;
        }
}
/*pratik seçim epanorama wpuan content end*/

/*aydınlatma armatürleri content vade farksız content start*/
.homepage-content-area.first {
    width: 100%;
    display: table;
    margin: 64px 0;
}

.homepage-content-area.second {
    margin-bottom: 64px;
}

    .homepage-content-area.second .content-area {
        padding: 0;
        background: #F5F5F5;
    }

.homepage-content-area.first .content-area {
    padding: 0 20%;
}

    .homepage-content-area.first .content-area .left-content {
        left: 20%;
    }

        .homepage-content-area.first .content-area .left-content .text-area {
            padding: 0;
        }

    .homepage-content-area.first .content-area .right-content {
        float: right;
        width: 50%;
    }

.homepage-content-area.second .content-area .left-content {
    width: calc(33% - 50px);
}

.homepage-content-area.second .content-area .right-content {
    float: left;
    width: 67%;
}

    .homepage-content-area.second .content-area .right-content img {
        position: relative;
        top: -64px;
    }

.homepage-content-area.second .content-area .left-content .text-area {
    padding: 0;
}

    .homepage-content-area.second .content-area .left-content .text-area span {
        color: #1B1B19;
        font-size: 32px;
        margin-bottom: 16px;
        font-weight: 400;
        font-family: 'Roboto-Regular';
    }

    .homepage-content-area.second .content-area .left-content .text-area h2 {
        color: #1B1B19;
        font-size: 32px;
        margin-bottom: 24px;
        font-weight: 900;
        font-family: 'Roboto-Black';
    }

@media (max-width: 1920px) {
    .homepage-content-area.second .content-area .right-content {
        max-height: 565px;
    }
}

@media (max-width: 1700px) {
    .homepage-content-area.first .content-area {
        padding: 0 15%;
    }

        .homepage-content-area.first .content-area .left-content {
            left: 15%;
        }
}

@media (max-width: 1199px) {
    .homepage-content-area.first .content-area {
        padding: 0 15px;
    }

        .homepage-content-area.first .content-area .right-content {
            width: 100%;
            margin-bottom: 40px;
            padding: 0 55px;
        }

        .homepage-content-area.first .content-area .left-content {
            width: 100%;
        }

            .homepage-content-area.first .content-area .left-content .text-area {
                text-align: left;
            }

                .homepage-content-area.first .content-area .left-content .text-area p {
                    max-width: 100%;
                    display: block;
                    width: 100%;
                }

                .homepage-content-area.first .content-area .left-content .text-area a {
                    display: block;
                }

    .homepage-content-area.second .content-area .left-content .text-area span {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .homepage-content-area.second .content-area .left-content .text-area h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .homepage-content-area.second .content-area .right-content {
        width: 100%;
    }

        .homepage-content-area.second .content-area .right-content img {
            top: -14px;
        }

    .homepage-content-area.second .content-area .left-content {
        width: 100%;
        padding: 0 15px;
    }

        .homepage-content-area.second .content-area .left-content .text-area {
            text-align: left;
        }

            .homepage-content-area.second .content-area .left-content .text-area a {
                display: block;
            }
}
/*aydınlatma armatürleri content vade farksız content end*/


/*askı sistemleri kablo kanalları content start*/
.homepage-image-container.second {
    /*padding: 0 35px;*/
    margin-bottom: 0;
}

    .homepage-image-container.second .second-col-12 {
        padding: 0px !important;
    }

    .homepage-image-container.second .content-link {
        text-decoration: none;
        position: relative;
    }

        .homepage-image-container.second .content-link:hover .content-text {
            color: #1B1B19;
        }

        .homepage-image-container.second .content-link img {
            margin-bottom: 24px;
            width: 100%;
        }

    .homepage-image-container.second .content-text {
        color: #1B1B19;
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

@media (max-width:1199px) {
    .homepage-image-container.second {
        padding: 0;
    }

        .homepage-image-container.second .content-text {
            position: absolute;
            bottom: 23px;
            color: #fff;
            font-size: 18px;
        }
}
/*askı sistemleri kablo kanalları content end*/



/*iç tesisat çözümleri content start*/
.homepage-content-area.text-content-left .content-area {
    padding: 64px 167px;
}

    .homepage-content-area.text-content-left .content-area .left-content {
        width: calc(43% - 167px);
        left: 167px;
    }

        .homepage-content-area.text-content-left .content-area .left-content .text-area {
            padding: 0;
        }

.homepage-content-area .content-area .left-content .text-area p {
    width: 483px;
}

.homepage-content-area .content-area .left-content .text-area a {
    font-family: 'Roboto-Medium';
    margin-bottom: 24px;
}

.homepage-content-area.text-content-left .content-area .right-content {
    float: right;
    width: 67%;
}

@media (max-width:1700px) {
    .homepage-content-area.text-content-left .content-area {
        padding: 64px 50px;
    }

        .homepage-content-area.text-content-left .content-area .left-content {
            width: calc(43% - 50px);
            left: 50px;
        }
}

@media (max-width:1500px) {
    .homepage-content-area.text-content-left .content-area .right-content {
        width: 57%;
    }
}

@media (max-width:1199px) {
    .homepage-content-area.text-content-left .content-area .left-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area.text-content-left .content-area {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area.text-content-left .content-area .left-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area.text-content-left .content-area .left-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: left;
            }

                .homepage-content-area.text-content-left .content-area .left-content .text-area p {
                    display: block;
                    width: 100%;
                }

                .homepage-content-area.text-content-left .content-area .left-content .text-area a {
                    display: block;
                }

        .homepage-content-area.text-content-left .content-area .right-content {
            width: 100%;
        }
}
/*iç tesisat çözümleri content end*/


/*teslimat noktalarımız content start*/
.homepage-banner-container {
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 64px;
}

    .homepage-banner-container img {
        width: 100%;
    }

    .homepage-banner-container .text-area {
        left: 0;
        right: 0;
        top: 54px;
        position: absolute;
        max-width: 485px;
        margin: 0 auto;
        text-align: center;
    }

        .homepage-banner-container .text-area h2 {
            color: #FFF;
            text-align: center;
            font-size: 36px;
            font-weight: 500;
            letter-spacing: -0.72px;
            margin-bottom: 12px;
        }

        .homepage-banner-container .text-area .border {
            height: 3px;
            width: 74px;
            display: block;
            border-radius: 3px;
            margin: 0 auto;
            background-color: #fff;
        }

        .homepage-banner-container .text-area p {
            color: #FFF;
            text-align: center;
            font-size: 14px;
            font-family: 'Roboto-Thin';
            line-height: 125.188%;
            margin: 16px 0;
        }

        .homepage-banner-container .text-area a {
            color: #FFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            text-decoration: none;
        }

@media (max-width:1199px) {

    .homepage-banner-container {
        width: 100%;
        position: relative;
        display: table;
    }

        .homepage-banner-container img {
            width: 100%;
        }

        .homepage-banner-container .text-area {
            left: 0;
            right: 0;
            top: 35px;
            position: absolute;
            max-width: 345px;
            margin: 0 auto;
            text-align: center;
        }

            .homepage-banner-container .text-area h2 {
                color: #FFF;
                text-align: center;
                font-size: 20px;
                font-weight: 500;
                letter-spacing: -0.72px;
                margin-bottom: 8px;
            }

            .homepage-banner-container .text-area .border {
                height: 3px;
                width: 74px;
                display: block;
                border-radius: 3px;
                margin: 0 auto;
                background-color: #fff;
            }

            .homepage-banner-container .text-area p {
                color: #FFF;
                text-align: center;
                font-size: 14px;
                font-family: 'Roboto-Thin';
                line-height: 125.188%;
                margin: 13px 0;
            }

            .homepage-banner-container .text-area a {
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 125.188%;
                text-decoration: none;
            }
}
/*teslimat noktalarımız content end*/


/*sertifikalarımız content start*/
.homepage-slider-container {
    width: calc(100% - 318px);
    margin: 0 auto;
    margin-bottom: 64px;
}

    .homepage-slider-container .content-title {
        color: #1B1B19;
        text-align: center;
        font-size: 36px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: -0.72px;
        margin-bottom: 12px;
    }

    .homepage-slider-container .border-item {
        height: 3px;
        width: 74px;
        display: block;
        border-radius: 3px;
        margin: 0 auto;
        background-color: #000;
        margin-bottom: 48px;
    }

    .homepage-slider-container .content-link {
        text-align: center;
        margin: 0 auto;
        display: table;
        text-decoration: none;
        opacity: 0.6;
        display: table;
    }

        .homepage-slider-container .content-link img {
            width: 106px;
            margin: 0 auto;
            margin-bottom: 40px;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

        .homepage-slider-container .content-link:hover {
            text-decoration: none;
            opacity: 1;
        }

            .homepage-slider-container .content-link:hover img {
                -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
            }

        .homepage-slider-container .content-link .content-text {
            color: #3B3B3B;
            font-weight: 700;
        }

            .homepage-slider-container .content-link .content-text .light {
                font-weight: 500;
            }

    .homepage-slider-container .mySwiper4 .swiper-wrapper .swiper-slide {
        height: 100%;
        padding: 0 !important;
        min-height: 215px;
    }

    .homepage-slider-container .content-text {
        color: #3B3B3B;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        line-height: 125.188%;
        max-width: 235px;
        display: table;
    }

@media (max-width:1199px) {
    .homepage-slider-container {
        width: 100%;
        margin-bottom: 54px;
        margin-top: 24px;
    }

        .homepage-slider-container .content-title {
            color: #1B1B19;
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            margin-bottom: 8px;
        }

        .homepage-slider-container .border-item {
            height: 3px;
            width: 48px;
            display: block;
            border-radius: 3px;
            margin: 0 auto;
            background-color: #000;
            margin-bottom: 16px;
        }

        .homepage-slider-container .content-link img {
            border: none;
            margin-bottom: 16px;
            width: 79px;
        }

        .homepage-slider-container .content-link .content-text {
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            margin: 0 auto;
        }

            .homepage-slider-container .content-link .content-text .light {
                display: none;
            }

        .homepage-slider-container .mySwiper4 .swiper-wrapper .swiper-slide {
            min-height: 150px;
        }

        .homepage-slider-container .swiper-pagination-bullets {
            bottom: 3px !important;
            z-index: 99;
        }

        .homepage-slider-container .swiper-button-prev {
            left: auto !important;
            right: 54px;
            bottom: -11px;
            top: auto;
            z-index: 999;
        }

        .homepage-slider-container .swiper-button-next {
            right: 15px !important;
            bottom: -11px;
            top: auto;
            z-index: 999;
        }

            .homepage-slider-container .swiper-button-prev:after, .homepage-slider-container .swiper-button-next:after {
                color: #000;
                font-size: 20px !important;
            }

        .homepage-slider-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #ED1C24 !important;
        }

        .homepage-slider-container .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }
}
/*sertifikalarımız content end*/


/*kullanım alanları content start*/
.homepage-image-container.usage-areas .content-title {
    color: #1B1B19;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.homepage-image-container.usage-areas .border-item {
    height: 3px;
    width: 74px;
    display: block;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #000;
    margin-bottom: 48px;
}

.homepage-image-container.usage-areas .content-link:hover .content-text {
    color: #fff;
}

.homepage-image-container.usage-areas .content-link img {
    padding-bottom: 30px;
    width: 100%;
    height: 100%;
}

.homepage-image-container.usage-areas .content-text {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    position: absolute;
    bottom: 78px;
    width: calc(100% - 30px);
    display: block;
}


@media (max-width:1199px) {
    .homepage-image-container.usage-areas {
        margin-bottom: 24px;
    }

    .homepage-image-container.usage-areas .content-title {
        color: #1B1B19;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .homepage-image-container.usage-areas .border-item {
        height: 3px;
        width: 48px;
        display: block;
        border-radius: 3px;
        margin: 0 auto;
        background-color: #000;
        margin-bottom: 16px;
    }

    .homepage-image-container.usage-areas .content-link:hover .content-text {
        color: #fff;
    }

    .homepage-image-container.usage-areas .content-link img {
        height: calc(100% - 46px);
        width: 100% !important;
        padding: 0 !important;
        object-fit: cover;
        object-position: center;
    }

    .homepage-image-container.usage-areas .mySwiper3 .swiper-wrapper .swiper-slide {
        height: 100%;
        padding: 0 !important;
    }

    .homepage-image-container.usage-areas .content-text {
        color: #FFF;
        text-align: center;
        font-size: 20px;
        bottom: 28px;
        width: 100%;
        position: absolute;
        bottom: 63px;
    }

    .homepage-image-container.usage-areas .swiper-pagination-bullets {
        bottom: 10px !important;
        z-index: 99;
    }

    .homepage-image-container.usage-areas .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: -5px;
        top: auto;
        z-index: 999;
    }

    .homepage-image-container.usage-areas .swiper-button-next {
        right: 15px !important;
        bottom: -5px;
        top: auto;
        z-index: 999;
    }

        .homepage-image-container.usage-areas .swiper-button-prev:after, .homepage-image-container.usage-areas .swiper-button-next:after {
            color: #000;
            font-size: 20px !important;
        }

        .homepage-image-container.usage-areas .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }

    .homepage-image-container.usage-areas .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }
}
/*kullanım alanları content end*/


/*header-fix-bar*/
.header-fix-bar {
    width: 100%;
    height: 39px;
    position: fixed;
    z-index: 9999;
}

    .header-fix-bar .exchange-content {
        padding: 0 50px;
        background-color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

        .header-fix-bar .exchange-content .epanorama-img img {
            height: 11px;
        }

        .header-fix-bar .exchange-content .discount-area {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .header-fix-bar .exchange-content .discount-area .discont-icon {
                margin-right: 8px;
            }

            .header-fix-bar .exchange-content .discount-area .discont-text-desktop {
                color: white;
                font-size: 14px;
                font-weight: 700;
                word-wrap: break-word;
                font-family: 'Roboto-Regular';
                margin-bottom:0;
            }

            .header-fix-bar .exchange-content .discount-area .discont-text-mobile {
                display: none;
            }

        .header-fix-bar .exchange-content .exchange-toogle-area {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
                color: white;
                font-size: 11px;
                font-weight: 600;
                word-wrap: break-word;
                margin-right: 12px;
                margin-bottom:0;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch {
                position: relative;
                display: inline-block;
                width: 40px;
                height: 23px;
                /*left: 6px;*/
                margin-bottom:0;
            }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    /* background-color: #ccc;*/
                    background-color: white;
                    -webkit-transition: .4s;
                    transition: .4s;
                    font-size: 11px;
                }

                    .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider:before {
                        position: absolute;
                        content: "";
                        height: 21px;
                        width: 22px;
                        left: 1px;
                        top: 1px;
                        right: 1px;
                        /*background-color: white;*/
                        background-color: #ED1C24;
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider {
                    background: white;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:focus + .slider {
                    box-shadow: 0 0 1px #2196F3;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider:before {
                    -webkit-transform: translateX(15px);
                    -ms-transform: translateX(15px);
                    transform: translateX(15px);
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round {
                    border-radius: 30px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency {
                    color: white;
                    font-size: 13px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency {
                    color: #1B1B19;
                    font-size: 11px;
                    font-weight: 700;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
                    color: #1B1B19;
                    font-size: 11px;
                    font-weight: 700;
                    padding-left: 3px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
                    color: white;
                    font-size: 13px;
                }


                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency {
                    float: left;
                    line-height: 20px;
                    padding-left: 8px;
                    padding-top: 1px;
                    font-weight: 800;
                    word-wrap: break-word;
                    z-index: 999;
                    position: absolute;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                    position: absolute;
                    left: 24px;
                    float: right;
                    line-height: 20px;
                    padding-top: 1px;
                    font-weight: 800;
                    word-wrap: break-word;
                    z-index: 999;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round:before {
                    border-radius: 50%;
                }

@media screen and (max-width:1200px) {
    .header-fix-bar .exchange-content {
        padding: 0 17px;
    }
}

@media screen and (max-width:992px) {
    .header-fix-bar .exchange-content .discount-area .discont-text-desktop {
        display: none;
    }

    .header-fix-bar .exchange-content .discount-area .discont-text-mobile {
        display: block;
        font-size: 11px;
        color: white;
        margin-bottom:0;
    }
}

@media screen and (max-width:576px) {
    .header-fix-bar .exchange-content {
        padding: 0 17px;
    }

        .header-fix-bar .exchange-content .epanorama-img {
            display: none;
        }

        .header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
            font-size: 8px;
            margin-right: 4px;
        }

        .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch {
            position: relative;
            display: inline-block;
            width: 29px;
            height: 17px;
        }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider:before {
                width: 15px;
                height: 15px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider:before {
                -webkit-transform: translateX(12px);
                -ms-transform: translateX(12px);
                transform: translateX(12px);
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency {
                bottom: -2px;
                right: 18px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                left: 18px;
                top: -2px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
                font-size: 9px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
                padding-left: 0px !important;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                font-size: 9px;
            }
}



/*header*/
.header-div-custom {
    height: 191px;
}

header #header-content .wrapper.logo-display {
    height: 80px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 50px;
    z-index:1;
}

    header #header-content .wrapper.logo-display .header-logo.left {
        width: 248px !important;
        position: revert;
        padding-top: 18px;
    }

        header #header-content .wrapper.logo-display .header-logo.left img {
            width: 100% !important;
            margin: 0 auto;
        }

#header-content .search-bar {
    width: 41.57% !important;
    top: 20px !important;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    #header-content .search-bar {
        left: 26% !important;
        width: 30.57% !important;
    }
}

header #header-content .wrapper.logo-display .menu-header {
    position: revert;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    margin-bottom:0;
}

.search-bar input {
    background: #F5F5F5 !important;
    font-size: 14px;
    border: 1px solid #D9D9D9 !important;
    height: 40px;
    padding: 0 15px !important;
    font-family: 'Roboto-Light';
    border-radius: 8px !important;
}

.search-bar .btn {
    height: 38px;
    background: #F5F5F5 !important;
    border: 1px solid #F5F5F5 !important;
    border-right: #D9D9D9 !important;
    top: 1px;
    right: 1px;
    max-width: max-content;
    padding: 10px 15px;
}

header .menu-header > li label, header .menu-header > li span {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
}

header .menu-header > li a.menu-membership-item span {
    font-weight: 600;
}

header .menu-header > li a span {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    letter-spacing: 0px;
    color: #1B1B19;
}

header .menu-header > li label {
    display: block;
    width: 100%;
    color: #ED1D25;
    text-transform: uppercase;
    line-height: 0;
    position: relative;
    top: -23px;
    font-family: 'Roboto-Regular';
    text-align: left;
    left: 28px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom:0;
}

header .menu-header > li a .basketCount {
    width: 14px;
    line-height: 14px;
    height: 14px;
    font-size: 8px;
    min-width: auto;
}

header .menu-header > li a.menu-membership-item svg {
    float: left;
    margin-right: 8px;
}

header .menu-header > li#my-favorites a svg {   
    margin-right: 3px;
}

header .menu-header > li .submenu {
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
}

    header .menu-header > li .submenu:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    header .menu-header > li .submenu ul {
        padding: 7px 0;
    }

        header .menu-header > li .submenu ul li > * {
            display: block;
            padding: 0 11px;
            color: #1B1B19;
            font-size: 14px;
            font-family: "Roboto-Regular";
            letter-spacing: 0px;
            color: #1B1B19;
        }

        header .menu-header > li .submenu ul li > a svg {
            float: right;
            position: relative;
            top: 2px;
        }

    header .menu-header > li .submenu .seperate:after {
        left: 11px;
        right: 11px;
    }

    header .menu-header > li .submenu ul li > *:hover {
        font-weight: 600;
        text-decoration: none;
        color: #1B1B19;
    }

header .menu-header > li a.btn {
    background: #ffffff;
    border: none;
    font-family: "Roboto-Regular";
    letter-spacing: 0px;
    color: #1B1B19;
    width: auto !important;
    font-size: 14px;
}

    header .menu-header > li a.btn:hover {
        text-decoration: none;
        font-family: "Roboto-Regular";
        letter-spacing: 0px;
        color: #1B1B19;
        background: #fff;
        font-size: 14px;
    }

header .menu-header > li span.text {
    margin: 0 5px;
}

header .menu-header > li a.btn svg {
    position: relative;
    margin-right: 5px;
}

@media screen and (max-width: 1200px) {
    header .header-div-custom {
        height: 91px !important;
    }

    header .header-logo {
        width: 126px !important;
        margin: 0 auto;
    }
}

header #mobilenav #mobilebutton-basket {
    font-size: 8px;
    line-height: 15px;
    top: 9px !important;
}

    header #mobilenav #mobilebutton-basket svg {
        position: relative;
        top: 4px;
    }

header #mobilenav #mobilebutton-menu {
    font-size: 8px;
    line-height: 14px;
    top: 14px !important;
}
header #mobilenav #mobilebutton-menu svg{
    margin-bottom:5px;
}
header #mobilenav #mobilebutton-basket .basketCount {
    top: 8px;
    right: 15px;
    width: 12px;
    height: 12px;
    line-height: 11px;
    font-size: 9px;
    background: #ED1C24;
}

header #mobilenav .mobile-customer-button {
    float: right;
    right: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-customer-button svg {
        display: table;
        margin: 0 auto;
    }

header #mobilenav .mobile-search-trigger-button {
    float: left;
    left: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-search-trigger-button svg {
        display: table;
        margin: 0 auto;
    }

@media (max-width:1200px) {
    #header-content .search-bar {
        top: 6px !important;
        left: auto !important;
        width: 85% !important;
        right: 10px !important;
    }

        #header-content .search-bar input {
            font-size: 12px;
        }

    #header-content .mobile-search-hide-button {
        display: none;
        position: absolute;
        left: calc(10% - 14px);
        top: 17px;
    }
}

@media (min-width:1200px) {
    #mobilemenu-customer {
        display: none;
    }

    #mobilemenu {
        display: none;
    }
}

@media (max-width:1200px) {

    #mobilemenu #mobilemenu-overlay {
        background: rgba(0, 0, 0, 0.75);
        backdrop-filter: blur(2px);
        opacity: 1 !important;
    }

    #mobilemenu {
        top: 92px !important;
    }

        #mobilemenu .mobile-left-menu-category, #mobilemenu-customer .mobile-left-menu-category {
            color: #1B1B19;
            font-family: 'Roboto-Bold';
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0px;
        }

    #mobilemenu-customer .mobile-left-menu-category {
        font-weight: 300;
        line-height: normal;
    }

        #mobilemenu-customer .mobile-left-menu-category b {
            font-weight: 300;
        }

            #mobilemenu-customer .mobile-left-menu-category b.red {
                color: #ED1C24;
            }

        #mobilemenu .mobile-left-menu-category svg, #mobilemenu-customer .mobile-left-menu-category svg {
            float: right;
            position: relative;
            right: -4px;
        }

        #mobilemenu-customer .mobile-left-menu-category svg {
            top: -10px !important;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li ul {
        padding: 0;
    }
    /*#mobilemenu #mobilemenu-content #mobilemenu-list #class1 >li{
        padding:12px 16px;
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }
    #mobilemenu #mobilemenu-content #mobilemenu-list #class1 >li.actvive{
        padding-bottom:0;
    }*/
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer li ul {
        display: none;
    }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer li ul.open {
            display: block;
            background-color: #F5F5F5;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list #class1 > li > a,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a {
        padding: 13px 16px;
        display: table;
        width: 100%;
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a svg {
            float: right;
            position: relative;
            top: 5px;
        }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li {
        line-height: 23px;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub .has-sub1 {
        color: #1B1B19;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0px;
        font-family: 'Roboto-Regular';
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub .has-sub1 svg {
            float: right;
            position: relative;
            top: 5px;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active {
        color: #ED1C24;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active svg,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active svg {
            transform: rotate(90deg);
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active svg path,
            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active svg path {
                fill: #ED1C24;
            }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1),
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub ul.open:not(#class1) {
        display: block !important;
        background-color: #F5F5F5;
        margin: 0 !important;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li > a {
            padding: 13px 16px 13px 32px;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last {
        padding: 0;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a {
            font-family: 'Roboto-Medium';
            font-weight: 400;
            letter-spacing: 0px;
            width: 100%;
            padding: 13px 16px 13px 32px !important;
        }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a {
            font-weight: 300;
            letter-spacing: 0px;
            font-family: 'Roboto-Regular';
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a svg,
            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a svg {
                float: right;
                position: relative;
                top: 5px;
            }

            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a i.item-count {
                font-family: 'Roboto-Bold';
            }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a.active svg,
        #mobilemenu-customer #mobilemenu-contentcustomer #mobilemenu-list-customer li.has-sub-last > b > a.active svg {
            transform: rotate(90deg);
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a.active,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a.active {
            border-bottom: 1px solid rgba(217, 217, 217, 0.51);
        }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li .link {
        display: block;
        position: relative;
        border-bottom: 1px solid #e4e4e4;
        cursor: pointer;
        padding: 13px 25px 11px 0;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a span.product-img {
        width: 41px;
        height: 41px;
        float: left;
        position: relative;
        top: -9px;
        margin-right: 12px;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a span.product-img img {
            border-radius: 8px;
            border: 0.4px solid #D9D9D9;
            height: 41px;
            object-fit: cover;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last {
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last:last-child {
            border-bottom: 1px solid rgba(217, 217, 217, 0.51);
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li ul li {
        padding: 0 32px;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li ul li a {
            padding: 13px 0;
            color: #1B1B19;
            font-size: 13px;
            font-style: normal;
            font-weight: 300;
            letter-spacing: 0px;
            font-family: 'Roboto-Regular';
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.elektrolog,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.log-out {
        padding: 13px 16px !important;
        color: #1B1B19;
        font-family: 'Roboto-Bold';
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0px;
    }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.wattpuan,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.favorilerim {
        font-family: 'Roboto-Medium';
        font-weight: 400;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.elektrolog svg,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a.wattpuan svg,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a.favorilerim svg {
        margin-right: 8px;
        position: relative;
        float: left;
        top: 4px;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.panaroma-image {
        padding: 18px 16px !important;
        margin-bottom:70px
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.panaroma-image img {
            width: 88px;
        }

    #mobilemenu #mobilemenu-list #class1 {
        display: block !important;
    }

    #mobilemenu-customer {
        top: 92px !important;
        display: none;
        position: absolute;
        z-index: 120;
        top: 131px;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100% !important;
        min-height: 100%;
    }

        #mobilemenu-customer #mobilemenu-content-customer {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 10;
            overflow-y: auto;
            background-color: #fff;
            width: 350px;
            max-width: 80%;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        #mobilemenu-customer #mobilemenu-overlay-customer {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            z-index: 1;
            opacity: 1;
            cursor: pointer;
            -webkit-transition: opacity 200ms ease;
            transition: opacity 200ms ease;
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(2px);
        }
}

.cart-container #sepet-ozeti {
    top: 68px;
    right: 0;
    text-align: left;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    padding: 27px 22px;
    width: 390px;
    display: none;
}

    .cart-container #sepet-ozeti:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .cart-container #sepet-ozeti .odeme-adimi {
        display: table;
        width: 100% !important;
        height: auto;
        padding: 0;
    }

        .cart-container #sepet-ozeti .odeme-adimi p {
            display: block;
            color: #1B1B19;
            font-size: 14px;
            font-family: "Roboto-Medium";
            color: #1B1B19;
            line-height: normal;
            margin-bottom: 16px;
            text-align: center;
            font-weight: 400;
            letter-spacing: 0px;
        }

        .cart-container #sepet-ozeti .odeme-adimi button {
            display: block;
            padding: 0 11px;
            color: #fff;
            font-size: 14px;
            font-family: "Roboto-Medium";
            letter-spacing: 0px;
            background-color: #1B1B19;
            line-height: normal;
            text-decoration: none;
            width: 100%;
            padding: 12px;
            border-radius: 8px;
            font-weight: 400;
        }

#sepet-ozeti .product_row .urun-resim {
    overflow: hidden;
    text-align: center;
    width: 161px;
    height: 125px;
    border-radius: 8px;
}

    #sepet-ozeti .product_row .urun-resim a img {
        position: relative;
        top: -12px;
    }

#sepet-ozeti .product_row {
    margin-bottom: 13px;
    position: relative;
}

    #sepet-ozeti .product_row .urun-bilgi.alignment-left a {
        display: -webkit-box;
        -webkit-line-clamp: 2; /*Kaç Stırda sınırlamak istiyorsanız */
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px !important;
        font-weight: 300;
        letter-spacing: 0px;
        margin-bottom: 10px;
        line-height: 155%;
    }

    #sepet-ozeti .product_row .urun-bilgi {
        width: calc(100% - 202px);
    }

.cart-preview-top-items {
    display: table;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 23px;
}

    .cart-preview-top-items span {
        float: left;
        height: auto;
        padding: 0;
        margin: 0;
        font-family: "Roboto-Bold" !important;
        line-height: 0;
    }

    .cart-preview-top-items .delete-cartSummary {
        float: right !important;
        font-family: "Roboto-Regular";
        color: #979494;
        padding: 0;
        width: auto !important;
        letter-spacing: 0px;
        font-weight: 400;
        text-decoration: underline;
        font-size: 14px;
        line-height: 0;
    }

#sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-left {
    color: #1B1B19;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.188%;
    font-family: "Roboto-Medium";
}

#sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-right {
    color: #1B1B19;
    text-align: right;
    font-family: "Roboto-Medium";
    font-size: 16px;
    line-height: 125.188%;
    font-weight: 800;
}

.sepetozeti .odeme-adimi .hizli-al {
    margin: 0;
    float: none !important;
    line-height: 2.25rem;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px;
    background: #ED1C24;
    font-family: "Roboto-Medium";
    font-weight: 400;
}

#sepet-ozeti .product_row .urun-bilgi.alignment-left * {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-weight: 300;
}

.product-code-area {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

    .product-code-area .product-code-title {
        width: 100%;
        display: table;
    }

    .product-code-area .product-code {
        width: 100%;
        color: #979494 !important;
        display: table;
        font-family: 'Roboto-Light' !important;
    }

#sepet-ozeti .product_row .urun-bilgi.alignment-left .number {
    margin-bottom: 10px;
    display: table;
}

#sepet-ozeti .product_row {
    border-bottom: 1px solid #e3e3e3;
}

    #sepet-ozeti .product_row:last-child {
        border-bottom: 0px;
    }

    #sepet-ozeti .product_row .urun-fiyat, #sepet-ozeti .product_row .urun-fiyat span {
        color: #1B1B19 !important;
        font-family: "Roboto-Medium" !important;
        font-weight: 600 !important;
        letter-spacing: 0px !important;
    }
.swiper-thumbs .swiper-slide-thumb-active img{
    border:none!important;
}

/*myfavorites start*/
#my-favorites .modal .modal-content {
    border: none;
}

    #my-favorites .modal .modal-content .confirmmodal-opts .btn {
        color: white;
        background-color: #ed1c24;
    }

#myFavorites {
    padding: 30px 50px;
}

     #myFavorites .dynamic-product-discount-area {
        position: absolute;
/*        top: 21px;
        left: 12px !important;*/
    }

    #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box {
        position: relative;
        top: 0;
    }

        #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box span {
            color: #ED1C24;
            font-size: 15px;
            font-family: Roboto-Bold, sans-serif;
            font-weight: 700;
            line-height: 12px;
            word-wrap: break-word;
            margin: 0 8px;
            position: absolute;
            top: 32%;
            left: 10%;
        }

    #myFavorites .js-quantityReminder {
        font-size: 12px;
        color: red;
        font-weight: bold;
        font-family: 'Roboto-Medium';
    }

    #myFavorites .myFavorites-top-area {
        display: table;
        width: 100%;
        margin-bottom: 35px;
    }

        #myFavorites .myFavorites-top-area .myFavorites-page-title {
            float: left;
            margin-right: 9.5%;
            position: relative;
            top: 3px;
        }

            #myFavorites .myFavorites-top-area .myFavorites-page-title h2 {
                color: #1B1B19;
                font-family: 'Roboto-Medium';
                font-size: 32px;
                font-weight: 500;
            }

        #myFavorites .myFavorites-top-area .myFavorites-category-area {
            float: left;
            position: relative;
            top: 11px;
        }

            #myFavorites .myFavorites-top-area .myFavorites-category-area ul li {
                float: left;
                margin-right: 24px;
            }

                #myFavorites .myFavorites-top-area .myFavorites-category-area ul li a {
                    color: #AEAEAE;
                    font-family: 'Roboto-Regular';
                    font-size: 14px;
                }

                #myFavorites .myFavorites-top-area .myFavorites-category-area ul li.active a {
                    color: #ED1C24;
                    font-family: 'Roboto-Medium';
                    font-size: 14px;
                }

        #myFavorites .myFavorites-top-area .myFavorites-action-buttons {
            float: right;
            position: relative;
            top: 20px;
        }

            #myFavorites .myFavorites-top-area .myFavorites-action-buttons a {
                border-radius: 8px;
                border: 1px solid #1B1B19;
                color: #1B1B19;
                font-family: 'Roboto-Medium';
                font-size: 14px;
                font-weight: 500;
                padding: 8px 24px;
                text-decoration: none;
            }

                #myFavorites .myFavorites-top-area .myFavorites-action-buttons a:first-child {
                    margin-right: 8px;
                }

    #myFavorites .noProducts-inFavorites {
        width: 100%;
        display: table;
        margin: 18px 0 24px 0;
        padding: 65px 0 113px 0;
        border-bottom: 1px solid #D9D9D9;
    }

        #myFavorites .noProducts-inFavorites img {
            margin: 0 auto;
            margin-bottom: 32px;
        }

        #myFavorites .noProducts-inFavorites .text-area {
            display: table;
            margin: 0 auto;
            text-align: center;
            max-width: 650px;
            margin-bottom: 24px;
        }

            #myFavorites .noProducts-inFavorites .text-area label {
                color: #1B1B19;
                font-family: 'Roboto-Regular';
                font-size: 36px;
                display: table;
            }

            #myFavorites .noProducts-inFavorites .text-area span {
                color: #979494;
                font-family: 'Roboto-Light';
                font-size: 16px;
                margin-bottom: 24px;
            }

        #myFavorites .noProducts-inFavorites a {
            padding: 16px 24px;
            color: #FFF;
            font-family: 'Roboto-Medium';
            font-size: 16px;
            border-radius: 8px;
            background: #ED1C24;
            margin: 0 auto;
            display: table;
            text-decoration: none;
        }

    #myFavorites .myFavorite-item-area {
        border-radius: 8px;
        border: 1px solid #D9D9D9;
        box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
        position: relative;
        padding: 16px;
        display: table;
        width: 100%;
    }


        #myFavorites .myFavorite-item-area .data.col-d-100 {
            padding: 10px 0px;
        }

            #myFavorites .myFavorite-item-area .data.col-d-100 .numberbox-button {
                font-family: 'Roboto-Light';
            }

        #myFavorites .myFavorite-item-area .favorite-price.widetext {
            padding: 0px !important
        }

            #myFavorites .myFavorite-item-area .favorite-price.widetext .vatrateplus {
                font-family: 'Roboto-Regular';
                color: #AEAEAE;
                font-size: 14px;
                padding-left: 5px;
            }

        #myFavorites .myFavorite-item-area .favorite-price .price.old {
            font-family: 'Roboto-Light';
            text-decoration: line-through;
            color: #D9D9D9;
            font-size: 1.2rem;
        }

        #myFavorites .myFavorite-item-area .favorite-price .price {
            font-family: 'Roboto-Black';
            font-size: 2rem
        }

        #myFavorites .myFavorite-item-area .remove-favorite-item {
            position: absolute;
            top: 16px;
            right: 20px;
        }

        #myFavorites .myFavorite-item-area .product-image {
            padding-top: 16px;
        }

            #myFavorites .myFavorite-item-area .product-image img {
                width: 100%;
            }

        #myFavorites .myFavorite-item-area .thintitle {
            color: #1B1B19;
            font-family: 'Roboto-Regular';
            font-size: 18px;
            min-height: 90px;
        }

            #myFavorites .myFavorite-item-area .thintitle a {
                text-decoration: none;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                min-height: 43px;
            }

                #myFavorites .myFavorite-item-area .thintitle a:hover {
                    text-decoration: none;
                    color: #1B1B19;
                }

            #myFavorites .myFavorite-item-area .thintitle .productCode {
                color: #AEAEAE;
                font-family: 'Roboto-Thin';
                font-size: 16px;
                display: table;
                width: 100%;
                margin-top: 14px;
            }

        #myFavorites .myFavorite-item-area .add-to-cart-btn {
            display: table;
            width: 100%;
            margin-top: 16px;
        }

            #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart {
                border-radius: 8px;
                background: #ED1C24;
                padding: 12px 24px;
                justify-content: center;
                align-items: center;
                color: #FFF;
                text-align: center;
                font-family: 'Roboto-Regular';
                font-size: 16px;
                letter-spacing: 0;
            }

                #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p {
                    position: relative;
                    margin: 0;
                    top: 2px;
                }

                    #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p .basket-icon {
                        margin-right: 5px;
                        position: relative;
                        top: -4px;
                        display: inline-block;
                    }

    #myFavorites .swiper {
        overflow: hidden;
    }


/*myfavorites end*/
#productDetail .product .gallery-mainform .data.big .price.old {
    font-size: 1.25rem;
    position: relative;
    color: #5a5a5a;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    display: table;
    margin: 0 auto;
}

#productDetail .currency-area .currency-info-area {
    background-color: #f5f5f5;
    width: 100%;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

    #productDetail .currency-area .currency-info-area p {
        font-size: 10px;
        padding: 10px;
    }

.custom-accordion-menu-items .custom-accordion-menu-item .acc1 {
    display: none;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acc2 {
    display: block;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acclist1 {
    display: block;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acclist1 li:nth-child(2) a {
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
}
.currency-area.product-detail {
        float: right;
        padding-top: 15px;
}

.currency-area.product-detail .currency-live-area {
    width: 395px;
    float: right;
}

#productDetail #mCSB_1 {
    max-height: unset;
}

#productDetail .options-numbers.left .data.big > p {
    position: absolute !important;
    top: 18px;
    left: 9px;
}
@media (max-width:767px) {
    .currency-area.product-detail .currency-live-area {
        width: 100%;
    }
}
#productDetail .options-numbers.left .data.big p.badge-discount {
    z-index: 9;
    background: #ed1c24;
    color: #fff;
    padding: 2px 7px;
    font-size: 14px;
    line-height: 2rem;
}
.product .gallery-mainform .data .price.discount-price {
    font-size: 2.5rem;
}
@media(max-width:1199px) {
    .homepage-image-container.second .second-col-12 .col-12, .homepage-image-container.first .first-col-12 .col-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .homepage-image-container.second .second-col-12 .row, .homepage-image-container.first .first-col-12 .row{
        margin-left:0!important;
        margin-right:0 !important;

    }
}

.tcmb-info-button {
    float: left;
    width: 8px;
    height: auto;
    background: black;
    position: relative;
    top: 3.5px;
    margin-right: 4px;
    cursor: pointer;
}

.header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
    position: relative;
}

.toggle-tcmb-info-popup {
    display: none;
    position: absolute;
    right: -54px;
    top: 25px;
    padding: 10px;
    background: white;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    width: 205px;
    padding: 11px;
    border: 1px solid rgba(217, 217, 217, 0.63);
}

    .toggle-tcmb-info-popup.open {
        display: block;
        color: #1B1B19;
    }

    .toggle-tcmb-info-popup:after {
        content: "";
        position: absolute;
        top: -16px;
        right: 94px;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .toggle-tcmb-info-popup .close-icon {
        position: absolute;
        top: 8px;
        right: 8px;
        cursor: pointer;
    }

    .toggle-tcmb-info-popup .title {
        display: table;
        font-family: "Roboto-Medium";
        font-size: 10px;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .toggle-tcmb-info-popup .currency-area-USD {
        float: left;
    }

    .toggle-tcmb-info-popup .currency-area-EUR {
        float: right;
    }

    .toggle-tcmb-info-popup .currency-area .type {
        font-family: "Roboto-Medium";
        font-size: 11px;
        color: #ED1C24;
        font-weight: 500;
    }

    .toggle-tcmb-info-popup .currency-area .value {
        font-family: 'Roboto-Light';
        font-size: 11px;
        font-weight: 300;
    }

    .toggle-tcmb-info-popup .text, .toggle-tcmb-info-popup .description {
        display: table;
        font-size: 9px;
        font-family: 'Roboto-Light';
        font-weight: 300;
    }

    .toggle-tcmb-info-popup .text {
        margin-top: 25px;
    }

    .toggle-tcmb-info-popup .description {
        color: #979494;
        margin-top: 3px;
    }

@media (max-width:767px) {
    .toggle-tcmb-info-popup {
        right: -36px;
    }

        .toggle-tcmb-info-popup:after {
            right: 64px;
        }
}

@media (max-width:576px) {
    .tcmb-info-button {
        width: 6px;
        top: 2.5px;
    }
}
#header-content.custom-width .header-logo img,
#header-content.border-bottom-default .header-logo img{
    position: relative;
    top: 6px;
}
#openTab.display-none {
    display: none;
}
.product-details-left.projem-logo-button a.projem-logo-button {
    cursor: pointer;
}
.product-details-left.projem-main a.projem-logo-button img.projem-logo {
    width: 150px !important;
    display: inline-block !important;
    margin-bottom: 2% !important;
}

.choose-dealer {
    margin-top: -5px;
}

.dealer-item.dealer-list {
    border-bottom: 1px solid #a4a4a4;
    align-items: center;
    margin-left: -5px;
}

ul.dealer-item-area .dealer-item-area-top ul li span.bold,
ul.dealer-item-area .dealer-item-area-bottom ul li span.bold {
    font-weight: 600;
}

@media (min-width:768px) {

    ul.dealer-item-area {
        text-align: left;
        width: 100%;
    }

        ul.dealer-item-area .dealer-item-area-top {
            width: 100%;
            display: table;
        }

        ul.dealer-item-area .dealer-item-area-top,
        ul.dealer-item-area .dealer-item-area-bottom {
            width: 100%;
        }

            ul.dealer-item-area .dealer-item-area-top .first-item {
                width: 40%;
                float: left;
            }

            ul.dealer-item-area .dealer-item-area-top .second-item {
                width: 25%;
                float: left;
            }

            ul.dealer-item-area .dealer-item-area-top .third-item {
                width: 34.99%;
                float: left;
            }
}

@media (max-width:767px) {
    ul.dealer-item-area {
        text-align: left;
    }
}

/*HeaderContent*/
header .menu-header > li#my-favorites a .favorites-icon{
    display:inline-block;
}

header .menu-header > li#button-basket .basket-trigger .cart-icon {
    display: inline-block;
}


header .menu-header > li .menu-membership-item .logged-user-icon {
    display: inline-block;
}

header .menu-header > li .menu-membership-item .icon-angle-down {
    margin-top: 0;
}

header .menu-header > li .login-icon {
    display: inline-block;
}


header .menu-header > li .submenu ul li > a .watt-icon, header .menu-header > li .submenu ul li > a .logout-icon {
    float: right;
    position: relative;
    top: 2px;
}

header #mobilenav #mobilebutton-menu {
    position: absolute;
    left: +1%;
    top: +24%
}

    header #mobilenav #mobilebutton-menu .menu-mobile-icon {
        margin-bottom: 5px;
        display: inline-block;
    }

header #mobilenav .mobile-search-trigger-button {
    float: left;
    left: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-search-trigger-button .arrow-left-icon {
        margin-top: 5px;
    }

header #mobilenav .mobile-customer-button .logged-user-icon {
    display: table;
    margin: 0 auto;
    width: 17px !important;
    height: 17px !important
}

header #mobilenav .mobilebutton.cartbtn .cart-icon {
    width: 16px !important;
    height: 16px !important;
    position: relative;
    top: 4px;
}

header #mobilenav .mobile-customer-button .login-icon {
    display: table;
    margin: 0 auto;
    width: 16px !important;
    height: 16px !important;
}

/*Favorite Warning Modal*/
#favorite-modal-warning-message{
    z-index: 9999999;
}

#favorite-modal-warning-message .modal-element {
    width: 713px !important;
    display:flex;
    align-items:center;
    border:none;
}

    #favorite-modal-warning-message .modal-element .favorites-heart-icon {
        width: 40px;
        height: 40px
    }

    #favorite-modal-warning-message .modal-element .modal-content {
        padding: 60px 32px 32px 32px;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap {
            margin-bottom: 0rem;
            margin-top: 16px;
        }

    #favorite-modal-warning-message .modal-element .modal-close {
        top: 32px;
        right: 22px;
        border:none;
    }

    #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title {
        color: #1B1B19;
        text-align: center;
        font-family: 'Roboto-Regular';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title .customer-login {
            color: #ED1C24;
            font-family: 'Roboto-Regular';
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            text-decoration:none;
        }

    #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-sub-title {
        color: #1B1B19;
        font-family: 'Roboto-Light';
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
    }

    #favorite-modal-warning-message .modal-element .modal-content, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border:none;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols p {
            margin-bottom: 0rem;
            color: #979494;
            text-align: center;
            font-family: 'Roboto-Light';
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
            padding: 8px 0px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn:hover {
            background-color: #ED1C24;
        }
        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            display: flex;
            width: 307px;
            height: 54px;
            padding: 12px 24px;
            justify-content: center;
            align-items: center;
            gap: 4px;
            color: #FFF;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            font-family: 'Roboto-Regular';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 1.2px;
            line-height: 24px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            background: #1B1B19;
            border:none;
        }

@media screen and (max-width: 768px) {
    #favorite-modal-warning-message .modal-element .favorites-heart-icon {
        width: 20px;
        height: 20px
    }

    #favorite-modal-warning-message .modal-element .modal-close {
        top: 20px;
    }

    #favorite-modal-warning-message .modal-element .modal-content {
        padding: 40px 32px 32px 32px;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title {
            font-size: 16px;
        }

            #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title .customer-login {
                font-size: 16px;
            }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-sub-title {
            font-size: 12px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols p {
            font-size: 12px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            font-size: 12px;
            width: 188px;
        }
}

/*Product Add Favorite List Popup*/
.cart-container #added-favorite-list {
    top: 68px;
    right: 0;
    text-align: left;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    padding: 27px 22px;
    width: 390px;
    display: none;
}

    .cart-container #added-favorite-list:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

#added-favorite-list {
    margin-top: 0;
    font-size: 12px;
    right: 0;
    left: auto;
    width: 375px;
    padding: 0;
    display: block;
    left: auto;
    right: 0;
    position: absolute;
    top: 100%;
    z-index: 10000 !important;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    position:fixed;
}
.cart-container #added-favorite-list {
    top: 117px;
    right: 128px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}

    .cart-container #added-favorite-list .product-added-area {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px;
    }

        .cart-container #added-favorite-list .product-added-area .main-title {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            margin-left: 12px;
            margin-bottom: 0rem;
        }

    .cart-container #added-favorite-list .sub-title {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        margin-bottom: 16px;
    }

    .cart-container #added-favorite-list .btn-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .cart-container #added-favorite-list .btn-area .go-to-favoritelist {
            display: flex;
            width: 100%;
            padding: 12px 24px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            border-radius: 8px;
            background: #1B1B19;
            border: none;
            color: #fff;
            letter-spacing: 1.2px;
        }

/*Product Add Favorite List Mobile*/
#added-favorite-list-mobile.hidden, #not-added-favorite-list-mobile.hidden {
    display: none;
}

#added-favorite-list-mobile, #not-added-favorite-list-mobile {
    width: 100%;
    width: 100% !important;
    z-index: 999;
    display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 167px;
    background: #FAFFF6;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    position: absolute;
    top: 92px;
    position: fixed;
}

    #added-favorite-list-mobile .product-added-area, #not-added-favorite-list-mobile .product-added-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #added-favorite-list-mobile .product-added-area p, #not-added-favorite-list-mobile .product-added-area p {
            margin-bottom: 0rem !important;
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            padding-left: 12px;
        }

/*Favorilerim Sayfası Mobil*/
@media screen and (max-width: 1200px) {
    #myFavorites{
        padding:16px;
    }
        #myFavorites .dynamic-product-discount-area{
            position:absolute;
        }

        #myFavorites .row.favorite-products {
            margin-top: 24px !important;
        }

        #myFavorites .myFavorite-item-area {
            padding: 12px 8px;
            position: relative;
        }

        #myFavorites .myFavorites-top-area {
            position: relative;
            margin-bottom:0;
        }

        #myFavorites .myFavorites-top-area .myFavorites-page-title h2 {
            font-size: 20px;
        }

            #myFavorites .myFavorites-top-area .myFavorites-action-buttons {
                top: 4px;
                right: 0px;
                position: absolute;
            }

            #myFavorites .myFavorites-top-area .myFavorites-action-buttons a {
                padding: 8px 16px;
                font-size: 11px;
            }

        #myFavorites .related-products{
            padding-top:0px;
            padding-bottom:0px;
            margin-bottom:12px !important;
        }

        #myFavorites .myFavorite-item-area .data.col-d-100 .numberbox-button{
            font-size:9px;
        }

        #myFavorites .myFavorite-item-area .data.col-d-100 .wrap-quantity {
            border-style: none;
        }

        #myFavorites .myFavorite-item-area .remove-favorite-item {
            top: 12px;
            right: 7px;
        }

        #myFavorites .myFavorite-item-area .remove-favorite-item img {
            height: 16px;
        }

        #myFavorites .myFavorite-item-area .thintitle {
            min-height: 40px;
        }

            #myFavorites .myFavorite-item-area .thintitle a {
                font-size: 10px;
                min-height: auto;
                margin-bottom: 4px;
            }

        #myFavorites .myFavorite-item-area .thintitle .productCode {
            font-size: 9px !important;
            margin-top:0px;
        }

        #myFavorites .myFavorite-item-area .favorite-price .price.old {
            font-size:9px;
        }

        #myFavorites .myFavorite-item-area .favorite-price .price{
            font-size:10px;
        }

        #myFavorites .myFavorite-item-area .favorite-price.widetext .vatrateplus {
            font-size: 9px;
        }

        #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart{
            padding:8px 24px;
            margin:0px;
        }

            #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p{
                font-size: 11px;
            }

                #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p .basket-icon{
                    height:14px;
                }

        #myFavorites .myFavorites-top-area .myFavorites-category-area {
            width: 100%;
            display: flex;
            flex-direction: column-reverse;
        }

            #myFavorites .myFavorites-top-area .myFavorites-category-area ul li {
                float: none;
            }

                #myFavorites .myFavorites-top-area .myFavorites-category-area ul li a {
                    color: #1B1B19;
                }

        #myFavorites .myFavorites-category-area .mobil-category-selected-item {
            width: 100%;
            padding: 12px 16px;
            border-radius: 8px;
            border: 1px solid #D9D9D9;
            margin-bottom: 0px !important;
            background: #F5F5F5;
        }

        #myFavorites .myFavorites-category-area .desktop-category-item {
            display: none;
        }

        #myFavorites .myFavorites-category-area .mobil-category-selected-item .mobil-category-selected-item-arrow img {
            position: absolute;
            transform: rotate(90deg);
            width: 20px;
            right: 16px;
            top: 15px;
        }

        #myFavorites .myFavorites-category-area .mobil-dropdown-menu {
            width: 100%;
            z-index: 100;
            background: white;
            border-radius: 8px;
            padding-left: 15px;
            border: 1px solid #d9d9d9;
            border-radius: 8px;
        }

            #myFavorites .myFavorites-category-area .mobil-dropdown-menu .category-item {
                padding: 4px 0px;
            }

        #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box {
            width: 46px;
        }

            #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box span {
                font-size: 9px;
                top: 20%;
            }
}

@media screen and (min-width: 1200px) {
    #myFavorites .myFavorites-category-area .mobil-category-selected-item {
        display: none;
    }
}

/*@media screen and (min-width:993px) {
    .shipping-modal section {
        min-height: 500px;
    }

    .billing-modal section {
        min-height: 770px;
    }
}*/

body.blog header #header-content {
    top: 39px !important;
}

body.blog #header-content .header-menu ul#nav {
    position: relative;
    width: fit-content;
    margin: auto;
    display: flex;
    align-items: stretch;
}

body.blog #nav ul {
    position: revert;
}

body.blog input#category_code + div {
    padding-top: 180px !important;
}

body.blog header #header-content {
    height: 123px;
}

body.blog header .header-logo img {
    top: 27px;
    position: relative;
}

@media (max-width:1200px) {
    body.blog header #header-content {
        height: 80px;
        border-bottom: 0;
    }

    body.blog input#category_code + div {
        padding-top: 130px !important;
    }
}

@media (max-width:576px) {
    .stores .stores-left {
        width: 100%;
    }

        .stores .stores-left .stores-contentwrap {
            padding: 0;
            max-height: 450px;
        }

    .stores .stores-map {
        position: relative;
        height: 400px;
        width: 100%;
    }

    .stores .stores-left .stores-listcontainer {
        height: auto;
    }
}
@media (min-width:768px) {
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 100% !important;
    }
}

@media (max-width:767px) {
    main#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 100% !important;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column,
    main#account .account-content .content-list.orders #preorder-item .list-column.project-type,
    main#account .account-content .content-list.orders #preorder-item .list-column.order-message.widetext.right {
        width: 100% !important;
    }
}



/*_CurrentPaymentCheckForm*/
.payment-method-areas .payment-method-area.check {
    display: none;
    margin-top: 15px;
}

.payment-method-areas .payment-method-area.check {
    display: none;
    margin-top: 15px;
}

    .payment-method-areas .payment-method-area.check .payment-method-input {
        width: 100%;
        display: table;
    }

    .payment-method-areas .payment-method-area.check .exchange-rate-area {
        display: none;
        position: relative
    }

        .payment-method-areas .payment-method-area.check .exchange-rate-area .exchange-rate {
            position: absolute;
            top: -4px;
            font-size: 11px;
            font-weight: 700;
        }

    .payment-method-areas .payment-method-area.check #FileName label {
        cursor: pointer;
    }

        .payment-method-areas .payment-method-area.check #FileName label span {
            width: 145px
        }

        .payment-method-areas .payment-method-area.check #FileName label i {
            font-size: 20px;
            position: relative;
            top: 3px;
        }

    .payment-method-areas .payment-method-area.check .upload-image-list {
        display: none;
    }

    .payment-method-areas .payment-method-area.check .js-submit-check-btn {
        background-color: #ed1c24 !important;
        display: table !important;
        top: 20px !important;
        margin-right: 86px !important;
        width: auto !important;
        padding: 0px 15px !important;
        border-radius: 0 !important;
    }

    .payment-method-areas .payment-method-area.check #BankLeft,
    .payment-method-areas .payment-method-area.check #AmountLeft {
        width: 70px;
        margin-right: 10px;
    }

    .payment-method-areas .payment-method-area.check #BankRight,
    .payment-method-areas .payment-method-area.check #AmountRight {
        width: 70px;
    }

/*currentInquiry*/
.orderSum li > strong {
    margin-right: 50em !important;
}

#AgreementValidateModal .agreementValidateButton {
    cursor: pointer;
    background-color: #70ad47;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#AgreementValidateModal .agreementCancelButton {
    cursor: pointer;
    background-color: #727272;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.account-transactions {
    display: table;
    margin: 30px 0;
}

    .account-transactions .left {
        width: 140px;
        display: inline-block;
        text-align: center;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        background-color: #dee2e6;
        padding: 11px;
    }

    .account-transactions .right {
        width: 140px;
        display: inline-block;
        text-align: center;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #dee2e6;
        padding: 11px;
    }

    .account-transactions a.active {
        color: #fff;
        background-color: #ed1c24;
    }

#success-message {
    display: none;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

#error-message{
    display: none;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

#AgreementValidateModal .attention {
    font-size: 22px;
    font-weight: bolder;
    text-align: center;
    align-content: center;
    display: block;
}

#AgreementValidateModal #AgreementValidText {
    font-size: 20px;
    text-align: center;
    align-content: center;
    display: block;
    padding-bottom: 20px;
}

    #AgreementValidateModal #AgreementValidText .checkwrap.medium {
        margin-left: 50px;
    }

#AgreementValidateModal .checkwrap.medium a {
    text-decoration: underline;
}

#AgreementValidateModal .modal-buttons {
    margin-top: 40px;
    text-align: center;
}

.current-inquiry-section .kolon .table .credit-limit-title {
    padding-bottom: 10px !important;
}

.current-inquiry-section .kolon .table.limit-state {
    width: 50%;
}

.current-inquiry-section .kolon .table.order-amount {
    width: 50%;
}

    .current-inquiry-section .kolon .table.order-amount .open-order-amoun {
        padding-bottom: 10px !important
    }


.current-inquiry-section .payment-method-area.money-transfer .important-note-area {
    font-size: 15px;
    margin: 10px 0;
}

    .current-inquiry-section .payment-method-area.money-transfer .important-note-area .code {
        font-weight: 700
    }

.current-inquiry-section .payment-method-area.money-transfer .account-info {
    margin-right: 15px;
    font-size: 15px;
}

.current-inquiry-section .payment-method-area.money-transfer .money-transfer-items {
    width: 210px;
}

.current-inquiry-section .payment-method-area.money-transfer .iban-list-area {
    display: table;
    margin-top: 15px;
    font-size: 16px;
}

    .current-inquiry-section .payment-method-area.money-transfer .iban-list-area .iban {
        float: left;
        font-weight: 600
    }

.current-inquiry-section .payment-method-area.money-transfer .iban-list {
    float: left;
}

.current-table-item .currentInfo {
    color: red;
    font-weight: normal;
}

.current-table-item .currentInfo {
    color: red;
    font-weight: normal;
}

.display-none {
    display: none;
}

.display-table {
    display: table;
}

.display-block {
    display: block;
}

.wattp-main-content .cancelled-watt-point {
    padding: 16px 80px;
    border-radius: 18px;
    border: 1px solid #ED1C24;
    margin-top: 17px;
}

    .wattp-main-content .cancelled-watt-point .info-item .title {
        color: #C5C5C8;
        font-family: 'Roboto-Regular';
        font-size: 20px;
        color: #3E3E3F;
    }

    .wattp-main-content .cancelled-watt-point .info-item .cancelled-point {
        color: #ED1C24;
        font-family: 'Roboto-Bold';
        font-size: 20px;
        float: right;
    }

@media (max-width:767px) {
    .wattp-main-content .cancelled-watt-point {
        padding: 14px 21px;
        margin-top: 10px;
    }

        .wattp-main-content .cancelled-watt-point .info-item .title {
            font-size: 14px;
        }

        .wattp-main-content .cancelled-watt-point .info-item .cancelled-point {
            font-size: 14px;
            line-height: 27px;
        }
}
/*kategori sayfası başlangıç*/
.maincategory-breadcrumb-area{
    width:100%;
    padding:12px 50px;
    display:table;
}
.maincategory-breadcrumb-area img.home-icon{
    float:left;
    margin-right:8px;
    position:relative;
    top:2px;
}
.maincategory-breadcrumb-area ul li{
    float:left;
}
.maincategory-breadcrumb-area ul li a {
    color: #979494;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    word-wrap: break-word;
}
.maincategory-breadcrumb-area ul li a.category-name {
    color: #ED1C24;
    font-size: 12px
}
.maincategory-breadcrumb-area ul li .arrow-breadcrumb{
    position:relative;
    top:2px;
    margin:0 8px;
}
.categorymain-video-banner {
    width: 100%;
}
.categorymain-video-banner .video-item{
    width:100%;
}

.maincategory-breadcrumb-area {
    width: 100%;
    padding: 12px 50px;
    display: table;
}

.maincategory-maincontent {
    margin-top: 50px;
}
.maincategory-maincontent .maincategory-maincontent-title{
    text-align: center;
}
.maincategory-maincontent .maincategory-maincontent-title h2{
    font-size: 36px;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    letter-spacing: -1px;
    color: #1B1B19;
}
.maincategory-maincontent .maincategory-maincontent-title p{
    color: #3B3B3B;
    text-align: center;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    max-width: 675px;
    margin: 0 auto;
}
.maincategory-maincontent .maincategory-maincontent-slider{
 padding:64px 50px 0 50px;
}
.maincategory-maincontent .maincategory-maincontent-slider .content-link{
   display:block;
   text-align:center;
}
.maincategory-maincontent .maincategory-maincontent-slider img {
    width: 100%;
    border-radius: 8px;
}
.maincategory-maincontent .maincategory-maincontent-slider span.sub-title {
    color: #1B1B19;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    margin:0 auto;
    margin-top:24px;
    display:table;

}
.maincategory-maincontent .maincategory-maincontent-slider .swiper-slide{
    padding:0!important;
}
.maincategory-types{
    padding:40px 50px;
    background-color:#F5F5F5;
}
.maincategory-types .maincategory-types-title h2{
    font-size: 36px;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    color: #1B1B19;
    letter-spacing: -0.72px;
    margin-bottom:16px;
    line-height: 44px; /* 122.222% */
}
.maincategory-types .maincategory-types-title p {
    color: #3B3B3B; 
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 20px;
}
.maincategory-types .maincategory-types-items{
    width:100%;
    display:table;
    margin-top:24px;
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem,
.maincategory-types .maincategory-types-items .maincategory-types-sssitem{
    width:calc((100% - 24px) / 2);
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem{
    float:left;
    height: 405px;
    overflow: hidden;
    position: relative;
    border-radius:8px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem{
    float:right;
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li{
    padding:24px;
    display:table;
    width:100%;
    border-bottom:1px solid #D9D9D9;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active{
    background-color:#fff;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a{
    float:right;
    color: #1B1B19;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32.185px; 
    float:left;
    width:100%;
    display:table;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a img{
    width:20px;
    float:right;
    position: relative;
    top: 6px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li p{    
    width:100%;
    display:none;
    margin-top:48px;
    color: #3B3B3B;
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 20px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active p{        
    display:table;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active a img{

    transform: rotate(90deg);
}
.maincategory-types .maincategory-types-expitems{
    width:100%;
    display:table;
    margin-top:16px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea{
    float:right;
    width: calc((100% - 24px) / 2);
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem{
    float: left;
    width: calc((100% - 24px) / 2);
    position: relative;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem:last-child{
    float:right;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
    width: 100%;
    display: table;
    padding: 11px 12px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: white;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .exp-img {
    width: 68px;
    float: left;
    margin-right: 12px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
    width: calc(100% - 80px);
    float: left;
    display: table;
    color: #1B1B19;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
    width: calc(100% - 80px);
    float: left;
    display: table;
    font-weight: 300;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 16px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right{
    position: absolute;
    bottom: 11px;
    left: 92px;
}
.maincategory-descriptionarea {
    padding: 50px 64px 0 64px;
    border-top: 1px solid #D9D9D9;
}
#productList .maincategory-descriptionarea {
    padding: 0;
    border-top: none;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled h2{
    color: #1B1B19;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto-Regular';
    line-height: 0;
    margin-bottom: 32px;
    display: table;
    width: 100%;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled label {
    color: #1B1B19;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 167.187%;
    font-family: "Roboto-Light";
    margin-bottom:16px;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled p ,
.maincategory-descriptionarea .maincategory-descriptionarea-disabled p{
   color: #979494;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
}
.maincategory-descriptionarea .maincategory-descriptionarea-disabled{
    display:none;
}
.maincategory-descriptionarea .maincategory-descriptionarea-disabled.active{
    display:block;
}
.maincategory-descriptionarea .maincategory-read-more{
    min-width: 168px;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    display: table;
    margin: 0 auto;
    color: #fff;
    background: black;
    padding: 13px 24px;
    position: relative;
    text-align: left;
    border-radius: 8px;
    margin-top: 17px;
}
.maincategory-descriptionarea .maincategory-read-more span {
    float: left;
    margin-right: 10px;
}
.maincategory-descriptionarea .maincategory-read-more img{
   float: right;
    position: relative;
    top: 2px;
}
.maincategory-descriptionarea .maincategory-read-more.active img {
    transform: rotate(180deg);
}
.maincategory-usage-areas {
    padding: 40px 64px 0 64px;
}
.maincategory-usage-areas .maincategory-usage-areas-title h2 {
    color: #1B1B19;
    font-size: 36px;
    font-family: Roboto-Medium, sans-serif;
    font-weight: 500;
    word-wrap: break-word;
    text-align: center;
}
.maincategory-usage-areas .maincategory-usage-areas-title hr {
    border: 2px solid black;
    width: 74px;
    margin-top: 12px;
    border-radius: 4px;
}
.maincategory-usage-areas .maincategory-usage-tab-area{
    margin-bottom:32px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul#myTab{
    border-bottom:0;
    margin-top:48px;
    margin-bottom:16px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li{
    margin-right:24px;
    display:block;
    float:left;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a{
    padding:24px 12px;
     border:1px solid #fff;
    display:table;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active{
    border:1px solid #ED1C24;
    border-radius:8px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a img{
    float:left;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a .active-img{
    display:none;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .default-img{
    display:none;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .active-img{
    display:block;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
    float: left;
    color: #1B1B19;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 0;
    position: relative;
    top: 12px;
    margin-left: 8px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active span{    
    color: #ED1C24;
}
.maincategory-usage-areas .maincategory-usage-tab-area #myTabContent .tab-pane{
    color: #979494;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
    padding:0;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item{
    display:none;
}
.maincategory-usage-area-slider .swiper-pagination {
    bottom: -20px !important;
    height: 40px;
    position: relative;
}
.maincategory-usage-area-slider .swiper-button-prev {
    bottom: -10px;
    top: auto;
    right: 43px;
    left: auto !important;
    z-index:99;
}
.maincategory-usage-area-slider .swiper-button-next {
    bottom: -10px;
    top: auto;
    right: 0 !important;
    z-index: 99;
}
.maincategory-usage-area-slider .swiper-button-prev:after {
    font-size: 20px !important;
    color: #1B1B19;
}
.maincategory-usage-area-slider .swiper-button-next:after {
    color: black;
    font-size: 20px !important;
}
.maincategory-usage-area-slider .swiper-slide {
    padding:0!important;
}
.maincategory-usage-area-slider .content-link img{
    width:100%;
}
.maincategory-usage-area-slider .maincategory-usage-area-referaces {
    display:none;
}
@media (max-width:1199px) {
    .maincategory-breadcrumb-area {
        padding: 12px 20px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider img {
        width: 100%;
        border-radius: 0;
    }
    .maincategory-maincontent {
        margin-top: 36px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider {
    padding: 46px 20px 0 20px;
    }
    .maincategory-maincontent .maincategory-maincontent-title h2{
        font-size:32px;
        margin-bottom:8px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider span.sub-title{
        margin-top:16px;
        font-size:16px;
        height:80px;
    }
    .maincategory-maincontent .maincategory-maincontent-title p{
        max-width: 530px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: 0;
        top: auto;
        z-index:99;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next{
        right: 15px !important;
        bottom: 0;
        top: auto;
        z-index: 99;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev:after,
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next:after {
        color: #000;
        font-size: 20px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-pagination-bullets{
        bottom:15px!important;
    }
        .maincategory-maincontent .maincategory-maincontent-slider .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }
    .maincategory-types {
        padding: 32px 24px;
    }
    .maincategory-types .maincategory-types-title h2{
        font-size: 32px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem, 
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem{
        width:100%;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem{
        margin-bottom:24px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea{
        width:100%;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {
        left: auto;
        right: 18px;
    }
    .maincategory-descriptionarea {
        padding: 50px 24px 0 24px;
    }
    .maincategory-usage-areas {
        padding: 24px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active img.default-img{
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active img.active-img{
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span{
        color: #1B1B19;
        font-size:14px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item {
        display: table;
        width: 100%;
        position: relative;
        margin-top: 20px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area ,
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-arrow{
        display: table !important;
        width: 100%;
        margin-right:0;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-arrow img {
        position: absolute;
        transform: rotate(90deg);
        width: 20px;
        right: 16px;
        top: 15px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a {
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        background: #F5F5F5;
        width: 100%;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active .active-img {
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active .default-img {
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active span {
        font-size: 14px;
        color: #1B1B19;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li {
        width: 100%;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a{
        border:none;
        padding:12px 16px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active {
        border: none;
    }
    
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
        color: #1B1B19;
        font-size: 14px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active span{
        color: #1B1B19;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .active-img{
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .default-img{
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul#myTab {
        margin-top: 0;
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul#myTab.active{
        display:table;
        border:1px solid #d9d9d9;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area #myTabContent{
        margin-top:16px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area{
        margin-bottom:16px;
    }
    .maincategory-usage-area-slider .content-link{
        width:auto;
        height:194px;
        display:block;
    }
    .maincategory-usage-area-slider .content-link img {
        height: 194px;
        object-fit: cover;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title h2{
        font-size:32px;
    }
    .maincategory-usage-areas .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 2px;
    }
    .maincategory-usage-area-slider .swiper-button-prev {
        bottom: -14px;
    }

    .maincategory-usage-area-slider .swiper-button-next {
        bottom: -14px;
    }
    .maincategory-usage-area-slider .maincategory-usage-area-referaces {
        display: table;
        width:100%;
        color: #1B1B19;
        font-size: 14px;
        font-family: Roboto-Medium, sans-serif;
        font-weight: 500;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title hr {
        border: 1px solid black;
        margin-top: 0;
        width: 48px;
    }
}
@media (max-width:767px) {   
    .maincategory-maincontent {
        margin-top: 24px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider {
    padding: 24px 16px 0px 16px;
    }
    .maincategory-maincontent .maincategory-maincontent-title h2{
        font-size:20px;
        margin-bottom: 8px;
    }
    .maincategory-maincontent .maincategory-maincontent-title p{
        max-width: 343px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev:after,
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next:after {
        color: #000;
        font-size: 16px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next {
        right: -8px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev {        
        right: 31px;
    }
    .maincategory-types {
        padding: 16px;
    }
    .maincategory-types .maincategory-types-title h2{
        font-size: 20px;
        line-height: 20px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem{

    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem {
        float: none;
        height: auto;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem img {
        position: revert;
        transform:none;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li {
        padding: 16px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a {
        font-size: 14px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li p {
        margin-top: 40px;
        font-size: 12px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem {
        width: 100%;
        margin-bottom:8px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
        padding:12px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
        width: calc(100% - 92px);
        font-size: 14px;
        margin-top:21px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
        width: calc(100% - 92px);
        font-size: 12px;
        line-height: 14px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {      
        bottom: auto;
        left: auto;
        right: 12px;
        top: 45%;
    }
    .maincategory-descriptionarea {
        padding: 34px 16px 0 16px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled h2{
        font-size:24px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled label{
        font-size:14px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled p, 
    .maincategory-descriptionarea .maincategory-descriptionarea-disabled p{
        font-size:12px;
    }
    .maincategory-usage-areas {
        padding: 24px 16px;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title h2{
        font-size:16px;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title hr {
        border: 1px solid black;
        margin-top:6px;
        width:48px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span{
        font-size:12px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
        font-size:12px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area #myTabContent .tab-pane{
        font-size:12px!important;
    }
}
/*kategori sayfası bitiş*/

/*PreOrderItem*/
@media screen and (min-width: 1200px) {
    main#account .account-content .content-list.orders .list-row.head .list-column.order-name:nth-child(3) {
        width: 21% !important;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column {
        width: 13.104% !important;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column.order-info {
            width: 23.104% !important;
        }

            main#account .account-content .content-list.orders #preorder-item .list-column.order-info span {
                word-wrap: break-word;
                white-space: normal;
                width: 90%;
            }

    main#account .account-content.preorder-list .content-list .list-row.head .order-date, main#account .account-content.preorder-list .content-list .list-row.head .order-title,
    main#account .account-content.preorder-list .content-list .list-row.head .order-name, main#account .account-content.preorder-list .content-list .list-row.head .order-status,
    main#account .account-content.preorder-list .content-list .list-row.head .order-total {
        text-align: left !important;
        width: 15% !important;
    }

    main#account .account-content.preorder-list .content-list.orders .list-row .list-column.order-title {
        width: 15% !important;
    }

    main#account .account-content.preorder-list .content-list .list-row#preorder-item {
        text-align: center;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column.order-message.widetext.right {
        width: 18.982% !important;
    }
}

@media screen and (max-width: 640px) {
    main#account .account-content.preorder-list .content-list.orders .list-row .list-column.order-date:before {
        content: 'Gönderilen:';
    }
}

main#account .account-content .content-list.orders #preorder-item .list-column .update-offer:hover {
    background: #ED1C24 !important;
    color: #fff !important;
}

main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
    width: 50%;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
    float: left;
    padding: 3px 4px;
    color: #000;
    background: #fff;
    border: none;
    text-align: left;
}

    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control i {
        color: #ED1C24;
        font-size: 20px;
        margin-right: 5px;
        float: left;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control:hover {
        color: #fff;
        background: #ED1C24;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control:hover i {
            color: #fff;
        }

main#account .account-content .content-list.orders #preorder-item .list-column.project-type {
    margin-top: 1.875rem !important;
    width: 10.643% !important;
}

    main#account .account-content .content-list.orders #preorder-item .list-column.project-type img {
        width: 30px;
        float: left
    }

main#account .account-content .content-list.orders #preorder-item .list-column.order-message .update-offer {
    margin-top: 21px !important;
    background: #fff;
    color: #ED1C24;
    width: 100%;
}

@media screen and (max-width: 1776px) and (min-width: 1633px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
        padding: 3px 0;
    }
}

@media screen and (max-width: 1632px) and (min-width: 640px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
        text-align: center;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control span {
            display: none;
        }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control i {
            margin: 0 auto;
            padding: 0;
            text-align: center;
            float: none;
        }
}

@media (max-width:1201px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .list-column a, .list-column span {
        font-size: 11px;
    }
}

/*Share Offer Popup*/
.share-offer .modal-element .modal-content {
    padding: 2rem 4rem !important;
}

.share-offer .modal-element {
    width: 750px;
    height: 260px !important;
}

    .share-offer .modal-element .modal-content .error-message-area .error-message {
        text-align: center;
        font-weight: bold;
        color: #ed1c24;
        font-size: 14px !important;
    }

    .share-offer .modal-element .modal-content .modal-subtitle {
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid#e4e4e4;
    }

    .share-offer .modal-element .modal-content .modal-subtitle, .share-offer .modal-element .modal-content .modal-section.bottomcontrols {
        text-align: center;
    }

        .share-offer .modal-element .modal-content .modal-section.bottomcontrols .share-offer-send {
            margin-bottom: 15px;
            width: 100%;
        }

/* preorderList */
.preorder-list .meta-items {
    width: 100%;
    display: table;
}

    .preorder-list .meta-items .meta-item {
        width: 45%;
        float: right;
        margin-bottom: 20px;
        position: relative;
    }

        .preorder-list .meta-items .meta-item:nth-child(2n-1) {
            float: left;
        }

        .preorder-list .meta-items .meta-item.full {
            width: 100%;
        }

        .preorder-list .meta-items .meta-item label {
            width: 120px;
            float: left;
            padding-top: 12px;
        }

        .preorder-list .meta-items .meta-item select, .meta-item input {
            width: calc(100% - 120px);
            float: right;
            height: 40px;
        }

        .preorder-list .meta-items .meta-item span {
            width: 100%;
            display: table;
            position: absolute;
            bottom: -15px;
            font-size: 13px;
            color: #ED1C24;
        }

        .preorder-list .meta-items .meta-item button {
            float: right;
        }

@media screen and (max-width: 600px) {
    .preorder-list .meta-items .meta-item {
        width: 100%;
    }

        .preorder-list .meta-items .meta-item span {
            position: relative;
            bottom: 0;
        }
}

.preorder-list .paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #5a5a5a;
}

.preorder-list .li-paging {
    display: inline-block;
    margin: 0rem 1.25rem 0rem 1.25rem;
}


.preorder-list .page-action.active {
    text-decoration: underline;
    font-weight: bold;
}

.preorder-list .orders .order-date {
    font-size: small;
}

.preorder-list .orders .order-total {
    font-size: small;
}

.preorder-list .orders .order-title {
    font-size: small;
}

.custom-accordion-menu-item {
    border: 1px solid #727272;
}

    .custom-accordion-menu-item:not(.first) {
        border: 1px solid #727272;
        margin-top: 15px;
    }

    .custom-accordion-menu-item .item-title {
        width: 100%;
        background-color: #727272;
        color: #fff;
        padding: 17px 10px;
        font-size: 16px;
        position: relative;
    }

    .custom-accordion-menu-item .accordion-indicator {
        float: right;
        font-size: 11px;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .custom-accordion-menu-item .fa-minus {
        float: right;
        font-size: 11px;
        display: block;
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .custom-accordion-menu-item .accordion-indicator::before, .fa-minus::before {
        float: right;
        padding-top: 20px;
        padding-right: 20px;
    }

    .custom-accordion-menu-item .accordion-indicator::before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e90f';
    }

    .custom-accordion-menu-item ul li a {
        font-size: 11px;
        padding-left: 10px;
    }

        .custom-accordion-menu-item ul li a:hover {
            font-size: 11px;
            font-weight: 700;
            text-decoration: underline;
        }

        .custom-accordion-menu-item ul li a.active {
            font-size: 11px;
            font-weight: 700;
            text-decoration: underline;
        }

    .custom-accordion-menu-item .nav-list {
        display: none;
    }

    .custom-accordion-menu-item ul li a .item-count {
        display: inline-block;
        color: #FFF;
        font-weight: 600;
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.58333333rem;
        font-size: 0.850rem;
        padding-left: 0.08333333rem;
        box-sizing: border-box;
        text-align: center;
        background-color: #ed1c24;
        position: relative;
        top: 16px;
        right: 10px;
        float: right;
    }

.custom-display-none {
    display: none !important;
}

.custom-display-block {
    display: block !important;
}

.custom-display-inline {
    display: inline !important;
}
main#account .account-content .content-list.orders .sent-preorder-item .list-column.order-info span {
    word-wrap: break-word;
    white-space: normal;
    width: 90%;
}
main#account .account-content .content-list .list-row.preorder-sending .list-column {
    width: 15%;
}
main#account .account-content .content-list.orders .sent-preorder-item .list-column {
    width: 15%
}

#draw_type_haserror .modal-element {
    width: 32em;
    text-align: center;
}
.has-error-icon {
    font-size: 46px;
    border-radius: 100%;
    border: 2px solid;
    width: 53px;
    display: block;
    padding: 14px;
    margin: 0px auto 10px;
}
@media(min-width:1200px){
    .homepage-slider-container .mySwiper4 {
        min-height: 240px;
    }
    .homepage-slider-container .mySwiper4 .swiper-pagination {
        bottom: -5px !important;
    }
}

/*Ürün Listeleme*/
section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
    margin-bottom: 18px !important;
    margin-top: 18px;
    text-align: right;
    padding-right: 2%;
}
section.breadcrumb .breadcrumb-list .crumb:first-child {
    display: inline-flex;
    align-items:baseline;
}

    section.breadcrumb .breadcrumb-list .crumb:first-child .home-icon {
        margin-right: 8px;
    }

.category-list-banner {
    width: 100%;
    height: 100%;
    padding: 0px 64px 32px 64px;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    display: inline-flex
}

    .category-list-banner .category-desc-area {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        display: flex;
        width: 70%;
    }

        .category-list-banner .category-desc-area {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 12px;
            display: inline-flex;
        }

            .category-list-banner .category-desc-area .category-desc {
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                gap: 16px;
                display: flex;
                width: 80%
            }

                .category-list-banner .category-desc-area .category-desc .category-desc-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-family: 'Roboto-Medium';
                    font-weight: 500;
                    line-height: 44px;
                    word-wrap: break-word
                }

                .category-list-banner .category-desc-area .category-desc .category-desc-text {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-family: 'Roboto-Light';
                    font-weight: 300;
                    line-height: 20px;
                    word-wrap: break-word
                }

    .category-list-banner .category-img-area {
        position: relative;
        width: 100%;
    }

        .category-list-banner .category-img-area img {
            border-radius: 8px;
        }

@media screen and (max-width: 1200px) {
    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
        padding: 0px 24px !important;
        margin-bottom:1rem;
    }

    .category-list-banner {
        display: block;
        padding: 0px !important;
    }

        .category-list-banner .category-desc-area {
            width: 100%;
            padding: 0 24px;
        }

            .category-list-banner .category-desc-area{
                display:block;
            }

                .category-list-banner .category-desc-area .category-desc{
                    width:100%;
                }

                .category-list-banner .category-desc-area .category-desc .category-desc-text {
                    display: none;
                }

                    .category-list-banner .category-desc-area .category-desc .category-desc-title {
                        font-size: 20px !important;
                    }

                    .category-list-banner .category-img-area img {
                        border-radius: 0px;
                        width:100%;
                    }
}

@media screen and (min-width: 1200px) {
    section.breadcrumb .wrapper {
        max-width: 100% !important;
    }

    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list{
        margin-top:18px !important;
    }
}

@media screen and (max-width: 768px) {
    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
        margin-bottom:0.25rem !important;
        padding: 0px 16px !important;
        padding-bottom: 13px !important;
    }

        .category-list-banner .category-desc-area{
            padding:0px 12px;
        }
}

/*hızlı filtre alanı css başlangıç*/
.categories-quick-filter-container{
    padding:24px 64px;
}
.categories-quick-filter-container .categories-text-area {
    margin-bottom:16px;
    width:100%;
    display:table;
}
.categories-quick-filter-container .categories-text-area .categories-text-tab{
    cursor:pointer;
}
.categories-quick-filter-container .categories-text-area .categories-text-tab{    
    color: #979494;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    float: left;
}
.categories-quick-filter-container .categories-text-area .linked-categories-text {
    border-left: 1px solid #1B1B19;
    padding-left: 56px;
}
.categories-quick-filter-container .categories-text-area .categories-text {    
    padding-right:56px;
}
.categories-quick-filter-container .categories-text-area .categories-text.active,
.categories-quick-filter-container .categories-text-area .linked-categories-text.active{    
    color: #ED1C24;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    float: left;
}


.categories-quick-filter-container .categories-quick-filter-area{
    padding:16px 0;
    width:100%;
    display:block;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide{
    width:auto;
    padding:0!important;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link{
    min-width:200px;
   display:table;
   text-align:center;
   padding:12px 0!important;
   position:relative;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link{
    border-radius:8px;
    border:1px solid #ED1C24;
    float:left;
    margin-right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link .category-name{
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .category-link .main-img {
    width: 137px;
    margin: 0 auto;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .active-item-icon{
    position:absolute;
    top:15px;
    right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items {
    float: left;
    margin-right: 12px;
    padding:12px 0;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items .sub-category-item{
    width: 100%;
    display: table;
    padding: 20px 39.5px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items .sub-category-item.active{
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1B1B19;
    padding: 20px 39.5px;
    border-radius: 8px;
    border: 1px solid #1B1B19;
    display: table;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .vertical-border{
    height:150px;
    border:1px solid #D9D9D9;
    float:left;
    margin-right:12px;
}

.categories-quick-filter-container .linked-categories-area{
    padding:16px 0;
    width:100%;
    display:table;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item{
    float:left;
} 
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link{
    min-width:200px;
   display:table;
   text-align:center;
   padding:12px 0!important;
   position:relative;
   margin-right:12px;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .main-img {
    width: 137px;
    margin: 0 auto;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .category-name{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
    margin-top:30px;
    display:block;
    width:100%;
    padding:12px 24px;
    background: #F5F5F5;
    border-radius:8px;
    overflow: hidden;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-area-title{
    float:left;
    color: #1B1B19;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items{
    float:left;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width:100%;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
    margin-right:40px;
    float:left;
    flex: 0 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar {
    height: 8px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
    width:40px;
    height:40px;
    border:1px solid #D9D9D9;
    border-radius:8px;
    float:left;
    background: #fff;
    margin-right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img img{
    height:100%;
    border-radius:8px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title b {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area{
    display:none;
}
@media (min-width:1200px) {
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next {
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper{
        overflow-x:auto;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar {
        height: 6px;
    }

    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 8px;
    }

    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
}
@media (max-width:1199px){
    .categories-quick-filter-container {
        padding: 24px;
    }
    .categories-quick-filter-container .categories-text-area .categories-text, 
    .categories-quick-filter-container .categories-text-area .linked-categories-text,
    .categories-quick-filter-container .categories-text-area .categories-text.active, 
    .categories-quick-filter-container .categories-text-area .linked-categories-text.active{
        font-size:14px;
    }
    .categories-quick-filter-container .categories-text-area .categories-text {
        padding-right: 16px;
    }
    .categories-quick-filter-container .categories-text-area .linked-categories-text{
        padding-left:16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link {
        width: auto;
        min-width: auto;
        padding: 12px 3px !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name {
        font-size: 13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items {
        display: none;
    }    
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .category-link .main-img{
        width:auto;
    }   
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .vertical-border{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link{
        margin-right:0;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .active-item-icon{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item.quick-filter-text{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name{
         -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick{
        height:182px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-pagination{
        top:auto;       
        bottom: 15px !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next{
        z-index:99;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev{
        right: 30px !important;
        bottom: 0;
        left: auto !important;
        top: auto;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next {
        bottom: 0;
        top: auto;
        right: 0 !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev:after, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next:after{
        color:#1B1B19;
        font-size:16px!important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-pagination .swiper-pagination-bullet{
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px);
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
    }    
    .categories-quick-filter-container .linked-categories-area{
        display:flex;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item{
        width: calc((100% - 144px) / 7);
        margin-right:24px;
        flex: 0 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0 3px;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link{
        width: 100%;
        min-width: auto;
        padding: 12px 0 !important;
        margin-right:0;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .category-name{
        font-size: 13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
        margin-right:32px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title{
        font-size:13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title b{
        font-size:13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
        margin-right:4px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
        width:30px;
        height:27px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
        margin-top:16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area{
        display:flex;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item{
        margin-right: 12px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1B1B19;
        font-size: 13px !important;
        font-weight: 300;
        font-family: 'Roboto-Light';
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item.mobile-sub-category-title{
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 14px !important;
        font-weight: 400;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item.active {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 13px !important;
        font-weight: 400;
        margin-right: 12px;
        padding: 8px;
        border-radius: 8px;
        border: 1px solid #1B1B19;
    }
}
@media (max-width:767px) {
    .categories-quick-filter-container{
        padding:0;
        padding-left:16px;
        padding-top:24px;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item {
        width: calc((100% - 48px) / 4);
        margin-right: 16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
        padding:12px 8px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }    
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
        margin-right:12px;
    }
}

#js-order-list.stock-product-list .modal-element {
    height: 720px !important;
    width:939px;
    border-radius:8px;
}
#js-order-list.stock-product-list .modal-element .modal-content{
    padding:24px!important;
    border:none;
}
#js-order-list.stock-product-list .modal-element .modal-innerwrap{
    overflow:hidden;
}
#js-order-list.stock-product-list .modal-element .modal-close {
    top: 15px;
    right: 15px;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#js-order-list.stock-product-list .modal-element .modal-close:active{
    background-color:#fff;
}
#js-order-list.stock-product-list .instok-content-image-area {
    margin-bottom: 28px;
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-text{
    display: table; 
    width: 100%; 
    color: #1B1B19; 
    font-size: 20px; 
    font-family: Roboto-Medium, sans-serif; 
    font-weight: 500;
    margin-bottom: 18px;
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-img{
    width: 335px; 
    height: 249px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin: 0 auto; 
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-img img{
    width:100%;
    border-radius:8px;
    margin-top:33px;
}
#js-order-list.stock-product-list .instok-content-image-area .instock-product-code{
    display: table; 
    color: #979494; 
    margin: 0 auto; 
    font-family: Roboto-Light, sans-serif;
    font-size: 14px; 
    font-style: normal;
    font-weight: 300; 
    line-height: 125.188%;
    margin-top: 12px;
}
#js-order-list.stock-product-list  .list-row .list-column{
    width:25%!important;
}
#js-order-list.stock-product-list .list-row .list-column.city-name,
#js-order-list.stock-product-list .list-row .list-column.store-name,
#js-order-list.stock-product-list .list-row .list-column.address-name,
#js-order-list.stock-product-list .list-row .list-column.stock-total{
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto- Regular", sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    line-height: 125.188%;
}
#js-order-list.stock-product-list .list-row .list-column.city-name-text,
#js-order-list.stock-product-list .list-row .list-column.store-name-text,
#js-order-list.stock-product-list .list-row .list-column.address-name-text,
#js-order-list.stock-product-list .list-row .list-column.stock-total-text{
    color: #979494;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
}
#js-order-list.stock-product-list .list-row .list-column.widetext {
    letter-spacing: 0!important;
}
#js-order-list.stock-product-list .list-row.head{
    padding-bottom:12px;
}
#js-order-list.stock-product-list .list-row{
    padding:0 50px;
    border-bottom:1px solid #D9D9D9!important;
}
#js-order-list.stock-product-list .list-row:not(.head){
    display:flex;
}
#js-order-list.stock-product-list .list-row:not(.head) .list-column{
   padding:12px 0!important;
   display: flex;
   align-items: center;
}
#js-order-list.stock-product-list .list-row .list-column .total br{
    display:none;
}
#js-order-list.stock-product-list .list-row .list-column.stock-total-text .total{
    color: #ED1C24;
}
#js-order-list.stock-product-list .content-list{
    height:302px;
    overflow-y:auto;
}
#js-order-list.stock-product-list .content-list::-webkit-scrollbar {
    width: 8px;
}

#js-order-list.stock-product-list .content-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

#js-order-list.stock-product-list .content-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}
@media (max-width:1199px){
    #js-order-list.stock-product-list .modal-element{
        width:540px;
        height:473px!important;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-text{
        font-size:16px;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-img {
        width: 100%;
        height: 148px;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-img img{
        width: auto;
        height: 146px;
        margin:0 auto;

    }
    #js-order-list.stock-product-list .modal-element .modal-content {
        padding: 16px !important;
    }
    #js-order-list.stock-product-list .modal-element .modal-close .icon-close:before{
        font-size:16px;
    }
    #js-order-list.stock-product-list .modal-element .modal-close{
        top:4px;
        right:4px;
    }
    #js-order-list.stock-product-list .list-row{
        padding:0;
    }
    #js-order-list.stock-product-list .list-row.head{
        padding-bottom:8px;
    }
    #js-order-list.stock-product-list .list-row:not(.head) .list-column{
       padding:8px 0!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.address-name{
        display:none;
    }
    #js-order-list.stock-product-list .list-row .list-column.city-name,
    #js-order-list.stock-product-list .list-row .list-column.store-name{
        width:calc((100% - 70px) / 2)!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.stock-total{
        width:69px!important;
    }

    #js-order-list.stock-product-list .list-row .list-column.address-name-text{
        display:none;
    }
    #js-order-list.stock-product-list .list-row .list-column.city-name-text,
    #js-order-list.stock-product-list .list-row .list-column.store-name-text{
        width:calc((100% - 70px) / 2)!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.stock-total-text{
        width:69px!important;
    }
    #js-order-list.stock-product-list .list-row .list-column .total br{
        display:block;
    }
    #js-order-list.stock-product-list .content-list {
        height: 200px;
    }
    #js-order-list.stock-product-list .content-list .city{
        font-size:12px;
    }
}
@media (max-width:767px){
    #js-order-list.stock-product-list .modal-element {
        width: 312px;
    }
}

.product-cart .description .new-product-tag {
    color: #ED1C24;
    font-family: 'Roboto-Black';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    text-decoration-line: underline;
    text-align: left;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}

/*Product Listesi */
section.product-list .wrapper {
    max-width: 100% !important;
    padding: 0px 64px;
}

    section.product-list .wrapper .main-grid {
        padding-top: 32px;
        border-top: 1px solid #D9D9D9;
    }

        section.product-list .wrapper .main-grid .col-d-75.col-t-75.col-m-100 {
            padding-top: 0px;
        }

        section.product-list .listing-pagination .pagination-list li.seall {
            text-align:center;
        }

        section.product-list .wrapper .main-grid .product-list-ordering {
           display:flex;
        }

            section.product-list .wrapper .main-grid .product-list-ordering .sort-by {
                font-size: 14px !important;
                font-family: "Roboto-Light";
                font-weight: 300;
                word-wrap: break-word;
                padding-right: 12px;
                color: #979494 !important;
                display: flex;
            }

                section.product-list .wrapper .main-grid .product-list-ordering .sort-by img {
                    padding-right: 8px;
                }

        section.product-list .wrapper .main-grid .product-details-left.hidden-xs .wrapper {
            padding: 0px 24px 0px 0px;
        }

section.product-list .listing-main .listing-head {
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    width: 100% !important;
    height: auto;
    margin-bottom: 32px;
}

    section.product-list .listing-main .listing-head .listing-head-left {
        justify-content: flex-start;
        align-items: center;
        gap: 24px;
        display: flex;
    }

        section.product-list .listing-main .listing-head .listing-head-left .in-stock-area {
            justify-content: flex-start;
            align-items: center;
            gap: 8px;
            display: flex;
        }

        section.product-list .listing-main .listing-head .listing-head-left .all-item-cart {
            padding: 8px;
            border-radius: 8px;
            border: 1px #1b1b19 solid;
            justify-content: center;
            align-items: center;
            gap: 33px;
            display: flex;
        }

    section.product-list .listing-main .listing-head .listing-head-right {
        justify-content: flex-end;
        align-items: center;
        gap: 64px;
        display: flex;
    }

        section.product-list .listing-main .listing-head .listing-head-right .product-list-ordering {
            justify-content: flex-end;
            align-items: flex-start;
            gap: 12px;
            display: flex;
        }

    section.product-list .listing-main .listing-head .total-product {
        display: inline-block;
        color: #1B1B19;
        font-size: 14px !important;
        font-family: "Roboto-Regular";
        font-weight: 400;
        word-wrap: break-word;
    }

        section.product-list .listing-main .listing-head .total-product .text {
            color: #979494 !important;
            font-size: 14px;
            font-family: "Roboto-Light";
            font-weight: 300;
            word-wrap: break-word;
        }

.product-list .listing-main .listing-head .grids {
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    display: flex;
}

    .product-list .listing-main .listing-head .grids .sub-title {
        color: #979494;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        word-wrap: break-word;
        margin-right: 12px;
    }

    .product-list .listing-main .listing-head .grids .col3 {
        margin-right: 12px;
        width: 40px;
        height: 20px;
        background: url(/assets/images/uc-gorunum.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col2 {
        width: 26px;
        height: 20px;
        background: url(/assets/images/iki-gorunum.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col3.active {
        background: url(/assets/images/uc-gorunum-active.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col2.active {
        background: url(/assets/images/iki-gorunum-active.svg) no-repeat;
    }

section.product-list .listing-main .listing-head .listing-order {
    margin: 0rem !important;
    width: 135px !important;
}

.selectboxit-container.listing-order .selectboxit-btn .selectboxit-text {
    color: #1B1B19 !important;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    padding: 0px;
    border: none;
}

.selectboxit-container.listing-order.rightalign .selectboxit-btn {
    border: none;
    height: 20px;
}

.selectboxit-container.listing-order.rightalign {
    box-shadow: none;
}

.selectboxit-container.listing-order .selectboxit-default-arrow:before {
    color: #1B1B19 !important;
    font-weight: bold;
}

.selectboxit-container.listing-order .selectboxit-arrow {
    top: 35%;
    border: none;
}

.selectboxit-container.listing-order span {
    line-height: 1.6rem;
}

.selectboxit-container.listing-order span, .selectboxit-container.listing-order .selectboxit-options a {
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word;
    border-bottom: 1px solid #D9D9D9;
    color: #979494
}

    .selectboxit-container.listing-order span, .selectboxit-container.listing-order .selectboxit-options a:last-child {
        border-bottom: none;
    }

.selectboxit-container.listing-order .selectboxit-options {
    width: 146px;
    min-width: 146px !important;
    border-radius: 8px;
    text-align: center;
    margin-left: -10px;
    z-index: 99 !important;
    color: #979494;
    box-shadow: 0px 4px 14.399999618530273px rgba(0, 0, 0, 0.11);
}

.selectboxit-container.listing-order .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor {
    position: relative;
    color: #1B1B19 !important;
}

    .selectboxit-container.listing-order .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor > .selectboxit-option-icon-container {
        content: "";
        display: inline-block;
        width: 9px;
        height: 7px;
        background-image: url(/assets/images/check-sm.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 11px;
        left: 15px;
    }

section.listing > .wrapper > .main-grid > .col-d-75.col-t-75.col-m-100 {
    padding: 0px !important;
}

.product-details-left .mobile-clear-all {
    display:none;
}

@media(max-width:1199px) {
    section.product-list .wrapper {
        max-width: 100% !important;
        padding: 0px 24px;
    }
        section.product-list .wrapper .main-grid {
            padding-top: 16px;
        }
        section.product-list .wrapper .main-grid .product-list-ordering .sort-by {
            display: none !important;
        }

    .in-stock-area {
        display: none !important;
    }

    .product-list-filter-area .product-details-left .selected-container {
        display: none !important;
    }
}

@media(max-width:767px) {
    .product-list .listing-main .listing-head .grids {
        display: none;
    }

    section.product-list .listing-main .listing-head {
        margin-bottom: 12px;
        display: block !important;
    }
}

@media(max-width:576px) {
    section.product-list .wrapper {
        max-width: 100% !important;
        padding: 0px 16px;
    }
}

/*ProducList Filter Arae*/
.product-list-filter-area .product-details-left .filter-title {
    color: #1B1B19;
    font-size: 22px !important;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 28px;
    word-wrap: break-word;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

    .product-list-filter-area .product-details-left .filter-title .filter-icon {
        margin-right: 8px;
    }

.product-list-filter-area .product-details-left .accordion-custom-content {
    padding: 0px !important;
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0 24px;
    height: max-content !important;
}

.product-list-filter-area .product-details-left .accordion-element {
    background: #F5F5F5;
    margin-bottom: 8px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.product-list-filter-area .product-details-left .accordion-element.accordion-expanded {
    overflow: hidden;
}

    .product-list-filter-area .product-details-left .accordion-element.accordion-expanded .product-details-left .accordion-button {
        background: #F5F5F5;
        border-radius: 8px;
        overflow: hidden;
        border: 1px #D9D9D9;
        margin-bottom: 12px;
    }

.product-list-filter-area .product-details-left .accordion-button {
    border: none;
    padding: 0px;
    background: #F5F5F5;
    border-radius: 8px;
    border: 1px #D9D9D9;
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    letter-spacing: 0 !important;
    padding: 24px 32px;
}

.product-list-filter-area .product-details-left .checkwrap {
    background: white;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-bottom: 12px;
    padding: 12px;
}

.checked-filter {
    border: 1px solid #1B1B19 !important;
}

section.listing > .wrapper > .main-grid > .col-d-25.col-t-25.product-list-filter-area {
    padding: 0px !important;
    display:block !important;
}

.product-list-filter-area .product-details-left .selected-container .clear-all {
    padding: 12px;
    background: #1B1B19;
    border-radius: 4px;
    border: 1px solid;
    color: white;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    margin-bottom: 32px;
}

.product-list-filter-area .product-details-left .selected-container .selected-filters-list  {
    margin-top:-10px;
}

.product-list-filter-area .product-details-left .selected-container .selected-filters-list li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
    background: #F5F5F5;
    padding: 8px;
    border-radius: 4px;
    border: 1px #1B1B19;
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    margin-bottom: 12px;
}

    .product-list-filter-area .product-details-left .selected-container .selected-filters-list li .remove-single-filter {
        display: inline-block;
        margin-left: 8px;
        cursor: pointer;
    }

.product-list-filter-area .product-details-left .wrapper {
    padding: 0px !important;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap label:before {
    width: 20px;
    height: 20px;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap label {
    padding-left: 3rem !important;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap input:checked + label:after {
    background-image: url(/assets/images/selected-filters.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: white !important;
    opacity: 1;
}

section.product-list .listing-main .listing-head .mobile-filter-popup{
    display:none;
}

.product-list-filter-area .product-details-left .details-specs .accordion-expanded .chevron-icon {
    transform: rotate(180deg);
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .chevron-icon {
    float: right;
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0px 24px 12px 24px;
}

.filter-popup-close {
    display:none;
}

@media only screen and (max-width: 1200px) {
    .product-details-left {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
        transform: translateY(100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        padding: 0 24px 24px 24px;
        background: white;
        box-shadow: 0px 4px 25.5px rgba(0, 0, 0, 0.45);
    }

        .product-details-left .mobile-filter-popup {
            display: inline-flex !important;
            padding: 8px 16px;
            background: #1B1B19;
            border-radius: 4px;
            color: white;
            font-size: 14px;
            font-family: "Roboto-Medium";
            font-weight: 500;
            word-wrap: break-word;
        }

    section.product-list .listing-main .listing-head {
        height: auto;
    }

        section.product-list .listing-main .listing-head .mobile-filter-popup {
            display: inline-flex;
            padding: 8px 16px;
            background: #1B1B19;
            border-radius: 4px;
            color: white;
            font-size: 14px;
            font-family: "Roboto-Medium";
            font-weight: 500;
            word-wrap: break-word;
        }

            section.product-list .listing-main .listing-head .mobile-filter-popup img {
                margin-right: 4px;
            }

    .product-details-left .selected-filters-list {
        display: none;
    }

        .product-details-left.active {
            transform: translateY(0);
        }

        .product-details-left .accordion-container {
            max-height: 300px !important;
            overflow-y: auto;
            padding: 10px;
            margin-bottom:50px;
        }

        .product-details-left .accordion-element {
            margin-bottom: 8px !important;
        }

        .product-details-left .accordion-content {
            padding: 0 16px !important;
        }

        .product-details-left .accordion-button {
            padding: 16px !important;
            background: #F5F5F5;
            font-size: 13px !important;
            border-radius: 8px;
        }

    .product-details-left .filter-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 12px !important;
    }


        .product-details-left .filter-popup-close {
            margin: auto;
            display: block;
        }

        .product-details-left .accordion-container {
            padding: 1rem;
            overflow-y: auto;
            height: calc(100% - 50px);
        }

    .product-details-left .mobile-clear-all {
        display: flex;
        justify-content: center;
        bottom: -10px;
        margin: 0 auto !important;
        position: absolute;
        width: 100%;
        padding: 12px;
        background: #1B1B19;
        border-radius: 4px;
        border: 1px solid;
        color: white;
        font-size: 16px;
        font-family: "Roboto-Regular";
        font-weight: 400;
        word-wrap: break-word;
        margin-bottom: 32px;
    }
}

@media(max-width:576px){
    section.product-list .listing-main .listing-head .listing-head-left{
        display:block;
    }

        section.product-list .listing-main .listing-head .listing-head-left .all-item-cart {
            color: #AEAEAE;
            border: 1px solid #AEAEAE;
            margin:8px 0px;
        }

    section.product-list .listing-main .listing-head .listing-head-right {
        display: flex;
        justify-content: space-between;
    }
}
/*stockReminderPopup*/
#stockReminderPopup .modal-element {
    height:770px !important;
}

#stockReminderPopup .modal-element, #stockSuccessPopup .modal-element {
    border: none !important;
}

    #stockReminderPopup .modal-element .modal-content, #stockSuccessPopup .modal-element .modal-content {
        padding: 24px 32px;
        border: none !important;
        border-radius: 8px;
    }

    #stockReminderPopup .modal-element .modal-close, #stockSuccessPopup .modal-element .modal-close {
        top: 15px;
        right: 15px;
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: none !important;
    }

#stockReminderPopup .stock-reminder-title, #stockSuccessPopup .stock-reminder-title {
    color: #1B1B19;
    font-size: 20px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 25.04px;
    word-wrap: break-word;
    margin-bottom: 15px;
}

#stockReminderPopup .stock-reminder-description {
    color: #1B1B19;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 200;
    line-height: 17.53px;
    word-wrap: break-word;
    margin-bottom: 24px;
}

#stockReminderPopup .notify-me {
    background: #1B1B19;
    border-radius: 8px;
    width: 22%;
    margin-top: 32px;
}

    #stockReminderPopup .notify-me button {
        color: white;
        font-size: 16px;
        font-family: "Roboto-Bold";
        font-weight: 800;
        word-wrap: break-word;
        padding: 12px 24px;
        width: 100%;
    }

#stockReminderPopup .stock-reminder-top {
    margin-bottom: 12px;
}

#stockReminderPopup .product-code, #stockSuccessPopup .product-code {
    color: #979494;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    line-height: 20.03px;
    word-wrap: break-word;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 12px;
}

#stockReminderPopup .stock-reminder-img, #stockSuccessPopup .stock-reminder-img {
    width: 441px;
    height: 225px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin: auto;
}


    #stockReminderPopup .stock-reminder-img img, #stockSuccessPopup .stock-reminder-img img {
        height: 100%;
        border-radius: 8px;
    }

#stockReminderPopup .inputwrap {
    font-size: 14px !important;
}

    #stockReminderPopup .inputwrap input {
        color: #979494;
        border-radius: 8px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 15.02px;
        word-wrap: break-word;
    }

#stockReminderPopup .inputwrap {
    margin-bottom: 8px;
}

.input-span {
    color: #F23333;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 15px;
}

#stockReminderPopup .inputwrap input {
    border-radius: 8px;
}

.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}


.stock-reminder-success .success-message-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

.stock-reminder-success .success-message-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

    .stock-reminder-success .success-message-content .main-title {
        font-size: 18px !important;
        font-family: Roboto-Bold;
        font-weight: 800;
        line-height: 28.26px;
        word-wrap: break-word;
        margin-top: 12px;
        display: flex;
    }

    .stock-reminder-success .success-message-content .sub-title {
        font-size: 16px !important;
        font-family: Roboto-Light;
        font-weight: 300;
        line-height: 25.12px;
        word-wrap: break-word
    }

.keep-shopping {
    width: 29%;
    position: relative;
    border-radius: 14px;
    background: #1B1B19;
    height: 44px;
    float: right;
    color: #FFF;
    text-align: center;
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    line-height: 44px;
    margin-top: 24px;
}

#stockReminderPopup .js-error-message {
    color: #ED1C24;
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 15px;
    word-wrap: break-word;
    display: none;
}

#stockReminderPopup .inputwrap label.error{
    display:none !important;
}

#stockReminderPopup .inputwrap label{
    display: none !important;
}

#stockReminderPopup .bildirim.uyari {
   display:block;
}

@media(max-width:1200px) {
    #stockReminderPopup.modal {
        top: 10px !important;
    }

    #stockReminderPopup .modal-element {
        width: 560px;
        height: 590px !important;
    }

    #stockSuccessPopup .modal-element {
        width: 424px;
        height: 432px;
    }

        #stockReminderPopup .modal-element .modal-content, #stockSuccessPopup .modal-element .modal-content {
            padding: 12px 16px;
        }

        #stockReminderPopup .modal-element .modal-close, #stockSuccessPopup .modal-element .modal-close {
            top: 4px;
        }

    #stockReminderPopup .stock-reminder-img, #stockSuccessPopup .stock-reminder-img {
        width: 100%;
        height: 148px;
    }

        #stockReminderPopup .stock-reminder-img img {
            margin: 0 auto;
        }

    #stockReminderPopup .notify-me {
        width: 100%;
        margin-top: 0px !important;
    }

    #stockReminderPopup .stock-reminder-description {
        display: none;
    }

    #stockReminderPopup .stock-reminder-title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    #stockReminderPopup .product-code, #stockSuccessPopup .product-code {
        font-size: 14px;
        margin-top: 6px;
    }

    .keep-shopping {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 24px;
    }

    .stock-reminder-success .success-message-content {
        margin-top: 12px;
    }

        .stock-reminder-success .success-message-content .main-title {
            display: block;
            font-size: 14px !important;
            line-height: 18.48px;
        }

        .stock-reminder-success .success-message-content .sub-title {
            font-size: 14px !important;
            line-height: 21.98px;
        }

    #stockReminderPopup .kolon2 + .kolon2 {
        margin-top: 0px !important;
    }

    #stockReminderPopup .js-error-message {
        margin-bottom: 8px;
    }
}

@media(max-width:768px) {
    #stockReminderPopup .modal-element {
        width: 312px;
    }

    #stockSuccessPopup .modal-element {
        width: 312px;
    }
}

.product-cart .product {
    padding: 16px;
    border-radius: 8px !important;
}

    .product-cart .product .product-discount-and-favorite-button {
        display: table;
        width: 100%;
        margin-bottom: 16px;
        height: 35px;
    }

    .product-cart .product .add-favorite-list {
        float: right;
    }

    .product-cart .product .product-discount-and-favorite-button .dynamic-product-discount-area {
        position: relative;
        float: left;
    }

        .product-cart .product .product-discount-and-favorite-button .dynamic-product-discount-area .dynamic-product-discount-box span {
            color: #ED1C24;
            font-size: 15px;
            font-family: Roboto-Bold, sans-serif;
            font-weight: 700;
            line-height: 12px;
            word-wrap: break-word;
            margin: 0 8px;
            position: absolute;
            top: 11px;
            left: 10px;
        }

section.listing .listing-list li .product-image img {
    position: revert;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

section.listing .listing-list li .product-image {
    position: revert;
}

section.listing .listing-list.triple li .product-image {
    padding-bottom: 0;
}

section.listing .listing-list li .description {
    margin-top: 16px;
}

section.listing .listing-list li .description {
    text-align: left;
}

    section.listing .listing-list li .description .product-name {
        opacity: 0.8;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 12px;
        white-space: normal !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 44px;
    }

    section.listing .listing-list li .description .product-code {
        color: #AEAEAE;
        font-family: "Roboto-Light";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height:24px;
    }

    section.listing .listing-list li .description .product-desc .not-login-button {
        color: #1B1B19;
        font-family: "Roboto-Light";
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
    }

        section.listing .listing-list li .description .product-desc .not-login-button span {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            line-height: normal;
            color: #ED1C24;
        }

    section.listing .listing-list li .description .product-desc {
        margin-top: 12px !important;
    }

.product-cart .brand-title {
    color: #1B1B19;
    font-size: 18px !important;
    font-family: "Roboto-Bold";
    font-weight: 800;
    word-wrap: break-word;
    text-transform: uppercase
}

.product-cart .stock-reminder-btn {
    width: 100%;
    color: white;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 24px;
    word-wrap: break-word;
    background: #1B1B19;
    border-radius: 8px;
    padding: 12px;
}

    .product-cart .stock-reminder-btn .stock-reminder-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-cart .stock-reminder-btn img {
        margin-right: 8px;
    }

.product-cart .basket-btn-text img {
    margin-right: 8px;
    letter-spacing: 0px !important;
}

.product-cart .out-of-stock, .product-cart .inquire-stock {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-cart .out-of-stock img, .product-cart .inquire-stock img {
        margin-right: 8px;
    }

.product-cart .out-of-stock {
    color: #AEAEAE;
    font-size: 12px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word
}

.product-cart .inquire-stock {
    color: #1B1B19;
    font-size: 12px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    text-decoration: underline;
    word-wrap: break-word
}

section.listing .listing-list.dual .product-cart .product {
    padding: 32px 24px;
}

.product-cart .product .product-top-area {
    height: 232px
}

    .product-cart .product .product-top-area .new-product {
        height: 24px;
    }

.product-cart .hidden-button-container {
    position: relative;
    height: 50px;
}

.product-cart .hidden-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-cart:hover .hidden-button {
    opacity: 1;
}

.product-cart .product-desc .details-head .price-area {
    margin-top: 15px;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

.product-cart .details-head .price.old {
    color: #D9D9D9 !important;
    font-size: 16px !important;
    font-family: "Roboto-Regular" !important;
    font-weight: 400 !important;
    text-decoration: line-through;
    word-wrap: break-word;
}

.product-cart .product-desc .details-head .price {
    color: #1B1B19;
    font-size: 28px;
    font-family: "Roboto-Bold";
    font-weight: 700;
    word-wrap: break-word;
}

.product-cart .product-desc .details-head .vatrateplus {
    color: #AEAEAE !important;
    font-size: 14px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
}

@media(max-width:1200px) {
    .product-cart .product {
        padding: 10px !important
    }
}
@media(max-width:767px) {
    .product-cart {
        /*border: none;*/
        box-shadow: none;
    }

        .product-cart .product {
            padding: 10px !important
        }

            .product-cart .product .product-top-area {
                height: 212px;
            }

        .product-cart .product-code-text {
            display: none;
        }

        .product-cart .brand-title {
            font-size: 14px !important;
        }

        .product-cart .wrap-quantity {
            border: 1px solid #e4e4e4;
            border-bottom: none;
            border-top: none;
            border-radius: 4px;
        }

    .numberbox.sided .numberbox-button {
        border-radius: 4px;
    }

    .numberbox.narrow {
        border-radius: 4px;
    }

    section.listing .listing-list li .description .product-name {
        font-size: 14px !important;
        height: 34px;
    }

    section.listing .listing-list li .description .product-desc {
        font-size: 13px;
    }

    .product-cart .out-of-stock, .product-cart .inquire-stock {
        display: flex;
        justify-content: start;
        width: 100%;
    }

    .product-cart .stock-reminder-btn .stock-reminder-text, .product-cart .basket-btn-text {
        font-size: 11px !important;
    }

    .product-cart .stock-reminder-btn img {
        width: 20px;
    }

    .product-cart .details-head .price-area {
        display: block !important;
    }

    .product-cart .details-head .price.old {
        font-size: 13px !important;
    }

    .product-cart .product-desc .details-head .price {
        font-size: 16px !important;
    }

    .product-cart .product-desc .details-head .discount-price {
        display: inline-block !important;
        margin-top: 7px;
    }

    .product-cart .product-desc .details-head .vatrateplus-area {
        font-size: 12px;
        display: inline-block !important;
    }
}

/*Price Filter Area*/
.member-not-logged-in {
    color: #1B1B19;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word;
}

    .member-not-logged-in span {
        color: #ED1C24 !important;
        font-size: 14px;
        font-family: "Roboto-Medium";
        font-weight: 500;
        word-wrap: break-word
    }

.accordion-button.disabled {
    pointer-events: none;
    opacity: 0.5; 
}

.price-filter #price {
    background-color: white;
    border: 1px #D9D9D9 solid;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.price-filter .min-price-area, .price-filter .max-price-area {
    display: flex;
    flex-direction: column;
    color: #979494;
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word
}

    .price-filter .min-price-area .min-price, .price-filter .max-price-area .max-price {
        width: 89px;
        border-radius: 4px;
        height: 35px;
        padding: 0px 12px !important;
        color: #1B1B19;
        font-size: 16px;
        font-family: 'Roboto-Medium';
        font-weight: 500;
        word-wrap: break-word;
    }

.price-filter .mCSB_container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.price-btn-area{
    padding-top:27px;
}

.price-filter-button {
    background: #1B1B19;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 35px;
    border-radius: 4px;
}

.js-remove-price-filter{
    display:flex;
    justify-content:center;
}

.js-remove-price-filter img {
    margin-left:8px;
}

.price-filter .line {
    color: #1B1B19;
    padding-top: 25px;
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .price-filter .min-price-area .min-price, .price-filter .max-price-area .max-price {
        width: 57px;
    }
}

.smartTag-items-area{
    width: 100%;
    display: flex;
    padding-top: 7px;
    height:25px;
}
.smartTag-items-area .smartTag-item{
    display:flex;
    flex:1;
    align-items:center;
}
.smartTag-items-area .smartTag-item .smartTag-src {
    width: 12px;
    margin-right:9px;
}
.smartTag-items-area .smartTag-item .smartTag-description {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 12px;
    line-height:normal;
}
@media (max-width:767px) {
    .smartTag-items-area {
        display: none;
    }
}
.productlist-added-to-cart {
    border: 1px solid #4DC247 !important;
    background: #4DC247 !important;
    cursor: pointer !important;
}

.productlist-spin-img {
    animation: spin 2s infinite linear;
    position: relative;
/*  top: 8px;*/
}
@media (max-width:1199px){
    .product-cart .product-desc .details-head .price {
        font-size: 16px !important;
    }
}
.smartTag-items-area .smartTag-item .smartTag-description .tag-bold {    
    font-family: "Roboto-Bold";
}

@media screen and (max-width: 1200px) {
    .currency-crumb.breadcrumb-list.category {
        margin-top: 1.5rem !important;
    }
}

.product-detail-infobanner-content {
    width: 100%;
    display: table;
    padding:40px 80px;
    margin-bottom:40px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title{
    margin-bottom:16px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img{
    float:left;
    margin-right:24px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .arrow-icon{
    display:none;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title label{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    position:relative;
    top:5px;
}
.product-detail-infobanner-content .product-detail-infobanner-item p{
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px;
}
@media (max-width:1199px){
    .product-detail-infobanner-content {   
        padding: 32px 72px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item{
        margin-bottom:38px;
    }
}
@media (max-width:767px) {
    .product-detail-infobanner-content {        
        padding: 24px 16px 12px 16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item {
        margin-bottom: 0;
        padding:10px 0 ;
        border-bottom:1px solid #d9d9d9;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.last-child {        
        border-bottom:none;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title{
        margin-bottom:0px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .arrow-icon{
        display:block;
        float:right;
        width:16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img{        
        margin-right:12px;
        width:16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title label{      
        font-family: Roboto-Medium;
        font-size: 12px;
        top:0;
        margin-bottom:0;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item p{
        display:none;
        line-height: 15px;
        margin-top:6px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.active .product-detail-infobanner-item-title .arrow-icon{
       transform: rotate(90deg);
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.active p{
        display:block;
    }
}

/*İlginizi Çekebilir _VisilabsAlternativeProducts*/
#visibleAlternativeProducts .dynamic-slider-area {
    height: 100% !important;
}

#visibleAlternativeProducts .dynamic-slider-main-title p {
    font-size:26px;
}

#visibleAlternativeProducts .dynamic-slider {
    overflow: hidden;
}


.product-detail-advantages-content{
    display:table;
    width:100%;
}
.product-detail-advantages-content .product-detail-advantages-title{
    margin-bottom:24px;
}
.product-detail-advantages-content .product-detail-advantages-title label{
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Medium";
    font-size: 26px;
    line-height: normal;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images {
    float: right;
    width:50%;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images img{
    object-fit: cover;
    height: 650px;
    width:100%;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {
    float: left;
    width:50%;
    padding-right:24px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top{
    display:table;
    width:100%;
    padding: 18.5px 32px;
    border-bottom:1px solid #d9d9d9;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .item-top-icon{
    float:left;
    margin-right:24px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top span{
    float:left;    
    color: #1B1B19;    
    font-family: "Roboto-Regular";
    font-size: 18px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .arrow-icon{
    float:right;
    width:25px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-desc{
    display:none;
    color: #979494;    
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 22px;
    padding-left:32px;
    padding-top:22px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-top .arrow-icon{
    transform: rotate(90deg);
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-desc{
    display:block;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil{
    display:none;
}
@media (min-width:1200px) {
    .product-detail-advantages-content {
        padding:0 64px;
    }
}
@media (max-width:1199px){
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images {
        float: none;
        width: 100%;
        height: 374px;
        overflow: hidden;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {
        float: none;
        width: 100%;
        padding:0 24px;

    }
    .product-detail-advantages-content .product-detail-advantages-title {
        margin-bottom: 0;
        display:none;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil {
        display: table;
        width:100%;
        padding-top:32px;
        padding-bottom:20px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil label {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 24px;
        line-height: normal;
        margin-bottom:0;
    }   
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item{
        margin-bottom:8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top {
        padding: 16px 12px;
        border: 1px solid #d9d9d9;
        border-radius: 8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-desc{
        font-size: 12px;
        line-height: 18px;
        padding-left: 0;
        padding-top: 8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top span{
        font-size:14px;
        position:relative;
        top:1px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .item-top-icon,
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .arrow-icon{
        width:16px;
        position:relative;
        top:2px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-top{
        background-color: #F5F5F5;
    }

}
@media (max-width:767px){
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {        
        padding: 0 16px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil label{
        font-size:16px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images{
        height:354px;
    }
}

/*Ürün Detay product-status-container */  
    .product-status-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:16px 0px;
        margin-bottom:16px;
        border-bottom: 1px #D9D9D9 solid;
    }

    .product-details .in-stock {
        color: #4DC247;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-details .out-of-stock {
        color: #979494;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-details .in-stock img, .product-details .out-of-stock img {
        margin-right: 7px;
        width: 16px;
    }

@media(max-width:768px) {
    .product-status-container {
        /*flex-direction: column;*/
        align-items: flex-start;
    }
}


/* Ürün Detay product-name alanı */
.product-info .product-name {
   text-align:left;
   margin-bottom:8px;
}
.product-info .product-name .thintitle.big {
    font-size: 26px !important;
    color: #1B1B19;
    line-height: 30px;
    font-family: "Roboto-Regular";
    letter-spacing:0px;
}

.product-info .product-name .brand-name {
    font-family: "Roboto-Bold";
    font-weight: 600;
    text-transform: uppercase;
}

.product-info .product-details .brand-area {
    margin-top: 15px;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word
}

    .product-info .product-details .brand-area .brand-name {
        color: #ED1C24;
        font-size: 14px !important;
        font-family: "Roboto-Bold";
        font-weight: 800;
        word-wrap: break-word;
        text-transform: uppercase;
    }


@media(max-width:768px) {
    .product-info .product-name .thintitle.big {
        font-size: 18px !important;
        line-height: 25px;
        color: #1B1B19;
    }

    .product-info .product-details .brand-area {
        margin-top: 9px;
        font-size: 12px;
    }

        .product-info .product-details .brand-area .brand-name {
            font-size: 12px !important;
        }
}

/*Ürün Detay Ürün Özellikleri Tab*/
.container--tabs {
    margin: 0px 64px;
}

    .container--tabs .tabs-title {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }

    .container--tabs .tabs-title {
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .container--tabs .tab-content {
        border: none !important
    }

        .container--tabs .tab-content > .tab-pane.active {
            padding: 32px 0 0 0;
        }

    .container--tabs .tabs-title > li {
        margin-right: 72px;
    }

        .container--tabs .tabs-title > li.active {
            border-bottom: 2px solid #ED1C24;
            padding-bottom: 24px;
        }

            .container--tabs .tabs-title > li.active > a {
                color: #ED1C24;
                font-family: "Roboto-Regular";
                font-weight: 400;
                border: white !important;
            }

        .container--tabs .tabs-title > li > a {
            color: #1B1B19;
            font-size: 18px;
            font-family: "Roboto-Light";
            font-weight: 300;
            line-height: 25.19px;
            word-wrap: break-word;
            padding: 0;
            border: none !important;
            background-color: white !important;
            padding: 0 0px 27px 0px
        }

        .container--tabs .tabs-title > li.active > a, .container--tabs .tabs-title > li.active > a:hover, .container--tabs .tabs-title > li.active > a:focus {
            color: #1B1B19;
        }

@media(max-width:768px) {
    .container--tabs {
        margin: 0px 16px;
    }

        .container--tabs .tab-content > .tab-pane.active {
            padding: 16px 0 0 0;
        }

        .container--tabs .tabs-title > li {
            margin-right: 40px;
            padding-bottom:12px !important;
        }

            .container--tabs .tabs-title > li > a {
                font-size: 14px;
                padding:0px;
            }
}
.product-status-container .product-info-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}
.product-status-container .product-info-icons .number-of-favorites{
    margin-right:12px;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 11px;
    font-weight: 300;
    text-decoration-line: underline;
}
.product-status-container .product-info-icons .number-of-favorites bold{    
    font-family: 'Roboto-Bold';
}
.product-status-container .product-info-icons .add-favorite-list{
    margin-right:12px;
}
.product-status-container .product-info-icons .share-icons-area{
    position:absolute;
    right:0;
    bottom:30px;
    padding:13px 13px 15px 13px;
    box-shadow: 0 1px 14px rgba(62, 62, 63, 0.21);
    border-radius:8px;
    background:white;
}
.product-status-container .product-info-icons .share-icons-area:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 85%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top{
    width:100%;
    margin-bottom:12px;
    display:table;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top .shared-text{
    float:left;
    color: #1B1B19;    
    font-family: Roboto-Medium;
    font-size: 10px;
    font-weight: 500;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top .js-close-share-popup{
    float:right;
    cursor:pointer;    
    width: 17px;
    position: relative;
    top: -3px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom{
    display:table;
    width:100%;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook{
    float:left;
    margin-right:23px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin .passive-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook .passive-image{
    display:none;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin:hover .active-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook:hover .active-image{
    display:none;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin:hover .passive-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook:hover .passive-image{

     display:block;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-twitter{
    float:left;
    position: relative;
    top: 2px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .icon-twitter::before {    
    font-size: 20px;
    color: #aeaeae;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .icon-twitter:hover:before {
    color: #1da1f2;
}
/*main.product-info .product-details .details-head{
    height:auto;
}*/
main.product-info .product-details .details-head  .installment.scrollbar{
    max-height:unset;
    text-align:left;
}

.product-detail-infobanner-content.bg-gray {
    background-color: #F5F5F5;
}
.product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
    width:417px;   
}
.product-detail-infobanner-content.bg-gray > .row > .col-sm-12 {
    display: flex;
    justify-content: center;
}
@media(max-width:1199px) {
    .product-detail-infobanner-content.bg-gray {
        padding: 24px;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
        margin-bottom:0;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
        width:auto;   
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12{
        align-items:center;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title{
        margin-bottom:0;
        display:flex;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title label{
        font-size:16px;
    }
    
    .product-detail-infobanner-content.bg-gray {
        padding: 48px 36px;
    }
}
@media screen and (max-width: 1199px) and (min-width:768px) {
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item p {
        display: none;
    }
}
@media(max-width:767px){
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title {
        margin-bottom: 0;
        display: block;
        width: 100%;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img {
        width: 20px;
        position: relative;
        top: -2px;
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12 {
        display:flow;
    }
    .product-detail-infobanner-content.bg-gray {
        padding: 0px 16px;
        margin-bottom:24px;
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12:last-child .product-detail-infobanner-item{
        border-bottom:0;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title label{
        font-size:12px;
    }
}

/*Ürün Detay Slider*/
@media screen and (min-width: 1200px) {
    main.product-info > .clear {
        max-width: 100% !important;
        padding: 0px 64px;
    }
}
.products-more {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}

    .products-more a {
        display: inline-flex;
    }

    .products-more .all-product-features, .products-more .create-with {
        color: #1B1B19;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 11px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        padding:16px;
    }

    .products-more .all-product-features {
        text-decoration: underline;
        padding-left: 0px;
    }

    .products-more .all-product-features img {
        margin-left: 8px;
    }

    .products-more .create-with img {
        margin-right: 8px;
    }

    .products-more .create-with .right-chevron {
        margin-right: 0px;
        margin-left: 8px;
        transform: rotateZ(270deg);
    }

#productDetail .lSSlideOuter .lSPager.lSGallery li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px !important;
    height: 75px;
    border: 1px solid #D9D9D9;
    border-radius: 6.01px;
    margin-right: 12px !important;
}

    #productDetail .lSSlideOuter .lSPager.lSGallery li.active {
        border: 1px solid #ED1C24;
    }

#productDetail .lg-outer {
    background-color: white;
    z-index: 999999999;
}

#productDetail .lg-sub-html {
    display: none;
}

#productDetail .lg-outer .lg-thumb-outer {
    background-color: white;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#productDetail .lg-toolbar {
    background-color: white !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0) 100%);
}

#productDetail .lg-outer.lg-animate-thumb .lg-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}

#productDetail .lg-outer .lg-thumb-item img {
    background: linear-gradient(0deg, white 0%, white 100%);
    border: 0.75px solid #D9D9D9;
}

#productDetail .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border: 0.75px solid #ED1C24 !important;
}

#productDetail .lg-show-in .lg-next, .lg-show-in .lg-prev {
    background-color: transparent !important;
}

#productDetail .lg-next, .lg-prev, .lg-toolbar .lg-icon {
    color: #1B1B19 !important;
    background-color: transparent !important;
}

#productDetail .lg-counter {
    display: none;
}

#productDetail .lg-components {
    top: 85% !important;
    position: relative !important;
}

#productDetail .lSAction > a {
    display: none;
}

#productDetail .lg-next:before, #productDetail .lg-prev:after, #productDetail .lg-toolbar .lg-close:after {
    content: '' !important;
}

#productDetail .lg-next {
    background-image: url(/assets/images/chevron-down.svg) !important;
    transform: rotateZ(270deg);
    background-repeat: no-repeat;
    margin-right: 30px;
}

#productDetail .lg-prev {
    background-image: url(/assets/images/chevron-down.svg) !important;
    transform: rotateZ(90deg);
    background-repeat: no-repeat;
    margin-left: 30px;
}

#productDetail .lg-toolbar .lg-close {
    background-image: url(/assets/images/x-lg.svg) !important;
    transform: rotateZ(270deg);
    background-repeat: no-repeat;
    margin-right: 19px;
}

@media(max-width:768px){
    #productDetail .lSSlideOuter .lSPager.lSGallery {
        width:100% !important;
    }
    #productDetail .lSSlideOuter .lSPager.lSGallery li {
        /*width: 50px !important;
        height: 50px !important;*/
        margin-right:8px;
    }
    #productDetail .lg-toolbar .lg-close, #productDetail .lg-prev, #productDetail .lg-next {
        margin-right: 0px;
    }
}

/*Ürün Detay Bilgi Alanı*/
.product-slider-information {
    padding: 0 64px !important;
}
main.product-info .product-details {
    margin: 0px;
    padding: 0px;
}

.external-code-area {
    color: #979494;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word
}

#productDetail .options-numbers.left .data.big {
    padding: 0;
}

.product .price-and-actions .price-discount-area {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
}

.product .price-and-actions .badge-discount-area {
    position: relative;
    margin-right: 16px;
}

.product .price-and-actions .badge-discount-area .badge-discount {
    position: absolute;
    top: 23%;
    left: 23%;
    color: #ED1C24;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word
}

.product .price-and-actions .details-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    padding-right: 20px;
}

.product .price-and-actions .details-head .old-price {
    color: #AEAEAE !important;
    font-size: 14px !important;
    font-family: "Roboto-Thin";
    font-weight: 300 !important;
    text-decoration: line-through;
    line-height: 20px !important;
    word-wrap: break-word;
    margin-bottom: 4px !important;
}

.product .price-and-actions .details-head .price.old {
    display: flex !important;
}

.product .price-and-actions .details-head .price.old:after {
    background-color: #AEAEAE !important;
    height: 0px !important;
}

    .product .price-and-actions .details-head .discount-price {
        color: #1B1B19 !important;
        font-size: 36px !important;
        font-family: "Roboto-Bold" !important;
        font-weight: 700 !important;
        word-wrap: break-word;
        margin-top: 9px;
    }

.product .price-and-actions .details-head .vatrateplus {
    color: #AEAEAE !important;
    font-size: 14px !important;
    font-family: "Roboto-Regular" !important;
    font-weight: 400 !important;
    word-wrap: break-word;
}
.price-and-actions .not-logged-in {
    text-align: left;
    margin: 16px 0px;
    width: 100%;
}
    .price-and-actions .not-logged-in p {
        color: #1B1B19;
        font-size: 16px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 18.74px;
        word-wrap: break-word
    }

        .price-and-actions .not-logged-in p:first-child {
            padding-bottom: 5px;
        }

    .price-and-actions .not-logged-in a {
        font-family: "Roboto-Medium" !important;
        font-weight: 500 !important;
        text-decoration: underline;
    }

    .price-and-actions .not-logged-in .customer-login-lower {
        color: #ED1C24 !important;
    }

    .price-and-actions .not-logged-in .sign-up {
        color: #1B1B19;
    }

.price-and-actions .add-to-basket {
    margin-bottom: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    letter-spacing: 1px;
}

    .price-and-actions .add-to-basket:hover {
        background-color: #ED1C24 !important;
        color: white !important;
    }

    .price-and-actions .add-to-basket img {
        margin-right: 8px;
    }

.price-and-actions .stock-reminder-btn {
    margin-bottom: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    letter-spacing: 1px;
    background-color: #1B1B19;
    color: white !important;
    border: 1px solid black;
    padding: 12px;
}

.price-and-actions .stock-reminder-btn img {
    margin-right: 8px;
}

.price-and-actions .quantity-container-wrapper {
    display: flex;
    padding: 0px;
    margin: 16px 0;
}
    .price-and-actions .quantity-container-wrapper .wrap-quantity {
        width: 100% !important;
        border: none;
        border-radius: 4px;
    }
.price-and-actions .meter-text, .price-and-actions .quantity-text {
    color: #1B1B19 !important;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 20px;
    word-wrap: break-word;
    float: left;
    width: 100%;
    text-align: left;
}
.price-and-actions .quantity-container-wrapper .store-stock-btn {
    border-radius: 8px;
    background-color: white !important;
    color: #1B1B19 !important;
    border: 1px solid #D9D9D9;
    padding: 14px 26px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 24px;
    width:100%;
}
.price-and-actions .quantity-container-wrapper .store-stock-btn img {
    margin-right: 8px;
}

.price-and-actions .quantity-container-wrapper .numberbox {
    border: 1px solid #D9D9D9 !important;
}

    .price-and-actions .quantity-container-wrapper .numberbox.narrow {
        border-radius: 4px;
        height: 55px !important;
    }

    .price-and-actions .quantity-container-wrapper .numberbox input {
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .price-and-actions .quantity-container-wrapper .numberbox.narrow input {
        height: 54px;
        font-size: 16px;
        font-family: "Roboto-Medium";
    }
    .price-and-actions .quantity-container-wrapper .numberbox.sided .numberbox-button {
        width: 5rem;
        border-radius: 4px;
        color: #1B1B19;
        font-size: 12px;
        font-family: "Roboto-Regular";
        font-weight: 400;
        line-height: 12px;
        word-wrap: break-word
    }
.price-and-actions .custom-quantity-error-2, .price-and-actions .custom-quantity-error-2q, .price-and-actions .custom-quantity-error-3, .price-and-actions .custom-quantity-error-4 {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    white-space: nowrap;
    display: none;
}
.price-and-actions .can-not-negative-value {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0px;
}
.price-and-actions .variant-container {
    width: 100%;
    /*height: 200px;*/
    border: 1px solid #D9D9D9;
    border-radius: 8px;   
    padding: 16px 16px 4px 16px;
    margin-bottom: 16px;
}
@media(max-width:768px) {
    .product-slider-information {
        padding: 0 16px !important;
        margin-bottom:24px;
    }
    .product-status-container{
        border-bottom:none;
    }
    .price-and-actions .not-logged-in p{
        font-size:12px;
    }
    .product .price-and-actions .details-head .discount-price {
        margin-top: 0px;
    }
    .price-and-actions .quantity-container-wrapper {
        display: block;
    }
        .price-and-actions .quantity-container-wrapper .wrap-quantity {
            margin-bottom: 9px;
        }
        .price-and-actions .quantity-container-wrapper .store-stock-btn {
            margin-left: 0px;
            width: 100% !important;
        }
    .price-and-actions  .add-to-basket {
        width: 100% !important;
        padding: 15px !important;
    }
}
main.product-info .full-width-mobile .position-relative {
    position:relative;
}
main.product-info .full-width-mobile .position-relative .custom-click-zoom-button{
    position: absolute;
    z-index: 1; 
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    background-color: rgba(0, 0, 0, 0);
}
main.product-info .full-width-mobile .position-relative .custom-click-zoom-button .custom-click-zoom{
    position:relative;
    top:60px;
    left:16px;
    width:16px;
    cursor:pointer;
}
@media (max-width:1199px){
    main.product-info .full-width-mobile .position-relative .custom-click-zoom-button .custom-click-zoom {
        display:none;
    }
}
/**tab içerikleri başlangıç**/
.container--tabs .tab-content .tab-pane .tab-content-items{
    display:table;
    width:100%;
}
.container--tabs .tab-content .tab-pane .tab-content-title,
.container--tabs .tab-content .tab-pane .tab-content-item label {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 25.185px;
    margin-bottom: 16px;
}
.container--tabs .tab-content .tab-pane .tab-content-description{
    color: #979494;  
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 22px; 
    margin-bottom:32px;
}
.container--tabs .tab-content .tab-pane .tab-content-item{
    margin-bottom:32px;
}
.container--tabs .tab-content .tab-pane .tab-content-item.first-item img {
    width: 100%;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item{
    float:left;
    width:27%;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.last{
    float:right;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item img{    
    width:100%;
}
.container--tabs .tab-content .tab-pane .homepage-video-content{
    margin:0;
}
.container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area .video-slider-cart {
    margin: 0;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea {
    float: left;
    width: 50%;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem{
    float: left;
    width: calc((100% - 24px) / 2);
    position: relative;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem:last-child{
    float:right;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
    width: 100%;
    display: table;
    padding: 11px 12px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: white;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .exp-img {
    width: 68px;
    float: left;
    margin-right: 12px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
    width: calc(100% - 80px);
    float: left;
    display: table;
    color: #1B1B19;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
    width: calc(100% - 80px);
    float: left;
    display: table;
    font-weight: 300;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 16px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right{
    position: absolute;
    bottom: 11px;
    left: 92px;
}
#productDetail .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title{
    display:table;width:100%;
}

.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area {
    margin-bottom: 32px;
}
.container--tabs .tab-content .tab-pane  .maincategory-usage-tab-area ul#myTab{
    border-bottom:0;
    margin-bottom:16px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li{
    margin-right:24px;
    display:block;
    float:left;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a{
    padding:24px 12px;
     border:1px solid #fff;
    display:table;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active{
    border:1px solid #ED1C24;
    border-radius:8px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a img{
    float:left;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a .active-img{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .default-img{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .active-img{
    display:block;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span{
    float: left;
    color: #1B1B19;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 0;
    position: relative;
    top: 12px;
    margin-left: 8px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active span{    
    color: #ED1C24;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent .tab-pane{
    color: #979494;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
    padding:0;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link img {
    width: 100%;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .maincategory-usage-area-referaces {
    display: none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-pagination {
    bottom: -20px !important;
    height: 40px;
    position: relative;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev {
    bottom: -10px;
    top: auto;
    right: 43px;
    left: auto !important;
    z-index: 99;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev:after {
    font-size: 20px !important;
    color: #1B1B19;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next {
    bottom: -10px;
    top: auto;
    right: 0 !important;
    z-index: 99;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next:after {
    color: black;
    font-size: 20px !important;
}
.container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
    height: 397px!important;
}
@media (max-width:1199px) {
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item {
        float: left;
        width: calc((100% - 24px) / 2);
        margin-bottom:32px;
    }    
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.second{
        float:right;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.last{
        float:left;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea {
        width: 100%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {
        left: auto;
        right: 18px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active img.default-img {
        display: block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active img.active-img {
        display: none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active span {
        color: #1B1B19;
        font-size: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail {
        display: table;
        width: 100%;
        position: relative;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area ,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-arrow{
        display: table !important;
        width: 100%;
        margin-right:0;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-arrow img {
        position: absolute;
        transform: rotate(90deg);
        width: 20px;
        right: 16px;
        top: 15px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a {
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        background: #F5F5F5;
        width: 100%;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active .active-img {
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active .default-img {
        display:block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active span {
        font-size: 14px;
        color: #1B1B19;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li {
        width: 100%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a{
        border:none;
        padding:12px 16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active {
        border: none;
    }
    
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span{
        color: #1B1B19;
        font-size: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active span {
        color: #1B1B19;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .active-img{
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .default-img{
        display:block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul#myTab {
        margin-top: 0;
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul#myTab.active{
        display:table;
        border:1px solid #d9d9d9;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent{
        margin-top:16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area{
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .maincategory-usage-area-referaces {
        display: table;
        width: 100%;
        color: #1B1B19;
        font-size: 14px;
        font-family: Roboto-Medium, sans-serif;
        font-weight: 500;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link {
        width: auto;
        height: 194px;
        display: block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link img {
        height: 194px;
        object-fit: cover;
    }
    .container--tabs .tab-content .tab-pane .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev,
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next {
        bottom: -14px;
    }
}
@media (max-width:767px){
    .container--tabs .tab-content .tab-pane .tab-content-title,
    .container--tabs .tab-content .tab-pane .tab-content-item label {
        font-size: 14px;
        margin-bottom:12px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-description {
        font-size: 12px;
        line-height: 18px;
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item{
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item {
        float: none;
        width: 100%;
        margin-bottom: 32px;
    }    
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.first{
        margin-right:0;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem {
        width: 100%;
        margin-bottom: 8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
        padding:12px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
        width: calc(100% - 92px);
        font-size: 14px;
        margin-top:21px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
        width: calc(100% - 92px);
        font-size: 12px;
        line-height: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {      
        bottom: auto;
        left: auto;
        right: 12px;
        top: 45%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span {
        font-size: 12px;
    }

    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li a span {
        font-size: 12px;
    }

    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent .tab-pane {
        font-size: 12px !important;
    }
    .container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
        height: 286px !important;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active span {       
        font-size: 12px;
    }
}
@media (min-height:577px) and (max-width:767px){
    .container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
        height: 396px !important;
    }
}
/**tab içerikleri bitiş**/

.smartTag-items-area.bg-gray {
    width: 100%;
    display: flex;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 7px 16px;
    margin-bottom: 16px;
}
.smartTag-items-area.bg-gray .smartTag-item{
    display:flex;
    flex:1;
    align-items:center;
}
.smartTag-items-area.bg-gray .smartTag-item .smartTag-src {
    width: 12px;
    margin-right:9px;
}
.smartTag-items-area.bg-gray .smartTag-item .smartTag-description {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 12px;
    line-height:normal;
}
@media (max-width:767px) {
    .smartTag-items-area.bg-gray {
        display: none;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.product-added-to-cart {
    border: 1px solid #4DC247 !important;
    background: #4DC247 !important;
    cursor: pointer !important;
}

.spin-img {
    animation: spin 2s infinite linear;
}
/*Ürün Detay Price Installment Option InfoBox, Vat InfoBox */
.price-installment-option {
    display: flex;
    align-items: center;
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
}
    .price-installment-option img {
        margin-left: 7px;
    }
.product .price-and-actions .details-head .currentInfo {
    position: absolute;
    bottom: 5px;
    right: 0;
}
    .price-installment-option .currentInfo .infoBoxClose, .product .price-and-actions .details-head .currentInfo .infoBoxClose {
        float: right;
        margin-top: 5px;
    }
.current-info-container {
    text-align: left;
    color: #1B1B19;
    font-style: normal;
    line-height: 146.187%;
    padding: 5px;
}
    .current-info-container .title {
        font-family: "Roboto-Medium";
        font-size: 12px !important;
        font-weight: 500;
        margin-bottom: 4px;
    }
    .current-info-container .desc {
        font-family: "Roboto-Light";
        font-weight: 300;
        font-size: 10px !important;
    }
/**ürün detay dinamik slider ve sepete ekleme özelliği başlangıç**/
#productDetail .homepage-slider-content-area {    
    background:#fff;
    margin-top:24px;
    height:auto!important;
}
#productDetail .homepage-slider-content-area .content-area .left-content{
    width:100%;
    margin-right:0;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content{
    margin: 0px 197px 0px 197px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title{
    margin:0;
    text-align:center;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .title-underline{
    border: 2px solid black;
    width: 74px;
    margin-top: 12px;
    border-radius: 4px;
    margin-bottom:48px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev:after,
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next:after {
    color: #1B1B19 !important;
    font-size: 40px !important;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev{
    left:10px!important;
    top:167px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next{
    right:10px!important;
    top:167px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination{
    bottom:0!important;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .complementary-products{
    height:485px;
}
@media (max-width:1199px){
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination {
        bottom: 15px !important;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination .swiper-pagination-bullet{
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) !important;
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px)) !important;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px)) !important;
    }    
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev{
        bottom: 0;
        top: auto;
        left: auto !important;
        right: 54px;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next{
        bottom: 0;
        top: auto;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev:after,
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next:after {        
        font-size: 20px !important;
    }
    .products-more .create-with {
        display:none;
    }
}
@media (max-width: 1200px) and (min-width: 576px) {
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
        margin-left: 88px;
        margin-right: 88px;
    }
}
@media(max-width:767px){    
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .title-underline{
        margin-bottom:16px;
    }            
}
@media(max-width:575px){
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
        margin: 0;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider{
        height:219px;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .complementary-products{
        height:375px;
    }
}
/**ürün detay dinamik slider ve sepete ekleme özelliği bitiş**/

/*variant başlangıç*/
.price-and-actions .variant-container .variant-group-items {
    margin-bottom: 12px;
    width: 100%;
    display: table;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 14px;
    line-height: 20px;
    text-align:left;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item-title {
    margin-bottom:8px;
    display:table;
    width:100%;
    text-align:left;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item{
    display: block;
    width: auto;
    float: left;
    padding: 10px 6px;
    margin-right: 9px;
    border-radius: 8px;
    height: 30px;
    line-height: 10px;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item:hover{
   color: #ED1C24;
   border:1px solid #ED1C24;
   font-family: 'Roboto-Black';
   
}
.price-and-actions .variant-container .variant-group-items .matched-attribute-title{
    color: #1B1B19;
    font-family: 'Roboto-Black';
}
.price-and-actions .variant-container .variant-group-items .matched-attribute{
    color: #ED1C24;
    border: 1px solid #ED1C24;
    font-family: 'Roboto-Black';
    display: block;
    width: auto;
    float: left;
    padding: 10px 6px;
    margin-right: 9px;
    border-radius: 8px;
    height: 30px;
    line-height: 10px;
}
/*variant bitiş*/
.btn-3d {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 13.6px 0px rgba(237, 28, 36, 0.17);
    display: flex;
    padding: 8px;
    width: max-content;
    z-index: 9;
    position: absolute;
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
    .btn-3d img {
        margin-right: 8px;
    }

#basket-list .store-stock-btn {
    width: auto;
}
@media screen and (max-width: 767px) {
    #basket-list .store-stock-btn {
        width: 100%;
    }
    .products-more .all-product-features, .products-more .create-with {
        padding: 16px 4px;
    }
    main.product-info .product-details .details-head .currentInfo .currentInfoBox {
        width: 185px !important;
        margin-left: -100px;
        padding:10px;
    }
}
#productList .numberbox.sided .numberbox-button {
    width: 5rem;
}
#productDetail .dynamic-products-slider .numberbox.sided .numberbox-button {
    width: 2.5rem;
}
.modal.enabled.stock-product-list{
    z-index:9999;
}
.current-inquiry-success {
    display: table;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

.current-inquiry-error {
    display: table;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}
/**cookie css start*/
.merge-cart {
    margin-top: 10px;
    background: #F8F8FF;
    padding: 8px;
    text-align: center;
}
.cookie-disclaimer {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 50px 40px 50px;
    background: #fff;
    max-width: 100%;
    background: rgba(27, 27, 25, 0.90);
    backdrop-filter: blur(17.450000762939453px);
    top:auto!important;
    bottom:0!important;
}
.cookie-disclaimer .cookie-popup-title{
    color: #FFF;
    font-family: "Roboto-Medium";
    font-size: 26px;
    font-style: normal;    
    line-height: 125.188%;
    margin-bottom:16px;
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-popup-title img{
    width:15px;
    filter: brightness(0) invert(1);
    cursor:pointer;
}
.cookie-disclaimer .cookie-disclaimer-area{
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-disclaimer-area p{
    color: #FFF;    
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    line-height: 128.523%;
    text-align: left;
    max-width:1230px;
}
.cookie-disclaimer .cookie-disclaimer-area p a{ 
    text-decoration:underline;
    color: #6262FE;
}
.cookie-disclaimer .cookie-disclaimer-area .buttons{
    display:flex;
} 
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie {
    display:flex;
    justify-content: center;
    padding:14px 17px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px;    
    border-radius: 8px;
    border: 1px solid #FFF;
    background-color:transparent;
    width:174px;
    letter-spacing:0;
    height:48px;
}

.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
    border-radius: 8px;
    background: #ED1C24;
    display: flex;    
    justify-content: center;
    height: 48px;
    padding: 14px 17px;
    align-items: center;
    gap: 10px;    
    font-style: normal;
    font-family: "Roboto-Bold";
    font-size: 16px;
    width:162px;
    letter-spacing:0;
    border:1px solid #ED1C24;
    height:48px;
    margin-left:12px;
}
.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save:hover{
    color:#fff;
}
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie img {
    filter: brightness(0) invert(1);
    margin-left: 10px;
}

#cookie.modal .modal-element {
    height: 667px !important;
    width: 1061px;
    border-radius:8px;
    border:none;
}
#cookie.modal .modal-element .wrapper{
    max-width:100%;
}
#cookie.modal .modal-element .modal-close{
    right: 30px;
    top: 30px;
    border:none;
    background-color: transparent;
}
#cookie.modal .modal-element .modal-content{
    padding:0;
    border:none;
}
#cookie.modal .modal-element .modal-content .sizechart-head{
    padding:24px 24px 0 24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.5px; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .description{
    color: #1B1B19;    
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.523%; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
    margin: 24px 24px 40px 24px;
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv ul {
    display:table;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar { 
    width: 8px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-track {
    background: #f1f1f1;
}
 
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    width: 100%;
    height: 129px;
    padding: 24px;
    background: white;
    box-shadow: 0px 4px 52.1px 16px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    left:0;
    right:0;
    z-index:99;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons a{
    height:48px;    
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px; 
    border-radius: 8px;    
    letter-spacing:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left{
    color: #1B1B19;
    border:1px solid #1B1B19;
    background-color:#fff;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
    color: #FFF;
    background: #ED1C24;
    border:1px solid #ED1C24;
    margin-left:12px;
}
.cs-cookie .details-specs{
    margin-top:0;
}
.cs-cookie .details-specs .accordion-element:last-child {
    margin-bottom:24px;
}
.cs-cookie .details-specs .accordion-element .accordion-button{
    border-top: 1px solid #828282;
    padding: 24px 0;
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 128.523%;
    letter-spacing:0;
    border-bottom:none;
}
.cs-cookie .details-specs .accordion-element:last-child{
    border-bottom:1px solid #828282;
}
.cs-cookie .details-specs .accordion-element .accordion-button span{
    float:right;
    color:#488B29;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    float:left;
    width:20px;
    margin-left:0;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    transform: rotate(90deg);
}
.cs-cookie .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator{
    transform: rotate(0);
}
.cs-cookie .details-specs .accordion-element {
    position:relative;
}
.accordion-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content p b{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content .table-info-text{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px; 
    margin-top:16px;
    margin-bottom:24px;
    display:table;
}
#cookie .table-bordered {
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 10px;
    text-align: center;
    background-color: #F5F5F5;
}
#cookie .table-bordered th {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
}
#cookie .table-bordered td {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    text-align:left;
}
#cookie .table-bordered.last-table th{
    width:25%;
}
.cs-cookie .details-specs .accordion-element .accordion-content * {
    padding: 0;
}
#cookie .table-bordered,#cookie  .table-bordered td,#cookie  .table-bordered th{
    border:1px solid #828282!important;
    word-break: break-word;
}
#cookie .table-bordered td,#cookie  .table-bordered th{
    padding:12px!important;
}



@media (max-width:1199px){
    .cookie-disclaimer{
        padding:24px;
    }
    .cookie-disclaimer .cookie-popup-title{
        font-size:20px;
    }
    .cookie-disclaimer .cookie-disclaimer-area{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .buttons{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-select-cookie{
        width: 100%;
        margin-top: 16px;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
        margin-top: 8px;
        width: 100%;
    }
    #cookie.modal .modal-element{
        height: 514px !important;
        width: 650px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
        height:230px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:50%;
    }
}
@media (max-width:767px){
    #cookie.modal .modal-element{
        max-width:100%!important;
        width:100%;
        height:578px!important;
        bottom:0;
        left: auto;
        top: auto;
        transform: translate(0%, 0%) scale(1);
    }
    #cookie .table-bordered td, #cookie .table-bordered th{
        min-width:110px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons {
        border-radius: 0;
    }
    #cookie .table-bordered td,#cookie .table-bordered th {
        padding: 8px !important;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
        flex-direction: column-reverse;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:100%;
        min-height:44px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        margin-bottom:8px;
        margin-left:0;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
        font-size:22px;
        margin-bottom:16px;
        width:90%;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head{
        padding:16px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv {
        margin: 24px 0 40px 16px;
        height:253px;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .description{
        font-size:14px;
        margin-bottom:0;
    }
    .accordion-content p{
        font-size:14px;
    }
    .cs-cookie .details-specs .accordion-element .accordion-button{
        padding:21px 0;
    }
}


.custom-switch{
    padding-left:0!important;
    position: absolute!important;
    top: 16px;
    right: 0;
    width: 55px;
    z-index: 10!important;
}

.custom-switch .custom-control-label::before{
    left: 0!important;
    width: 56px!important;
    height: 29px!important;
    pointer-events: all!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::after{
    top: 5px!important;
    left: 2px!important;
    width: 25px!important;
    height: 25px!important;
    background-color: #adb5bd!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::before{
    border-color: #E7E7E7 !important;    
    background-color: #E7E7E7 !important;
}
.custom-switch .custom-control-label::after{
    background-color: #fff !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #ED1C24 !important;
    border-color: #E7E7E7 !important;
    background-color: #fff !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    color: #fff !important;
    border-color: #E7E7E7 !important;
    background-color: #ED1C24 !important;
    left: 20px !important;
}
/**cookie css end*/
.width-10 {
    width: 10% !important;
}
.width-15 {
    width: 15% !important;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-75 {
    width: 75% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}
.height-100{
    height:100%;
}
.margin-5 {
    margin: +5%
}
.flex-flow-column {
    flex-flow: column
}
.display-table-cell {
    display: table-cell;
}
.cursor-pointer{
    cursor:pointer;
}
.bg-white {
    background: white
}
.header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round p + p {
    margin-top: 0px;
}

/*Customer Info*/
.customer-info .success-message {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    display: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background: #4BB543;
}
.customer-info .cellphone-update-button, .customer-info .mail-update-button {
    pointer-events: none;
    width: 30%;
    display: block;
    float: right;
    text-align: center;
    background: #ebebeb;
    height: 40px;
    line-height: 41px;
    color: #fff;
    border-radius: 5px;
}
.customer-info .same-phonenumber-error, .customer-info .same-mail-error {
    color: #ff5d5d;
    position: relative;
    top: 10px;
}
.customer-info .wrap.gender{
    display:none;
}
.customer-info .cellphone-custom, .customer-info .mail-custom {
    width: 68% !important;
}

/*CustomerInfoCheckbox*/
.customer-info-check .modal-element {
    width: 445px !important;
    height: 478px !important;
}
.customer-info-check .modal-element .modal-content {
    border: none;
}
.customer-info-check .bg-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    border-radius: 100%;
    width: 110px;
    background: #FCDFE0;
    margin: 0 auto 10px auto;
}
.customer-info-check .title {
    color: #6D6D6D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.customer-info-check .desc {
    color: #6D6D6D;
    text-align: center;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    font-family: "Roboto-Light";
}
.customer-info-check .verification-code-text {
    color: #ed1c24;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    margin: 6px 0px;
}
    .customer-info-check .verification-code-text .timer {
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.5px;
        margin-left: 6px;
    }
.customer-info-check .verification-code {
    width: 100%;
}
.customer-info-check .send-form {
    width: 100%;
    margin-bottom: 5%;
    padding: 1rem 0;
    border-radius: 5px;
}
.customer-info-check .resend-code {
    width: 100%;
    margin-bottom: 5%;
    background-color: #fff;
    color: #ebebeb;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem 0;
}
.customer-info-check .show-otp-message {
    display: none;
    color: #ed1c24;
}
.customer-info-check .warning-message {
    color: #B9B9B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}
.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}
.input-error {
    border: 1px solid #e4e4e4;
}
.keyup-update-button {
    background: #ed1c24 !important;
    pointer-events: auto !important;
}
.display-table-imp{
    display:table !important;
}

.basket-content.empty-cart #basket-list {
    text-align: center;
    font-size: 26px;
}
.basket-content.empty-cart.divided.q3 {
    width: 100%;
    padding-right: 0;
}
#cartDetail .customer-info-check .modal-element {
    height: 495px !important;
}
.customer-info-check .skip-btn {
    color: #3B3838;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    float: inline-end;
}
    .customer-info-check .skip-btn img {
        transform: rotateZ(180deg);
        margin-left: 7px;
    }
.customer-info-check .append-val {
    color: #6D6D6D;
    font-family: "Roboto-Bold";
    font-size: 13.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}



/*checkout başlangıç*/

main#checkout #custom-width-checkout #header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 64px;
    height: 120px;
    border-bottom: 1px solid #D9D9D9;
    background: #FFF;
}

    main#checkout #custom-width-checkout #header-content .checkout-header-logo {
        width: 248px !important;
    }

    main#checkout #custom-width-checkout #header-content h1 {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 36px;
        font-style: normal;
        line-height: 44px;
        letter-spacing: -0.72px;
        margin: 0;
        font-weight: 500;
    }

@media (max-width:1199px) {
    main#checkout #custom-width-checkout #header-content {
        padding: 0 24px;
        height: 83px;
    }

        main#checkout #custom-width-checkout #header-content .checkout-header-logo {
            width: 192px !important;
        }

        main#checkout #custom-width-checkout #header-content h1 {
            display: none;
        }

        main#checkout #custom-width-checkout #header-content .ssl-secured {
            width: 68px;
        }
}

@media (max-width:767px) {
    main#checkout #custom-width-checkout #header-content {
        padding: 0 24px;
        height: 83px;
    }

        main#checkout #custom-width-checkout #header-content .checkout-header-logo {
            width: 156px !important;
        }
}



main#checkout #checkout-opts {
    padding: 152px 64px 0 64px;
    width: calc(71.5% - 24px) !important;
}
    /*main#checkout #checkout-opts .delivery-point-selection{
        padding-bottom: 24px;
        border-bottom: 1px solid #D9D9D9;
    }*/
    main#checkout #checkout-opts .delivery-point-selection,
    main#checkout #checkout-opts .authorized-dealer-selection,
    main#checkout #checkout-opts .relevant-dealer-information{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:16px;
    }

        main#checkout #checkout-opts .delivery-point-selection .text-and-icon,
        main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon,
        main#checkout #checkout-opts .relevant-dealer-information .text-and-icon{
            display: flex;
            align-items: center;
        }             
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon img,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon img,
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon img{
                margin-right: 8px;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second img.trigger-info-popup{
                margin-left:8px;
                margin-right:0;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.first img{
                filter: brightness(0) saturate(100%) invert(6%) sepia(7%) saturate(279%);
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second a{
                color: #ED1C24;
                text-align: right;
                font-family: "Roboto-Light";
                font-size: 12px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
                text-decoration-line: underline;
            }           
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon a {
                color: #1B1B19;
                font-family: "Roboto-Light";
                font-size: 12px;
                line-height: normal;
                text-decoration-line: underline;
            }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon span,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon span,
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span{
                color: #979797;
                font-family: "Roboto-Light";
                font-size: 14px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
            }
             main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span{
                color: #1B1B19;
            }
                main#checkout #checkout-opts .delivery-point-selection .text-and-icon span a,
                main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon span a,
                main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span a{
                    color: #979797;
                    font-family: "Roboto-Regular";
                    font-size: 14px;
                    font-weight: 400;
                    text-decoration-line: underline;
                }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second a {
                display: flex;
                align-items: center;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span b{
                color: #1B1B19;
                font-family: "Roboto-Medium";
                font-size: 14px;
                font-style: normal;
                text-decoration:underline;
                font-weight: 500;
            }
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second a {
                color: #ED1C24;
                font-family: "Roboto-Regular";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                border-radius: 8px;
                border: 1px solid #ED1C24;
                padding: 10.5px 15px;
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production img{
                filter: brightness(0) saturate(100%) invert(9%) sepia(98%) saturate(19%);
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production span{
                color: #1B1B19;
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production span b{                
                font-family: "Roboto-Medium";
            }
section#checkout #checkout-sum, main#checkout #checkout-sum {
    right: 64px;
    top: 152px;
    width: 28.5%;
    padding: 24px;
    border-radius: 8px;
    background: #F5F5F5;
    max-height: max-content;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox{
    width: 277px;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: auto;
    font-size: 12px;
    margin-left: auto;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    margin-right: 0;
    right: -17px;
    top: 175%;
    bottom: auto;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox p{
    padding: 10px 24px 0 10px;
    text-align: left;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox p span{
    text-decoration:underline;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox .infoBoxClose{
    margin-right: 0;
    float: right;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox::after{
    top: -5px;
    left: auto;
    right: 17px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent #00000000 hsl(0deg 0% 100%) #00000000;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content{
    display:flex;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content{
    display:flex;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store{
    align-items:start;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .text,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .text{
    margin-bottom: 10px;
    display: block;
    color: #1B1B19;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .text b,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .text b{
    font-family:"Roboto-Medium";
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .icon-area,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area{
    width: 125px;
    height: 29px;
    display: flex;
    color: #F44;
    font-family: "Roboto-Medium" !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #F44;
    justify-content: center;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area{
    color: #89D461;
    border: 1px solid #89D461;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .icon-area img{
    width: 12px;
    filter: brightness(0) saturate(100%) invert(51%) sepia(71%) saturate(6137%) hue-rotate(338deg) brightness(108%) contrast(106%);
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area img{
    filter: brightness(0) saturate(100%) invert(83%) sepia(17%) saturate(1284%) hue-rotate(48deg) brightness(91%) contrast(90%);
}
@media(max-width:1200px) {
    main#checkout #checkout-opts {
        padding: 32px 64px 0 64px;
    }
}

@media(max-width:1199px) {
    main#checkout #checkout-opts {
        padding: 24px;
        width: 100% !important;
    }

    section#checkout #checkout-sum, main#checkout #checkout-sum {
        position: revert !important;
    }
}

@media(max-width:767px) {
    main#checkout #checkout-opts {
        padding: 8px 16px;
    }
        main#checkout #checkout-opts .delivery-point-selection,
        main#checkout #checkout-opts .authorized-dealer-selection {
            display: flex;
        }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon {
                align-items: start;
                margin-bottom: 8px;
            }

                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.first img {
                    filter: brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(689%) hue-rotate(62deg) brightness(97%) contrast(102%);
                }

                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second,
                main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second {
                    align-items: center;
                    height: 50px;
                    width: 100%;
                    /*border: 1px solid #D9D9D9;*/
                    border-radius: 8px;
                }
                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second{
                    margin-bottom:0;
                }
                    main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second a,
                    main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second a {
                        display: flex;
                        padding: 13px;
                        width: 100%;
                        align-items: center;
                        justify-content: center;
                    }
    main#checkout #checkout-opts .relevant-dealer-information{
        display:table;
        width:100%;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second {
        justify-content:end;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox{
        right:-8px;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox::after{
        right:8px;
    }
}
/*checkout bitiş*/

.shipping-address-modal {
    display: none;
}

    .shipping-address-modal.active {
        display: block;
    }

    .shipping-address-modal .shipping-address-modal-area {
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1111;
        width: 586px;
        background: #fff;
        padding: 0 24px;
    }

        .shipping-address-modal .shipping-address-modal-area h3 {
            padding: 40px 0;
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            border-bottom: 1px solid #D9D9D9;
            margin-bottom: 24px;
            display: flex;
            justify-content: space-between;
        }

            .shipping-address-modal .shipping-address-modal-area h3 img {
                width: 36px;
                cursor: pointer;
            }

.custom-overlay {
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1110;
}

.open-shipping-address-modal {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    margin-bottom: 24px;
}

    .open-shipping-address-modal .js-open-shipping-address-modal {
        cursor: pointer;
        color: #ED1C24;
        font-family: "Roboto-Regular";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: underline;
    }

.shipping-address-list {
    max-height: calc(100vh - 350px);
    overflow-y: scroll;
}

    .shipping-address-list::-webkit-scrollbar {
        width: 4px;
    }

    .shipping-address-list::-webkit-scrollbar-thumb {
        background-color: #D9D9D9;
        border-radius: 10px;
    }

    .shipping-address-list::-webkit-scrollbar-track {
        background: #fff;
    }

    .shipping-address-list .shipping-address-item {
        display: table;
        padding: 16px;
        width: 100%;
        border-radius: 8px;
        border: 1px solid #1B1B19;
        background: rgba(255, 255, 255, 0.96);
        margin-bottom: 16px;
    }

        .shipping-address-list .shipping-address-item.selected {
            border: 1px solid #ED1C24;
        }

        .shipping-address-list .shipping-address-item span {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            justify-content: space-between;
        }

            .shipping-address-list .shipping-address-item span:last-child {
                margin-bottom: 0;
            }

        .shipping-address-list .shipping-address-item label {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 125.188%;
            margin-bottom: 0;
            margin-left: 16px;
        }

        .shipping-address-list .shipping-address-item input[type=radio],
        .shipping-address-list .shipping-address-item input[type=checkbox] {
            accent-color: #ED1C24;
            -webkit-appearance: auto;
            opacity: 1;
            width: 20px;
            height: 20px;
            position: revert;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-phone {
            color: #1B1B19;
            font-family: "Roboto-Regular";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 155%;
            margin-bottom: 8px;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-info {
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons {
            display: flex;
        }

            .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons img {
                cursor: pointer;
            }

            .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons .js-address-confirmDelete-new {
                height: 16px;
                margin-left: 12px;
            }

        .shipping-address-list .shipping-address-item .shipping-address-item-desc .input-group {
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

.shipping-address-modal-buttons {
    display: flex;
    justify-content: space-between;
}

    .shipping-address-modal-buttons .js-add-new-shipping-address {
        border: 1px solid #1B1B19;
        background: #FFF;
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 125.188%;
        height: 50px;
        width: calc(50% - 4px);
        justify-content: center;
        display: flex;
        align-items: center;
        border-radius: 8px;
    }

        .shipping-address-modal-buttons .js-add-new-shipping-address img {
            margin-right: 8px;
        }

    .shipping-address-modal-buttons .js-assign-new-shipping-address {
        color: #FFF;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125.188%;
        border-radius: 8px;
        background: #ED1C24;
        height: 50px;
        width: calc(50% - 4px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

.shipping-address-search-area {
    position: relative;
    margin-bottom: 24px;
}

    .shipping-address-search-area img {
        position: absolute;
        top: 15px;
        left: 16px;
        height: 20px;
    }

    .shipping-address-search-area .shipping-address-search-input {
        border-radius: 8px;
        border: 1px solid #979797;
        background: #FFF;
        padding-left: 48px;
        height: 50px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        width:100%;
    }

    .shipping-address-search-area .shipping-address-search-button {
        position: absolute;
        right: 16px;
        border-radius: 8px;
        border: 1px solid #1B1B19;
        padding: 8px;
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        top: 7px;
    }

@media (max-width:1199px) {
    .shipping-address-modal .shipping-address-modal-area {
        max-height: 698px;
        height: auto;
        bottom: 0;
        top: auto;
        width: 100%;
        padding-bottom: 40px;
    }

        .shipping-address-modal .shipping-address-modal-area h3 {
            font-size: 20px;
            padding: 24px 0 28px 0;
            border-bottom: none;
            margin-bottom: 0;
        }

            .shipping-address-modal .shipping-address-modal-area h3 img {
                width: 25px;
            }

    .shipping-address-search-area .shipping-address-search-button {
        width: 71px;
        right: 4px;
    }

    .shipping-address-list {
        max-height: 386px;
    }

    .shipping-address-modal-buttons {
        flex-flow: wrap-reverse;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid;
    }

        .shipping-address-modal-buttons .js-add-new-shipping-address {
            width: 100%;
        }

        .shipping-address-modal-buttons .js-assign-new-shipping-address {
            width: 100%;
            margin-bottom: 8px;
            font-size: 14px;
        }

    .shipping-address-list .shipping-address-item:last-child {
        margin-bottom: 0;
    }

    .shipping-address-search-area {
        margin-bottom: 12px;
    }
}

@media(max-width:767px) {
    .shipping-address-modal .shipping-address-modal-area {
        max-height: 592px;
    }

    .shipping-address-list {
        max-height: 280px;
    }
}

.new-address-box-area {
    margin: 12px 0;
}

    .new-address-box-area .address-type {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 12px;
    }

    .new-address-box-area .new-add-shipping-address,
    .new-address-box-area .new-add-billing-address {
        border-radius: 8px;
        border: 1px solid #AEAEAE;
        color: #979494;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .new-address-box-area .new-add-shipping-address img,
        .new-address-box-area .new-add-billing-address img {
            margin-right: 8px;
            filter: brightness(0) saturate(100%) invert(58%) sepia(51%) saturate(15%) hue-rotate(12deg) brightness(94%) contrast(86%);
        }

.new-selected-billing-address,
.new-selected-shipping-address {
    width: 100%;
    height: 50px;
    color: #979494;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #ED1C24;
    border-radius: 8px;
    display: table;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

    .new-selected-billing-address span,
    .new-selected-shipping-address span {
        display: flex;
        color: #1B1B19;
    }

        .new-selected-billing-address span img,
        .new-selected-shipping-address span img {
            margin-right: 8px;
        }

    .new-selected-billing-address .fa-pencil-square-o,
    .new-selected-shipping-address .fa-pencil-square-o {
        color: #ED1C24;
        float: right;
        width: 16px;
    }

.new-address-box-area .new-address-box-button-area {
    display: flex;
    justify-content: space-between;
}

    .new-address-box-area .new-address-box-button-area .new-add-shipping-address {
        width: 126px;
    }

    .new-address-box-area .new-address-box-button-area .new-selected-shipping-address {
        width: calc(100% - 138px);
    }

.about-address-input-area {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

    .about-address-input-area .checkwrap {
        margin-right: 24px;
    }

        .about-address-input-area .checkwrap label {
            padding-left: 24px;
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
        }

            .about-address-input-area .checkwrap label:before {
                left: 0px;
                display: inline-block;
                cursor: pointer;
                content: ' ';
                overflow: hidden;
                border: 1px solid #333;
                vertical-align: top;
                width: 16px;
                height: 16px;
                border-radius: 0;
            }

        .about-address-input-area .checkwrap input:checked + label:after {
            background-image: url(/assets/images/selected-filters.svg);
            background-size: contain;
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            left: -1px;
            top: -1px;
            position: absolute;
            background-color: white !important;
            opacity: 1;
        }

.new-address-contentwrap {
    margin-bottom: 12px;
    width: 100%;
}

    .new-address-contentwrap .new-checkout-section-title {
        width: 100%;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-weight: 500;
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        margin-bottom: 12px;
    }

    .new-address-contentwrap #delivery-note-delivery-input {
        padding: 16px 10px;
        height: 82px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
    }

    .new-address-contentwrap #OrderInfo_GiftNote {
        height: 50px;
        padding: 16px 10px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
    }

#checkout-sum .checkout-sum-title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
}

    #checkout-sum .checkout-sum-title-area .sum-title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: normal !important;
        padding-bottom: 0 !important;
        margin: 0;
        border-bottom: none !important;
    }

    #checkout-sum .checkout-sum-title-area .exchange-toogle-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #checkout-sum .checkout-sum-title-area .exchange-toogle-area .exchange-text {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 600;
            word-wrap: break-word;
            margin-right: 12px;
            margin-bottom: 0;
            position: relative;
        }





#checkout-sum .exchange-toogle-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

    #checkout-sum .exchange-toogle-area .exchange-text {
        color: white;
        font-size: 11px;
        font-weight: 600;
        word-wrap: break-word;
        margin-right: 12px;
        margin-bottom: 0;
    }

    #checkout-sum .exchange-toogle-area .custom.switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 23px;
        /*left: 6px;*/
        margin-bottom: 0;
    }

        #checkout-sum .exchange-toogle-area .custom.switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /* background-color: #ccc;*/
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            font-size: 11px;
        }

            #checkout-sum .exchange-toogle-area .custom.switch .slider:before {
                position: absolute;
                content: "";
                height: 21px;
                width: 22px;
                left: 1px;
                top: 1px;
                right: 1px;
                /*background-color: white;*/
                background-color: #ED1C24;
                -webkit-transition: .4s;
                transition: .4s;
            }

        #checkout-sum .exchange-toogle-area .custom.switch input:checked + .slider {
            background: white;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input:checked + .slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round {
            border-radius: 30px;
            box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25);
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency {
            color: white;
            font-size: 13px;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 700;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 700;
            padding-left: 3px;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
            color: white;
            font-size: 13px;
        }


        #checkout-sum .exchange-toogle-area .custom.switch .slider.round .try-currency {
            float: left;
            line-height: 20px;
            padding-left: 8px;
            padding-top: 1px;
            font-weight: 800;
            word-wrap: break-word;
            z-index: 999;
            position: absolute;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round .usd-currency {
            position: absolute;
            left: 24px;
            float: right;
            line-height: 20px;
            padding-top: 1px;
            font-weight: 800;
            word-wrap: break-word;
            z-index: 999;
            margin-top: 0;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round:before {
            border-radius: 50%;
        }

#checkout-sum .tcmb-info-button {
    background: transparent;
}

#checkout-sum .toggle-tcmb-info-popup.open {
    z-index: 9;
}

#checkout-sum .toggle-tcmb-info-popup .text {
    width: 100%;
}

main#checkout #checkout-sum .sum-basket .basket-list .item > .product-image {
    width: 106px;
    height: 106px;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

main#checkout #checkout-sum .sum-basket .basket-list .item .product-image > img.product-image {
    width: 100%;
    border: none;
}

main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
    width: calc(100% - 106px) !important;
}

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 145%;
    }

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-code {
        color: #979494;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        display: table;
        margin-top: 5px;
    }

#checkout-sum .sum-costs .cost.red .cost-title,
#checkout-sum .sum-costs .cost.red .cost-amount {
    color: #ED1C24 !important;
    font-family: "Roboto-Medium" !important;
    font-weight: 500 !important;
}

#checkout-sum .sum-costs .cost.black .cost-title,
#checkout-sum .sum-costs .cost.black .cost-amount {
    color: #1B1B19 !important;
    font-family: "Roboto-Medium" !important;
    font-weight: 500 !important;
}

main#checkout #checkout-sum .sum-costs .cost .cost-title,
main#checkout #checkout-sum .sum-costs .cost .cost-amount {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
    letter-spacing: 0;
}

#checkout-sum .js-confirm-order {
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    background: #ED1C24;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

main#checkout #checkout-sum .sum-basket,
section#checkout #checkout-sum .sum-costs .cost,
main#checkout #checkout-sum .sum-costs .cost {
    border-bottom: 1px solid #D9D9D9 !important;
}

.payment-types-logo-area {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
}

    .payment-types-logo-area img {
        margin: 0 10px;
    }

.product .description .data .price.cost-amount-tl,
.product .description .data .price.cost-amount-usd {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
}

    .product .description .data .price.cost-amount-tl span,
    .product .description .data .price.cost-amount-usd span {
        font-family: "Roboto-Light";
    }

.product .description .data .price.cost-amount-usd {
    display: none;
}

.product .description .data .quantity {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
    letter-spacing: 0;
}

.js-checkout-sum-toggle {
    display: none;
}

@media(max-width:1199px) {
    main#checkout #checkout-sum {
        display: table;
        margin: 0 auto !important;
        width: 100% !important;
    }

    #checkout-sum .checkout-sum-title-area {
        display: table;
        width: 100%;
        border-bottom: 0;
    }

    main#checkout #checkout-sum .sum-title {
        float: left;
    }

    .js-checkout-sum-toggle {
        display: block;
        float: right;
        float: right;
        transform: rotate(180deg);
    }

        .js-checkout-sum-toggle.active {
            transform: rotate(0deg);
        }

    #checkout-sum .checkout-sum-title-area .exchange-toogle-area {
        float: right;
        margin-top: 30px;
        margin-right: -20px;
    }    

    section#checkout #checkout-opts .checkout-opt,
    main#checkout #checkout-opts .checkout-opt {
        width: 100%;
    }
}

@media (max-width:767px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        width: 197px
    }
}

@media (max-width:375px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        width: 147px
    }
}

@media (max-width:1199px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand {
        margin-right: 0;
    }
}

.agreement-accept-checkbox {
    margin-top: 32px;
    margin-bottom: 24px;
    display: table;
    width: 100%;
}

    .agreement-accept-checkbox label,
    .agreement-accept-checkbox label a {
        color: #1B1B19;
        font-family: "Roboto-Light" !important;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
    }

        .agreement-accept-checkbox label:before {
            content: "";
            position: absolute;
            left: 0;
            top: -4px;
            width: 20px;
            height: 20px;
            background: url(/assets/images/checkbox_line.svg) no-repeat center center !important;
            border: none;
        }

    .agreement-accept-checkbox input[type="checkbox"]:checked + label:before {
        background: url(/assets/images/checkbox.svg) no-repeat center center !important;
    }

    .agreement-accept-checkbox input[type="checkbox"]:checked + label:after {
        display: none;
    }

#mesafeli-satis .checkout-section-title,
#on-bilgilendirme .checkout-section-title {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    border-bottom: 0 !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    line-height: normal !important;
}

#mesafeli-satis h2,
#on-bilgilendirme h2,
#on-bilgilendirme h2 b,
#on-bilgilendirme h3,
#mesafeli-satis h3 strong u,
#on-bilgilendirme h3 strong u {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 12px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    text-decoration: unset;
}

#mesafeli-satis p,
#mesafeli-satis p strong,
#on-bilgilendirme p,
#on-bilgilendirme p strong {
    color: #1B1B19;
    font-family: "Roboto-Thin";
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

    #mesafeli-satis p a,
    #on-bilgilendirme p a {
        text-decoration: underline;
    }

#on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 24px 48px 24px 24px !important;
    height: 280px;
}

#on-bilgilendirme {
    margin-top: 24px !important;
}

    #mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools_vertical,
    #on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools_vertical {
        margin-right: 20px;
    }

    #mesafeli-satis table,
    #on-bilgilendirme table {
        font-size: 12px !important;
    }

@media (max-width:767px) {
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
        height: 560px;
        padding: 24px !important;
    }

    #mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools_vertical,
    #on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools_vertical {
        margin-right: 0px;
    }
}
.current-inquiry-success {
    display: table;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

.current-inquiry-error {
    display: table;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}
/**cookie css start*/
.merge-cart {
    margin-top: 10px;
    background: #F8F8FF;
    padding: 8px;
    text-align: center;
}
.cookie-disclaimer {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 50px 40px 50px;
    background: #fff;
    max-width: 100%;
    background: rgba(27, 27, 25, 0.90);
    backdrop-filter: blur(17.450000762939453px);
    top:auto!important;
    bottom:0!important;
}
.cookie-disclaimer .cookie-popup-title{
    color: #FFF;
    font-family: "Roboto-Medium";
    font-size: 26px;
    font-style: normal;    
    line-height: 125.188%;
    margin-bottom:16px;
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-popup-title img{
    width:15px;
    filter: brightness(0) invert(1);
    cursor:pointer;
}
.cookie-disclaimer .cookie-disclaimer-area{
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-disclaimer-area p{
    color: #FFF;    
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    line-height: 128.523%;
    text-align: left;
    max-width:1230px;
}
.cookie-disclaimer .cookie-disclaimer-area p a{ 
    text-decoration:underline;
    color: #6262FE;
}
.cookie-disclaimer .cookie-disclaimer-area .buttons{
    display:flex;
} 
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie {
    display:flex;
    justify-content: center;
    padding:14px 17px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px;    
    border-radius: 8px;
    border: 1px solid #FFF;
    background-color:transparent;
    width:174px;
    letter-spacing:0;
    height:48px;
}

.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
    border-radius: 8px;
    background: #ED1C24;
    display: flex;    
    justify-content: center;
    height: 48px;
    padding: 14px 17px;
    align-items: center;
    gap: 10px;    
    font-style: normal;
    font-family: "Roboto-Bold";
    font-size: 16px;
    width:162px;
    letter-spacing:0;
    border:1px solid #ED1C24;
    height:48px;
    margin-left:12px;
}
.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save:hover{
    color:#fff;
}
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie img {
    filter: brightness(0) invert(1);
    margin-left: 10px;
}

#cookie.modal .modal-element {
    height: 667px !important;
    width: 1061px;
    border-radius:8px;
    border:none;
}
#cookie.modal .modal-element .wrapper{
    max-width:100%;
}
#cookie.modal .modal-element .modal-close{
    right: 30px;
    top: 30px;
    border:none;
    background-color: transparent;
}
#cookie.modal .modal-element .modal-content{
    padding:0;
    border:none;
}
#cookie.modal .modal-element .modal-content .sizechart-head{
    padding:24px 24px 0 24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.5px; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .description{
    color: #1B1B19;    
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.523%; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
    margin: 24px 24px 40px 24px;
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv ul {
    display:table;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar { 
    width: 8px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-track {
    background: #f1f1f1;
}
 
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    width: 100%;
    height: 129px;
    padding: 24px;
    background: white;
    box-shadow: 0px 4px 52.1px 16px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    left:0;
    right:0;
    z-index:99;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons a{
    height:48px;    
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px; 
    border-radius: 8px;    
    letter-spacing:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left{
    color: #1B1B19;
    border:1px solid #1B1B19;
    background-color:#fff;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
    color: #FFF;
    background: #ED1C24;
    border:1px solid #ED1C24;
    margin-left:12px;
}
.cs-cookie .details-specs{
    margin-top:0;
}
.cs-cookie .details-specs .accordion-element:last-child {
    margin-bottom:24px;
}
.cs-cookie .details-specs .accordion-element .accordion-button{
    border-top: 1px solid #828282;
    padding: 24px 0;
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 128.523%;
    letter-spacing:0;
    border-bottom:none;
}
.cs-cookie .details-specs .accordion-element:last-child{
    border-bottom:1px solid #828282;
}
.cs-cookie .details-specs .accordion-element .accordion-button span{
    float:right;
    color:#488B29;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    float:left;
    width:20px;
    margin-left:0;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    transform: rotate(90deg);
}
.cs-cookie .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator{
    transform: rotate(0);
}
.cs-cookie .details-specs .accordion-element {
    position:relative;
}
.accordion-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content p b{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content .table-info-text{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px; 
    margin-top:16px;
    margin-bottom:24px;
    display:table;
}
#cookie .table-bordered {
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 10px;
    text-align: center;
    background-color: #F5F5F5;
}
#cookie .table-bordered th {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
}
#cookie .table-bordered td {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    text-align:left;
}
#cookie .table-bordered.last-table th{
    width:25%;
}
.cs-cookie .details-specs .accordion-element .accordion-content * {
    padding: 0;
}
#cookie .table-bordered,#cookie  .table-bordered td,#cookie  .table-bordered th{
    border:1px solid #828282!important;
    word-break: break-word;
}
#cookie .table-bordered td,#cookie  .table-bordered th{
    padding:12px!important;
}



@media (max-width:1199px){
    .cookie-disclaimer{
        padding:24px;
    }
    .cookie-disclaimer .cookie-popup-title{
        font-size:20px;
    }
    .cookie-disclaimer .cookie-disclaimer-area{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .buttons{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-select-cookie{
        width: 100%;
        margin-top: 16px;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
        margin-top: 8px;
        width: 100%;
    }
    #cookie.modal .modal-element{
        height: 514px !important;
        width: 650px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
        height:230px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:50%;
    }
}
@media (max-width:767px){
    #cookie.modal .modal-element{
        max-width:100%!important;
        width:100%;
        height:578px!important;
        bottom:0;
        left: auto;
        top: auto;
        transform: translate(0%, 0%) scale(1);
    }
    #cookie .table-bordered td, #cookie .table-bordered th{
        min-width:110px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons {
        border-radius: 0;
    }
    #cookie .table-bordered td,#cookie .table-bordered th {
        padding: 8px !important;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
        flex-direction: column-reverse;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:100%;
        min-height:44px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        margin-bottom:8px;
        margin-left:0;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
        font-size:22px;
        margin-bottom:16px;
        width:90%;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head{
        padding:16px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv {
        margin: 24px 0 40px 16px;
        height:253px;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .description{
        font-size:14px;
        margin-bottom:0;
    }
    .accordion-content p{
        font-size:14px;
    }
    .cs-cookie .details-specs .accordion-element .accordion-button{
        padding:21px 0;
    }
}


.custom-switch{
    padding-left:0!important;
    position: absolute!important;
    top: 16px;
    right: 0;
    width: 55px;
    z-index: 10!important;
}

.custom-switch .custom-control-label::before{
    left: 0!important;
    width: 56px!important;
    height: 29px!important;
    pointer-events: all!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::after{
    top: 5px!important;
    left: 2px!important;
    width: 25px!important;
    height: 25px!important;
    background-color: #adb5bd!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::before{
    border-color: #E7E7E7 !important;    
    background-color: #E7E7E7 !important;
}
.custom-switch .custom-control-label::after{
    background-color: #fff !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #ED1C24 !important;
    border-color: #E7E7E7 !important;
    background-color: #fff !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    color: #fff !important;
    border-color: #E7E7E7 !important;
    background-color: #ED1C24 !important;
    left: 20px !important;
}

/**cookie css end*/

.width-10 {
    width: 10% !important;
}
.width-15 {
    width: 15% !important;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-75 {
    width: 75% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}
.height-100{
    height:100%;
}
.margin-5 {
    margin: +5%
}
.flex-flow-column {
    flex-flow: column
}
.display-table-cell {
    display: table-cell;
}
.cursor-pointer{
    cursor:pointer;
}
.bg-white {
    background: white
}
.header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round p + p {
    margin-top: 0px;
}

/*Customer Info*/
.customer-info .success-message {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    display: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background: #4BB543;
}
.customer-info .cellphone-update-button, .customer-info .mail-update-button {
    pointer-events: none;
    width: 30%;
    display: block;
    float: right;
    text-align: center;
    background: #ebebeb;
    height: 40px;
    line-height: 41px;
    color: #fff;
    border-radius: 5px;
}
.customer-info .same-phonenumber-error, .customer-info .same-mail-error {
    color: #ff5d5d;
    position: relative;
    top: 10px;
}
.customer-info .wrap.gender{
    display:none;
}
.customer-info .cellphone-custom, .customer-info .mail-custom {
    width: 68% !important;
}

/*CustomerInfoCheckbox*/
.customer-info-check .modal-element {
    width: 445px !important;
    height: 478px !important;
}
.customer-info-check .modal-element .modal-content {
    border: none;
}
.customer-info-check .bg-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    border-radius: 100%;
    width: 110px;
    background: #FCDFE0;
    margin: 0 auto 10px auto;
}
.customer-info-check .title {
    color: #6D6D6D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.customer-info-check .desc {
    color: #6D6D6D;
    text-align: center;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    font-family: "Roboto-Light";
}
.customer-info-check .verification-code-text {
    color: #ed1c24;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    margin: 6px 0px;
}
    .customer-info-check .verification-code-text .timer {
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.5px;
        margin-left: 6px;
    }
.customer-info-check .verification-code {
    width: 100%;
}
.customer-info-check .send-form {
    width: 100%;
    margin-bottom: 5%;
    padding: 1rem 0;
    border-radius: 5px;
}
.customer-info-check .resend-code {
    width: 100%;
    margin-bottom: 5%;
    background-color: #fff;
    color: #ebebeb;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem 0;
}
.customer-info-check .show-otp-message {
    display: none;
    color: #ed1c24;
}
.customer-info-check .warning-message {
    color: #B9B9B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}
.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}
.input-error {
    border: 1px solid #e4e4e4;
}
.keyup-update-button {
    background: #ed1c24 !important;
    pointer-events: auto !important;
}
.display-table-imp{
    display:table !important;
}

.basket-content.empty-cart #basket-list {
    text-align: center;
    font-size: 26px;
}
.basket-content.empty-cart.divided.q3 {
    width: 100%;
    padding-right: 0;
}
#cartDetail .customer-info-check .modal-element {
    height: 495px !important;
}
.customer-info-check .skip-btn {
    color: #3B3838;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    float: inline-end;
}
    .customer-info-check .skip-btn img {
        transform: rotateZ(180deg);
        margin-left: 7px;
    }
.customer-info-check .append-val {
    color: #6D6D6D;
    font-family: "Roboto-Bold";
    font-size: 13.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.filter-overlay{
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99
}
.check-file-content label{
    cursor:pointer;
}
.js-delete-check{
    background-color: #ed1c24;                
    top: 20px;
    color:#fff;
    position:relative;
    border-color: #a8a8a9;
    height: 25px;
    font-family: 'Roboto-Medium', sans-serif;
    width: auto;
    padding: 5px 15px;
    border-radius: 0;
    font-weight: 700;
    font-size: 0.93333333rem;
    letter-spacing: .180em;
    border:1px solid #a8a8a9;
    line-height: 2rem;
}
.custom-modal-close-button{
    margin: 0 auto;
    color: #fff;
    background-color: #ed1c24;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    margin-top:30px;
}
#errorModalBody .modal-content{
    padding:40px 50px!important;
}
.check-file-src{
    width:400px;
}
@media (max-width:767px){
    .check-file-src{
        width:100%;
    }
}
.check-file-desc{    
    width: 100%!important;
    font-weight: 300!important;
}
.sigup-container span.field-validation-error span {
    color: #ED1C24 !important;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0 !important;
}


/*Mobile Login Popup*/
#mobile-login-popup {
    display: none;
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

#mobile-login-content {
    position: absolute;
    top: 92px;
    bottom: 0;
    left: 0;
    z-index: 10;
    transform: translateX(-100%);
    transition: transform 200ms ease-in-out;
    overflow-y: auto;
    background-color: white;
    width: 450px;
    max-width: 80%;
    box-sizing: border-box;
    padding: 16px;
}

#mobile-login-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(2px);
    transition: opacity 200ms ease;
    cursor: pointer;
}

#mobile-login-popup.show #mobile-login-overlay {
    opacity: 1;
}

#mobile-login-popup.show #mobile-login-content {
    transform: translateX(0);
}

#mobile-login-content .close-btn {
    cursor: pointer;
    font-size: 20px;
    display: block;
    margin-bottom: 12px;
}

#mobile-login-content .title {
    font-size: 18px;
    font-family: "Roboto-Regular";
}

#mobile-login-content .desc {
    font-size: 16px;
    font-family: "Roboto-Light";
}

#mobile-login-content p {
    font-family: "Roboto-Light";
}

#mobile-login-popup a {
    height: 50px;
    border-radius: 8px;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
}

#mobile-login-popup .sign-in {
    background: #ED1C24;
}

#mobile-login-popup .sign-up {
    border: 1px solid #000;
    background: #FFF;
    color: #1B1B19;
}

#mobile-login-popup .sign-in:hover{
    color:white;
}

main.basket{
    padding:32px 50px;
}
main.basket .basket-content{
    width: 65.256%;
    padding:0;
}
main.basket .js-cart-form .basket-content .basket-content-top-area{
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:24px;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count h2{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 36px;
    font-style: normal;
    font-weight:500;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
}
 main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count .go-to-previous-page-button {       
    display:none;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area{
    display:flex;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-all-stocks-button {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    padding:12px 20px;
    border-radius:8px;
    border:1px solid #1b1b19;
    margin-right:24px;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    display:flex;
    align-items:center;
    text-decoration-line: underline;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button img{
    margin-right:8px;
}
main.basket .basket-content #basket-list .basket-product-item{
    margin-right:0;
    margin-left:0;
    padding:14px 24px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-bottom:12px;
    align-items:center;
    display: flex;
    justify-content: space-between;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-left{
    display: flex;
    align-items: center;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
    display: flex;
    align-items: end;
    flex-direction: column;
}
#basket-list .checkwrap input:checked + label:before {
    background: url(/assets/images/check-square-fill.svg) no-repeat center center;
    border: 1px solid #fff;
}
#basket-list .checkwrap label:before{
    width:20px;
    height:20px;
    border-radius:4px;
}
main.basket .basket-content #basket-list .basket-product-item .checkwrap {
    width: auto;
    margin-top: 0;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area {
    margin-right: 16px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image {
    display: block;
    width: 150px;
    height: 150px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image {
    width: 100%;
    border: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
main.basket .basket-content #basket-list .basket-product-item .column.product{
    width:auto;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity {
    max-width: 320px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .prefix {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 103%;
    margin-bottom: 8px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .product-ext-code {
    color: #979494;
    font-family: "Roboto-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.188%;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info{
    display:flex;
    margin-top:12px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info span,
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info p {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info bold {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin-right:8px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info span{
    margin-right:5px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info p{
    margin-right:5px;
}
main.basket .basket-content #basket-list .basket-product-item .column.product .product-quantity {
    width: 173px;
    height: 55px;
    margin-top:0;
    border-radius:4px;
}
.column.product .description .numberbox.product-quantity button.number-decrease,
.column.product .description .numberbox.product-quantity button.number-increase {
    width:53px;
    border-radius:4px;
}
.cart-product-title-quantity .numberbox.sided input {
    height: 54px;
}
main.basket .basket-content #basket-list .basket-product-item .column.remove{
    padding-top:0;
    width:auto;
}
main.basket .basket-content #basket-list .basket-product-item .column.data {
    width: auto !important;
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 14px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 125.188%;
    margin-top:36px;
}
main.basket .js-cart-form .basket-content .basket-all-stocks-button.mobil{
    display:none;
}
@media (max-width:1199px) {
    main.basket .js-cart-form .basket-content .basket-all-stocks-button.mobil {
        display: block;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 13px;
        font-style: normal;
        padding: 15px;
        padding: 11.25px;
        border: 1px solid #1B1B19;
        width: 100%;
        text-align: center;
        border-radius: 4px;
        margin-bottom: 12px;
    }
    main.basket{
        padding:24px;
    }
    main.basket .basket-content{
        width: 100%;
        padding:0;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area {
        margin-bottom: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count{
        display:flex;
        align-items:center;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count h2 {       
        font-size: 20px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count .go-to-previous-page-button {       
        display:block;
        margin-right:12px;
        border-radius: 100%;
        background: #F5F5F5;
        padding: 9px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-all-stocks-button{
        display:none;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button {
        font-size: 12px;
    }
    main.basket .basket-content #basket-list .basket-product-item{
        padding:12px;
        align-items:start;
        height:162px;
        position:relative;
    }
    #basket-list .checkwrap label:before{
        width:16px;
        height:16px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity {
        max-width: 344px;
        margin-top:15px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image {        
        width: 113px;
        height: auto;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .prefix {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size:12px;
        margin-block:4px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .product-ext-code{
        font-size:12px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-left {
        align-items: start;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image {      
        position: revert;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    main.basket .basket-content #basket-list .basket-product-item .checkwrap{
        position:relative;
        top:15px;
    }
    main.basket .basket-content #basket-list .basket-product-item .column.product .product-quantity {
        width: 132px;
        height: 34px;
    }
    .column.product .description .numberbox.product-quantity button.number-decrease, 
    .column.product .description .numberbox.product-quantity button.number-increase {
        width: 40px;
    }
    .cart-product-title-quantity .numberbox.sided input {
        height: 33px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .quantityBox {
        position: absolute;
        left: 16px;
        bottom: 20px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
        margin-top:28px;
    }
    #basket-list .column.product{
        display:block!important;
    }
}
@media (max-width:767px){
    main.basket {
        padding: 8px 16px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image{
        width:70px;
        height:70px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image{
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity{
        margin-top:0;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area{
        margin-right:7.5px;
    }
    main.basket .basket-content #basket-list .basket-product-item .checkwrap label{
        padding-left:1.5rem;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
        margin-top:0;
    }
    main.basket .basket-content #basket-list .basket-product-item .column.data{
        margin-top:57px;
    }
}

/*boş sepet sayfa tasarımı başlangıç*/
#basket-empty-list{
    padding-top:24px;
    width:100%;
    overflow-x:hidden;
}
#basket-empty-list .basket-empty-img img{
    margin:0 auto;
    height:64px;
    margin-bottom:32px;
}
#basket-empty-list .basket-empty-text-area{
    max-width:813px;
    margin:0 auto;
    margin-bottom:96px;
} 
#basket-empty-list .basket-empty-text-area .basket-empty-title{
    color: #1B1B19;    
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 36px;
    font-style: normal;
    line-height: 125.188%;
    display:table;
    margin:0 auto;
    margin-bottom:15px;
    font-weight:400;
}
#basket-empty-list .basket-empty-text-area .basket-empty-desc{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
    display:table;
    margin:0 auto;
    margin-bottom:15px;
}
#basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
    color: #979494;
    margin-bottom:40px;
}
#basket-empty-list .basket-empty-text-area .basket-empty-button{
    display:table;
    margin:0 auto;
    background-color: #ED1C24;
    padding:15px 24px;
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    text-align:center;
    width:296px;
    border-radius:8px;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide{
    text-align:center;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
    border:1px solid #D9D9D9;
    margin-bottom:18px;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a span{    
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}
@media(min-width:1200px) {
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide {
        width: calc((100% - 120px) / 6);
        margin-right: 24px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide:last-child{
        margin-right:0;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a{
        width:100%;
        display:block;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
        width:100%;
        border:1px solid #D9D9D9;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev,
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next {
        display: none;
    }
}
@media(max-width:1199px) {
    #basket-empty-list {
        padding-top: 0;
    }
    #basket-empty-list .basket-empty-img img{
        height:35px;
        margin-bottom:12px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-title{
        font-size:20px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc{
        font-size:14px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        font-size:12px;
    }
    #basket-empty-list .basket-empty-text-area {
        margin-bottom: 46px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-button{
        font-size:14px;
        width:163px;
        padding:7px;
        border-radius:4px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        margin-bottom:23px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide{
        padding-bottom:32px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
        border:1px solid #D9D9D9;
        margin-bottom:9px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a span{    
        font-size: 14px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-pagination{
        bottom:4px!important;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-pagination .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px)) !important;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px)) !important;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev {
        bottom: -13px !important;
        top: auto;
        right: 40px;
        left: auto !important;
        z-index: 99;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next{
        bottom: -13px !important;
        right: 0 !important;
        left: auto;
        top: auto;
        z-index:99;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev:after,
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next:after
    {
        color: #1B1B19 !important;
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    #basket-empty-list {
        padding-top: 10px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        text-align:center;
    }
}
/*boş sepet sayfa tasarımı bitiş*/

main.basket .js-cart-form .basket-content .basket-installment-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: rgba(244, 248, 255, 0.96);
    padding:12px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign{
    background:#fff;
    padding:8px 12px;
    margin-bottom:8px;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc{
    display:flex;
    align-items:center;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc img{
    margin-right:8px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc img{
    padding:7px 6px;
    border-radius:100%;
    background-color:#F44;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc span {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc span{
    font-family:"Roboto-Regular";
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button,
main.basket .js-cart-form .basket-content .basket-installment-options .basket-applied-campaign-button{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    text-decoration-line: underline;
    display:flex;
    align-items: center;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button img,
main.basket .js-cart-form .basket-content .basket-installment-options .basket-applied-campaign-button img{
    width: 16px;
    height: 16px;
    margin-left: 8px;
}
.basket-combined-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 9999;
    display: none;
}
.basket-combined-popup .basket-combined-popup-items{
    position:absolute;
    width:586px;
    bottom:0;
    top:0;
    right:0;
    left:auto;
    background-color:#fff;
    padding:40px 24px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-bottom:40px;
    border-bottom:1px solid #D9D9D9;
    margin-bottom:40px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top h2{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-weight:500;
    font-size: 36px;
    line-height: 125.188%; 
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top img{
    width:30px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid{
    margin-bottom:24px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid span {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    display:flex;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid span img {
    margin-right: 8px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom{
    margin-top:36px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item{
    padding:16px;
    height:76px;
    display:flex;
    align-items:center;
    margin-bottom:12px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item img{
    margin-right:16px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item img.bg-transparent-custom{
    padding:6px;
    background-color:#FF4444;
    border-radius:100%;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item span{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: normal;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item span bold{    
    font-family: "Roboto-Bold";
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount{
    margin-top:24px;
    padding:12px 16px;
    display:flex;
    background: #FDF0F0;
    justify-content: space-between;
    border-radius:8px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-title{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    line-height: 155%;
    margin-bottom:0;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-amount{
    color: #ED1C24;
    font-family: "Roboto-Medium";
    font-size: 16px;
    margin-bottom:0;
    line-height: 155%;
}
@media(max-width:1199px) {     
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc img {
        width:16px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc span {       
        font-size: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button,
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-applied-campaign-button {
        font-size: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button img,
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-applied-campaign-button img{
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .basket-combined-popup .basket-combined-popup-items {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: auto;
        right: auto;
        left: auto;
        padding: 24px 16px;
        height:422px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top h2{
        font-size:20px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top{
        margin-bottom:24px;
        padding-bottom:12px;
        border-bottom:none;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top img{
        width:25px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom{
        max-height: 256px;
        overflow: scroll;
        margin-top:24px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item{
        height:56px;
        margin-bottom:8px;
    }    
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount{
        margin-top:16px;
        padding:8.2px 16px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-title,
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-amount{
        font-size: 14px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc img {
        padding: 3px 2px;
    }
}

main.basket .basket-content #basket-list .go-to-home-page-button{
    font-family:"Roboto-Medium";
    font-size:16px;
    color:#fff;
    border-radius: 8px;
    background: #1B1B19;
    display:flex;
    justify-content:center;
    align-items:center;
    width:220px;
    padding:13px;
    margin-top: 24px;
}
main.basket .basket-content #basket-list .go-to-home-page-button img {
    margin-right: 10px;
}
@media(max-width:1199px){
    main.basket .basket-content #basket-list .go-to-home-page-button {
        display: none;
    }
}

#cartDetail .modal#confirmmodal .modal-element .modal-content {
    padding: 16px 24px 40px 24px;
    border:none;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-content {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    padding-top:44px;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn {
    border-radius: 8px;
    font-size:16px;
    font-family:"Roboto-Bold";
    width:auto;
    padding:11.5px 49px;
    letter-spacing:0;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.bg-white{
    background-color:#fff;
    border:1px solid #1B1B19;    
    color: #1B1B19;    
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.confirm{
    background-color: #ED1C24;
    border:1px solid #ED1C24;    
}

@media (min-width:1200px) {
    #cartDetail .modal#confirmmodal .modal-element {
        width: 446px;
        height:190px;
        border-radius:8px;
    }
}
@media (max-width:1199px) {
    #cartDetail .modal#confirmmodal .modal-content .confirmmodal-opts .btn {
        width:100%;                 
    }                               
    #cartDetail .modal#confirmmodal .modal-content .confirmmodal-opts .btn:first-child{
        margin-bottom:8px;
    }
}

#cartDetail #draw_type .modal-element{
    width:644px;
    height:248px!important;
    border-radius:8px;
}
#cartDetail #draw_type .modal-element .modal-content{
    padding:24px;
    border:none;
}
#cartDetail #draw_type .modal-element .modal-close {
    border: none;
    left: auto;
    right: 30px;
    top: 30px;
}
#cartDetail #draw_type .modal-element .modal-content .address-title {
    text-align:left!important;    
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 20px;
    line-height: 125.188%;
    margin-bottom:24px;
    font-weight:500;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area{
    display:flex;
    justify-content: space-between;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area input{
    height:43px;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 13px;
    line-height: 125.188%;     
    width:calc(100% - 128px);
    border-radius:8px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn{
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing:0;
    border-radius: 8px;
    background: #ED1C24;
    width:112px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn:hover{
    color: #FFF;
    background: #ED1C24;    
}

#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area{
    display:flex;    
    margin-top: 24px;
    text-align: left;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-icon{
    margin-right:8px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-desc ul li {
    color: #8C8989;
    font-family: "Roboto-Light";
    font-size: 12px!important;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom:2px;
}
@media (max-width:1199px){
    #cartDetail #draw_type .modal-element {
        width: 467px;
        height: 248px !important;
        border-radius: 8px;
    }
    #cartDetail #draw_type .modal-element .modal-content{
        padding-bottom:0;
    } 
    #cartDetail #draw_type .modal-element .modal-content .address-title {
        font-size: 16px;
        margin-bottom:16px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area{
        display:block;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area input{
        width:100%;
        margin-bottom:12px;
        height:40px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn{
        width:100%;
        height:40px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-desc ul li{
        font-size:10px!important;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-icon img{
        width:12px;
    }
}
@media (max-width:767px){
    #cartDetail #draw_type .modal-element .modal-content{
        padding:12px;
    }
}

.cart-summary-container {
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 9999;
    position: fixed;
    right: -50px;
    bottom: 0;
    width: 100vw;
    top: -39px;
    height: 100vh;
    z-index: 9999;
    display: none;
}
.cart-summary-container #sepet-ozeti {
    margin-top: 0;
    border-radius: 0;
    bottom: 0;
    height: 100vh !important;
    padding: 0;
    border: none;
    width: 571px;
    display: block;
    top: 0px;
    margin-top: 0;
}
.cart-summary-container.active {
    display: block;
}
.cart-summary-container #sepet-ozeti .cart-summary-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 40px;
    border-bottom: 1px solid #D9D9D9;
}
.cart-summary-container #sepet-ozeti .cart-summary-top span{
    color: #1B1B19;
    font-family: "Roboto-Medium"!important;
    font-size: 24px!important;
    line-height:0;
}
.cart-summary-container #sepet-ozeti .cart-summary-top img{
    width:20px;
    cursor:pointer;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items{
    padding: 23px 40px 23px 40px;
    margin: 0;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items span{
    color: #1B1B19;
    font-family: "Roboto-Light"!important;
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items a {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
    background:#fff;
}
.cart-summary-container #sepet-ozeti .allproducts-container #sepet-ozeti-icerik{
    padding:0 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area{
    padding:40px;
    text-align:center;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area img{
    text-align:center;
    margin-bottom:26px; 
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area p{
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Light";
    font-size: 16px;
    line-height: 125.188%; 
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom:26px; 
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area a{
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    border-radius: 8px;
    background: #1B1B19;
    display:flex;
    align-items:center;
    justify-content:center;
    letter-spacing: 0;
    line-height:0;
    padding: 17px;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area a img{
    margin-bottom:0;
    margin-left:10px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area{
    position: fixed;
    bottom: 0;
    width: 571px;
    height:242px;
    box-shadow: rgba(50, 50, 93, .6) 0px 30px 60px 3px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .description-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .description-area{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-weight:300;
    font-size: 16px;
    letter-spacing:0;
    text-align:center;
    line-height:0;
    padding:40px 40px 24px 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .description-area a,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .description-area a{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-weight:400;
    font-size: 16px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area{
    border-top  : 1px solid #D9D9D9;
    padding:24px 40px 0 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .login-button,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button {
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    border-radius: 8px;
    background: #ED1C24;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: 0;
    padding: 17px;
    margin-bottom:20px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .login-button img,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button img{
    margin-left:10px;    
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .register-button,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .register-button{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-weight: 500;
    line-height: 0;
    text-decoration-line: underline;
    text-align:center;
    letter-spacing:0;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 34px;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button{
    padding:27px;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total{
    display: flex;
    padding: 0 40px;
    align-items: center;
    justify-content: space-between;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total .alignment-left,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total .alignment-right{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
}
#sepet-ozeti .product_row .urun-bilgi.alignment-left .metre {
    font-family: "Roboto-Regular";
    font-weight:400;
    display:table;
    margin-bottom:12px;
}
#sepet-ozeti .product_row .urun-bilgi.alignment-left .urun-fiyat,
#sepet-ozeti .product_row .urun-bilgi.alignment-left .urun-fiyat span {
    font-weight: 500 !important;
    font-family: "Roboto-Medium"!important;
    font-size: 16px!important;
    padding-left: 0;
}
@media(min-width:1200px) {
    .search-bar{
        z-index:0;
    }
}
.js-add-loyalty-btn,
.js-remove-loyalty-btn,
.js-add-discount-coupon-btn,
.js-add-coupon {
    width: 48% !important;
    float: left;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #333;
    background-color: #333;
    text-align: center;
    position: relative;
    color: #FFF;
    font-weight: 700;
    font-size: 0.83333333rem;
    letter-spacing: .180em;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 0.99rem;
    border-radius: 5px;
}

.number-increase.twom.twoqm:after {
    margin-left: -2px;
}


@media screen and (max-width: 390px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

@media screen and (max-width: 480px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

@media screen and (max-width: 720px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

.strike-price::after {
    width: 100%;
    content: ' ';
    height: 1px;
    overflow: hidden;
    left: 0;
    top: 52%;
    background-color: #5a5a5a;
    display: block;
    position: absolute;
}

section.basket .basket-content #basket-list .row .column.data, main.basket .basket-content #basket-list .row .column.data {
    width: 8.96%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    body, section, div, table, aside, article, ul, ol, li, .ui-widget select {
        font-size: 11px !important;
    }

    .product .description .prefix {
        font-size: 9px;
    }

    section.basket .basket-content #basket-list .row .column.remove .product-remove, main.basket .basket-content #basket-list .row .column.remove .product-remove {
        position: relative;
        right: -20px;
    }

    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        font-size: 11px !important;
    }

    .number-increase.quan:after {
        font-size: 11px !important;
        margin-left: 8px !important;
    }

    .cost .cost-title {
        font-size: 11px !important;
    }

    .cost .cost-amount {
        text-align: right;
        font-size: 11px;
    }
}
.custom-quantity-error-2, .custom-quantity-error-2q, .custom-quantity-error-3, .custom-quantity-error-4 {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    white-space: nowrap;
    display: none
}
#basket-list .alert.red{
    width:255px;
}
/*Sepet Özeti*/
main.basket .shopping-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
    main.basket .shopping-info div {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1B1B19;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 25.185px;
    }
    main.basket .shopping-info > div:first-child {
        margin-right: 30px;
    }
    main.basket .shopping-info div img {
        margin-right: 8px;
    }
main.basket .basket-sum .sum-costs {
    margin-top: 12px;
    background: #F5F5F5;
    border-radius: 8px;
    height: auto;
    padding: 24px
}
main.basket .basket-sum .sum-costs .cost {
    letter-spacing: 0.5px;
    font-size: 14px;
}
    main.basket .basket-sum .sum-costs .cost .cost-amount {
        font-family: "Roboto-Light";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
    }
        main.basket .basket-sum .sum-costs .cost .cost-amount.total {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
        }
    main.basket .basket-sum .sum-costs .cost .total-discount, main.basket .basket-sum .sum-costs .cost .cost-total-discount {
        color: #ED1C24;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }
    main.basket .basket-sum .sum-costs .cost .cost-total-discount {
        font-size: 16px;
    }
    main.basket .basket-sum .sum-costs .title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 16px 0;
    }
    main.basket .basket-sum .sum-costs .title img{
        display:none;
    }
    main.basket .basket-sum .sum-costs .confirm-cart {
        padding: 12px 24px;
        border-radius: 8px !important;
        color: #FFF;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
        margin: 16px 0 8px 0;
    }
    main.basket .basket-sum .sum-costs .confirm-cart.first {
        margin-top:0px;
    }
        main.basket .basket-sum .sum-costs .confirm-cart:hover {
            background: #ED1C24;
        }
    main.basket .basket-sum .sum-costs .create-offer, main.basket .basket-sum .sum-costs .create-offer-disabled {
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
        border-radius: 8px !important;
        border: 1px solid #1B1B19;
        background: transparent;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 8px 0;
    }
    main.basket .basket-sum .sum-costs .create-offer-disabled {
        color: #AEAEAE;
        cursor: not-allowed;
        border: 1px solid #AEAEAE;
    }
        main.basket .basket-sum .sum-costs .create-offer:hover {
            background: transparent;
        }
        main.basket .basket-sum .sum-costs .confirm-cart img {
            margin-left: 8px;
        }
        main.basket .basket-sum .sum-costs .create-offer img {
            margin-right: 8px;
        }
        main.basket .basket-sum .sum-costs .create-offer-text {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 25.185px;
        }
            main.basket .basket-sum .sum-costs .create-offer-text img, main.basket .basket-sum .sum-costs .create-offer-disabled img {
                margin-right: 8px;
            }
            main.basket .basket-sum .sum-costs .create-offer-text p {
                font-family: "Roboto-Regular";
                font-weight: 400;
            }
    main.basket .basket-sum .sum-costs .create-offer-disabled img {
        filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(0%) hue-rotate(2deg) brightness(96%) contrast(93%);
    }
    main.basket .basket-sum .sum-costs .coupon-discount-area {
        border-top: 1px solid #1B1B19;
        border-bottom: 1px solid #1B1B19;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    main.basket .basket-sum .sum-costs .coupon-discount {
        display: inline-flex;
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .coupon-discount img {
        margin-right:8px;
    }
    main.basket .basket-sum .sum-costs .coupon-discount-area .cost-amount {
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .is-coupon-applied-area {
        display: flex;
        padding: 8px 0px;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        color: #1B1B19;
        font-family: "Roboto-Bold";
        line-height: 125.188%;
    }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area > div {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px;
        }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area .old-price {
            color: #979494;
            font-family: "Roboto-Medium";
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            text-decoration:line-through;
        }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area .total {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 125.188%;
        }
    main.basket .basket-sum .sum-costs .amount-to-be-paid {
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .cost.coupon-discount-area:after {
        content: none !important;
    }
    main.basket .basket-sum .sum-costs .is-coupon-applied-area:after {
        content: none !important;
    }
    main.basket .basket-sum .sum-costs .continue {
        display: flex;
        height: 50px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1px;
        margin-top: 16px;
    }
        main.basket .basket-sum .sum-costs .continue:hover {
            background: #ed1c24;
        }
@media screen and (max-width:1199px) {
    main.basket .basket-sum.divided .sum-costs {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #F5F5F5;
        box-shadow: 0px -4px 24.7px 0px rgba(0, 0, 0, 0.25);
        transition: transform 0.3s ease !important;
        z-index: 1000 !important;
        padding: 0px 16px 16px 16px !important;
        background: white !important;
        box-shadow: 0px 4px 25.5px rgba(0, 0, 0, 0.45) !important;
        transform: translateY(0) !important;
        border-radius:0;
    }
    main.basket .basket-sum .sum-costs {
        background: white !important;
        padding: 0px;
        margin-top: 0px;
    }
        main.basket .basket-sum .sum-costs .mobile-hidden.active {
            display: none;
        }
        main.basket .basket-sum .sum-costs .title {
            font-size: 20px !important;
        }
            main.basket .basket-sum .sum-costs .title img {
                display: inline-block;
                float: inline-end;
            }
        main.basket .basket-sum .sum-costs .cost {
            padding: 4px 0px;
        }
            main.basket .basket-sum .sum-costs .cost .cost-title {
                font-size: 14px !important;
            }
    main.basket .basket-sum.divided .shopping-info.desktop {
        display: none;
    }
    main.basket .basket-sum.divided .shopping-info.mobile {
        border-radius: 8px;
        background: #F5F5F5;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        margin: 16px 0;
    }
    main.basket .shopping-info > div {
        font-size: 12px !important;
    }
    main.basket .basket-sum.divided .confirm-cart.second {
        margin: 16px 0 8px 0;
    }
    main.basket .basket-sum.divided .confirm-cart.first {
        display: none !important;
    }
    main.basket .basket-sum .sum-costs .create-offer, main.basket .basket-sum .sum-costs .create-offer-disabled {
        padding: 12px;
    }
    main.basket .basket-sum .sum-costs .cost.total-amount-mobile {
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .open-cart-summary {
            margin-right:12px;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div {
            display: flex;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div.first-area {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div.second-area {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .cost-title{
            font-size:16px !important;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .amount-to-be-paid, main.basket .basket-sum .sum-costs .cost.total-amount-mobile .cost-amount.total {
            font-size: 16px !important;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .amount-to-be-paid {
            font-family: "Roboto-Light";
            letter-spacing: 0px;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile img {
            transform: rotateZ(270deg);
        }
            main.basket .basket-sum .sum-costs .cost.total-amount-mobile img.open {
                transform: rotateZ(90deg);
            }
    main.basket .basket-sum .sum-costs .cost.total-amount-mobile:after {
        content:none !important;
    }
    main.basket .basket-sum .sum-costs .cost .cost-amount{
        font-size:14px !important;
    }
}

#cartDetail .modal#confirmmodal .modal-element .modal-close {
    left: auto;
    top: 20px;
    right: 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}
#cartDetail .modal#confirmmodal .modal-element .modal-close .icon{
    font-size:20px;
}
#cartDetail .modal#confirmmodal .modal-element .modal-close:hover{
    background-color:#fff;
}
@media (max-width:1199px) {
    #cartDetail .modal#confirmmodal .modal-element{
        width:278px;
        border-radius:8px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content {
        padding: 12px 16px 24px 16px;
        border: none;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn{
        font-size:14px;
        padding: 9.5px;
        width:100%;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.confirm{
        margin-left:0;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-content{
        padding-top:28px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-close .icon{
        font-size:16px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts{
        margin-top:8px;
    }
}


.koa-info-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    z-index: 9999;
}

.koa-info-popup.active{
    display:block;
}

.koa-info-popup .koa-info-popup-overlay{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 1;
    -webkit-transition: opacity 200ms ease 0ms;
    transition: opacity 200ms ease 0ms;
}

.koa-info-popup .koa-info-popup-area {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    z-index: 2;
    border-radius:8px;
    box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.40);
    background: #FFF;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
    transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
    opacity: 1;
    width: 644px;
    padding:24px 24px 40px 24px;
    text-align:center;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content{
    position:relative;
    padding-top:44px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-info-popup-img {
    margin: 0 auto;
    margin-bottom:24px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-warning-icon{
    display:table;
    margin:0 auto;
    margin-bottom:16px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .hide-koa-popup {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 30px;
    cursor:pointer;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px;
     line-height:normal;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.koa-info-text{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    padding:16px;
    display:table;
    line-height:normal;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.font-medium{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.font-regular{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .go-to-home-page-button {
    font-family: "Roboto-Medium";
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    background: #1B1B19;
    margin:0 auto;
    width: 204px;
    display:block;
    padding: 9.5px;
}
@media (max-width:1199px){
    .koa-info-popup .koa-info-popup-area {
        width: 580px;
    }
}
@media (max-width:767px) {
    .koa-info-popup .koa-info-popup-area {
        width: 320px;
        padding:16px 24px 24px 24px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content{
        padding-top:32px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-info-popup-img{
        margin-bottom:16px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content p{
        font-size:14px;
    }
}



/*Cart Özellikleri Tab branchler birleştiğinde bu alan silinecek*/
#cartDetail .container--tabs {
    margin: 0px;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}
 
.container--tabs .tabs-title {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.container--tabs .tabs-title {
    border-bottom: 1px solid #D9D9D9 !important;
}

.container--tabs .tab-content {
    border: none !important
}
 
.container--tabs .tab-content > .tab-pane.active {
    padding: 32px 0 0 0;
}
 
.container--tabs .tabs-title > li {
    margin-right: 40px;
}

.container--tabs .tabs-title > li.active {
    border-bottom: 2px solid #ED1C24;
    padding-bottom: 24px;
}

.container--tabs .tabs-title > li.active > a {
    color: #ED1C24;
    font-family: "Roboto-Regular";
    font-weight: 400;
    border: white !important;
}

.container--tabs .tabs-title > li > a {
    color: #1B1B19;
    font-size: 18px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 25.19px;
    word-wrap: break-word;
    padding: 0;
    border: none !important;
    background-color: white !important;
    padding: 0 0px 27px 0px
}

.container--tabs .tabs-title > li.active > a, .container--tabs .tabs-title > li.active > a:hover, .container--tabs .tabs-title > li.active > a:focus {
    color: #1B1B19;
}
 
@media(max-width:768px) {
    .container--tabs {
        margin: 0px 16px;
    }
     
    .container--tabs .tab-content > .tab-pane.active {
        padding: 16px 0 0 0;
    }
     
    .container--tabs .tabs-title > li {
        margin-right: 40px;
        padding-bottom:12px !important;
    }
     
    .container--tabs .tabs-title > li > a {
        font-size: 14px;
        padding:0px;
    }
}
#cartDetail .homepage-slider-content-area{
    height:auto;
    background-color:#fff;
    margin:0;
}
#cartDetail .container--tabs .tab-content > .tab-pane.active{
    padding:16px 0 0 0;
}
#cartDetail .homepage-slider-content-area .content-area .left-content {
    margin: 0 !important;
}
#cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
#cartDetail .homepage-slider-content-area .swiper {
    height:515px !important;
}
#cartDetail .homepage-slider-content-area .swiper .swiper-button-prev,
#cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
    display:none;
}
#cartDetail .homepage-slider-content-area .swiper-pagination-bullets {
    bottom: 15px !important;
}
@media(max-width:1199px){
    #cartDetail .homepage-slider-content-area .swiper {
        height:370px !important;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev,
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
        display:flex;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev:after,
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next:after{
        font-size:20px !important;
        color: #1B1B19;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
        display: flex;
        bottom: -12px;
        top: auto;
        right: -7px !important;
        left: auto;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev{
        display: flex;
        bottom: -12px;
        top: auto;
        right: 30px !important;
        left: auto !important;
    }
    #cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
        height: 219px;
    }
    #cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content{
        margin-left:0!important;
        margin-right:0;
    }
    #cartDetail .homepage-slider-content-area .swiper-pagination-bullets {
        bottom: 0 !important;
    }
    #cartDetail .homepage-slider-content-area .swiper-pagination-bullets .swiper-pagination-bullet{
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
    }
}
#cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-slider .swiper-pagination {
    bottom: 0px !important;
}
/*Cart Özellikleri Tab branchler birleştiğinde bu alan silinecek*/

.cart-watt-points-area{
    display:flex;
    justify-content:space-between;
}
.cart-watt-points-area .watt-points-text{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
    display:flex;
    align-items:center;
}
.cart-watt-points-area .watt-points-earned {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
}
.cart-watt-points-area .watt-points-text .currentInfo{
    margin-left:8px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox{
    padding:20px 16px 16px 16px;
    text-align:left;
    width:247px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox .desc{
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px!important;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox .current-info-container{
    width:187px;
}
.cart-watt-points-area .watt-points-text .currentInfo .infoBoxClose{
    position:absolute;
    right:8px;
    top:8px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox::after {
    margin-left: 6px;
    top: 98%;
}
/*kupon tasarım başlangı.*/
main.basket .basket-sum .coupon-container {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    margin: 16px auto;
}
    main.basket .basket-sum .coupon-container .coupon-header {
        color: #1B1B19;
        font-family: Roboto-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 16px;
        cursor: pointer;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    main.basket .basket-sum .coupon-container .arrow {
        transform: rotate(90deg);
        width: 20px;
        height: 20px;
    }
    main.basket .basket-sum .coupon-container .arrow.rotate {
        transform: rotate(270deg);
    }
    main.basket .basket-sum .coupon-container .coupon-body {
        padding: 0px 16px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        main.basket .basket-sum .coupon-container .coupon-body input {
            width: calc(100% - 60px);
            padding: 12px;
            border-radius: 8px;
            border: 1px solid #D9D9D9;
            font-family: 'Roboto-Light';
            letter-spacing: 0.5px;
        }
        main.basket .basket-sum .coupon-container .coupon-body button {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 8px;
            padding: 8px 12px;
            border: none;
            color: #1B1B19;
            font-size: 16px;
            font-family: 'Roboto-Medium';
        }
            main.basket .basket-sum .coupon-container .coupon-body button img {
                margin-right: 8px;
            }
    main.basket .basket-sum .coupon-container .coupon-display {
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        padding: 12px 16px 12px 12px !important;
        height: 220px;
        position:relative;
    }
    main.basket .basket-sum .coupon-container .coupon-display-manuel {
        height: auto !important;
    }

    main.basket .basket-sum .coupon-container .user-coupon-swiper.swiper {
        height: 290px;
        padding: 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-left-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span.coupon-code {
        font-family: "Roboto-Medium";
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon .coupon-display {
        margin: 0 16px 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info {
        margin-left: 16px;
        font-family: "Roboto-Light";
    }
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-end-date {
    color: #979494;
}
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev, main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next {
        position: absolute;
    }
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next {
        bottom: 13px !important;
        top: auto !important;
        right: 16px !important;
    }
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev {
        bottom: 13px !important;
        top: auto !important;
        left: auto !important;
        right: 40px !important;
    }
        main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next:after, main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev:after {
            color: #1B1B19 !important;
            font-size: 12px !important;
        }
    main.basket .basket-sum .coupon-container .users-coupons-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
    }
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content-area {
    margin-top: 16px;
}
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-apply {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ED1C24;
    color: #ED1C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p {
        border-radius: 4px;
        background: #F5F5F5;
        text-align: center;
        padding: 8px;
        margin-bottom: 4px;
        font-size: 13px;
    }
        main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p:last-child {
            margin-bottom: 16px;
        }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-extra-info {
        float: right;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin-bottom: 12px;
        position: absolute;
        bottom: 0;
        right: 16px;
    }
    main.basket .basket-sum .coupon-container .coupon-warning-message {
        color: #F44;
        font-family: "Roboto-Light";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        display: flex;
        align-items:center;
        padding-left: 16px;
    }
        main.basket .basket-sum .coupon-container .coupon-warning-message img {
            filter: invert(22%) sepia(89%) saturate(3566%) hue-rotate(0deg) brightness(95%) contrast(98%);
            margin-right:4px;
        }
    main.basket .basket-sum .coupon-container .remove-coupon-btn {
        border: 1px solid #979494;
        border-radius: 8px;
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        color: #979494;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
@media screen and (max-width:1199px) {
    main.basket .basket-sum .coupon-container .user-coupon-swiper.swiper {
        padding: 8px 16px !important;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon {
        margin: 0px 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon .coupon-display {
        margin: 0px;
        padding:12px !important;
    }
    main.basket .basket-sum .coupon-container .coupon-display {
        height: 230px;
        padding:12px;
    }
    main.basket .basket-sum .coupon-container .coupon-header, main.basket .basket-sum .coupon-container .coupon-body button {
        font-size: 14px;
    }
    main.basket .basket-sum .coupon-container .remove-coupon-btn, main.basket .basket-sum .coupon-container .users-coupons-area .coupon-apply,
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p, main.basket .basket-sum .coupon-container .coupon-body input,
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span.coupon-code {
        font-size: 12px;
    }
        main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span {
            font-size: 10px !important;
        }
}

/*Custom Modal Start*/
.modal.custom-modal{
    border-radius:8px;
}

    .modal.custom-modal .modal-content{
        padding: 24px;
        border: none;
    }

    .modal.custom-modal .modal-title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 125.188%;
    }

    .modal.custom-modal .modal-element .close {
        border: none;
        left: auto;
        right: 30px;
        top: 30px;
    }

.modal-backdrop {
    background-color: #1d1d1d !important;
}

    .modal-backdrop.show {
        opacity: 0.87 !important;
    }

@media (max-width:1200px) {
    .modal.custom-modal .modal-content {
        padding: 16px;
    }
}

@media (max-width:768px) {
    .modal.custom-modal .modal-content {
        padding: 12px;
    }
        .modal.custom-modal .modal-title {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
        }
}
/*Custom Modal End*/

/*Stock Modal Start*/
#stockModal .modal-dialog {
    max-width: 950px;
}

.stock-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: #1B1B19;
    font-size: 14px;
}

    .stock-table th,
    .stock-table td {
        max-width: 150px;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        text-align: center;
        padding: 8px !important;
        line-height: 1.2;
    }

    .stock-table thead th {
        font-family: "Roboto-Medium";
        font-weight: 600;
    }

    .stock-table tbody td {
        font-family: "Roboto-Light";
        font-weight: 300;
    }

    .stock-table .product-name {
        text-align: left;
    }

    .stock-table td img {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-left: 4px;
    }

    .stock-table.table-bordered,
    .stock-table.table-bordered td,
    .stock-table.table-bordered th {
        border: 1px solid #1B1B19 !important;
    }

.stock-table-container.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

#stockModal .stock-info-content {
    color: #979797;
    font-family: "Roboto-Light";
    font-size: 14px;
    margin-top:16px;
}

#stockModal .stock-info-content .stock-delivery-times-info {
    margin-bottom:8px;
    align-items: center;
}

#stockModal .stock-info-content img {
    filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(11deg) brightness(93%) contrast(88%);
    margin-right:8px;
}

#stockModal .no-stock-message{
    font-size:14px;
    font-family:"Roboto-Medium";
}

@media (max-width:1200px) {
    #stockModal .stock-table {
        font-size: 12px;
    }

    #stockModal .stock-info-content p {
        font-size: 12px;
    }

    #stockModal .stock-info-content {
        margin-top: 12px;
    }
}
/*Stock Modal End*/
.brandSearch .subMenu {
    margin-top: 0 !important;
}

#paymentForm span.error.uyee {
    width: 100%;
}

.captchaSection span.field-validation-error {
    margin: -10px 0 10px 0 !important;
}

/* product sort override */
.productSort span {
    padding-right: 30px;
    width: 120px;
}

.productSort ul {
    width: 130px;
}

.leftMenuAcc {
    top: inherit !important;
}

.pagerSection .pager ul li {
    float: left;
    margin-right: 5px;
}

.pager ul li a.firstpage {
    background: #d5d4d4 url(/assets/images/pager_first.png) no-repeat center center;
    border-color: #d5d4d4;
    height: 17px;
}

.pager ul li a.lastpage {
    background: #d5d4d4 url(/assets/images/pager_last.png) no-repeat center center;
    border-color: #d5d4d4;
    height: 17px;
}

.pager ul li a.prev {
    height: 17px !important;
}

.pager ul li a.next {
    height: 17px !important;
}

.pager ul li a {
    width: 25px !important;
    font: 12px brandon_medium,Tahoma,Geneva,sans-serif !important;
}

.productList {
    margin-top: 10px !important;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav span {
	width: 36px !important;
	height: 34px !important;
}


.hopiContainer .step2 .field-validation-error {padding-bottom: 4px;}

[class^="cargo-message-"] {
    padding-left: 22px  !important;margin-left: 15px;
    background-size: 16px auto;
    background-repeat:no-repeat;
    background-position:left center;
}
.myOrders .item span small.cargo-message-returned {color: #3b9527;}
.myOrders .item span small.cargo-message-supply_waiting {color: #ff9000;}
.myOrders .item span small.cargo-message-completed {color: #999;}
.myOrders .item span small.cargo-message-cancel_complete {color: #f90f0f;}


.container .article .breadCrumb {}

@media only screen and (max-width: 767px) {
    .orderDetail .detailPart > div {
        float: left;
    }
}

.orderDetail .detailPart .product-info img {
    width: 30%;
}

.ngi-order-item.accordion .orderDetail .detailPart .product-info img {
    width: 25%;
}

.ngi-order-item.accordion .head {
    cursor: default;
}

.ngi-order-item.accordion .item > span.active em {
    display: none;
}

.ngi-order-item.bt.accordion {
    border-top: none;
}

.formTab .selectboxit-container .btn {
    min-width: inherit;
}

.paymentOuter .border.tabs.general > .resp-tabs-list > li:hover {
    background: #f8f8f8 !important;
    color: #777 !important;
    cursor: default;
}

.paymentOuter .tabs.general .resp-tabs-list li:hover::before {
    background-position: inherit;
}

.creditCardSelect.right {
    width: 47.5%;
    margin-bottom: 0;
}

.creditCardSelect.left {
    width: 47.5%;
    margin-bottom: 0;
    margin-right: 8px;
}

.jp-card .jp-card-front .jp-card-lower {
    left: 12% !important;
}

.jp-card-number.jp-card-display {
    font-size: 23px !important;
    margin-bottom: 15px !important;
}

.jp-card-shiny {
    margin-bottom: 25px;
}

.jp-card .jp-card-front div.jp-card-shiny {
    width: 49px !important;
    height: 42px !important;
}

.jp-card-logo {
    margin-top: 10px !important;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
    width: 170px !important;
}

.jp-card-logo.jp-card-visa:before,
.jp-card-logo.jp-card-visa:after,
.jp-card-logo.jp-card-mastercard:before,
.jp-card-logo.jp-card-mastercard:after,
.jp-card-logo.jp-card-amex:before,
.jp-card-logo.jp-card-amex:after {
    background: transparent !important;
}

div.jp-card-logo.jp-card-visa {
    background: url(/assets/images/visa.png) no-repeat center;
    box-shadow: none !important;
    overflow: hidden;
    line-height: 30;
}
div.jp-card-logo.jp-card-mastercard {
    background: url(/assets/images/mastercard.png) no-repeat center;
    box-shadow: none !important;
    overflow: hidden;
    line-height: 30;
}
div.jp-card-logo.jp-card-amex {
    background: url(/assets/images/amex.png) no-repeat center;
    box-shadow: none !important;
    border: none;
    overflow: hidden;
    line-height: 30;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #f8f8f8 !important;
    border: 1px solid #c9c9c9;
}

.jp-card .jp-card-front .jp-card-lower div.jp-card-expiry,
.jp-card .jp-card-front .jp-card-lower div.jp-card-name {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px !important;
}

#productDetail .detailInfo .siteSplashesAjax.size {
    float: right !important;
}

.filterCheckS .row > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.productListPager li {
    margin-right: 15px !important;
}

.alert {
    font-size: 15px;
}

span.field-validation-valid {
    margin: 0 !important;
}

span.field-validation-error span {
    color: #ff5d5d !important;
}

.generalSplash.resp-tab-content {
    float: none;
}

span.success {
    color: #4dbcb3 !important;
    font-size: 14px !important;
    font-family: 'Roboto-Medium', sans-serif;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tabs.general ul.resp-tabs-list.mainTab > li.resp-tab-active a {color:#fff !important;}
.generalForm .row input[type="password"], .generalForm .row input[type="email"] {
    height: 40px;
    width: 100%;
    font-family: 'Roboto-Medium', sans-serif;
    padding-left: 15px;
    font-size: 16px;
    color: #000;
    border: 1px solid #ccc;
    background: #f8f8f8;
    outline: 0;
}
ul.ngi-self-nav-tab li a {
    display: block;
    font-family: 'Roboto-Medium', sans-serif;
    color: #777;
    font-size: 16px;
}
.leftContent ul > li ul li a.active, .leftContent ul > li > ul > li a:hover, .leftMenuContent ul > li ul li a.active, .leftMenuContent ul > li > ul > li a:hover {
    border: 0 !important;
    color: #1c1c1c !important;
}
.personalInfoContent .adressItem {
    width: 100%;
    float: left;
    min-height: 200px;
}

.eraseAddressModal {
    max-width: 400px;
}

.pTotalPrice span {
    display: block;
}

.pTotalPrice span.exPrice {
    text-decoration:line-through;
}

.punitPrice span {
    display: block;
}

.punitPrice span.exPrice {
    text-decoration:line-through;
}

span.orderCancelled{position:absolute;top:50%;right:15px;display:block;height:9px;margin-top:-7px;color:#1c1c1c;font-size:15px;line-height:8px;padding-left:17px;z-index:9999;}

.icons ul li a.detailFv.thisFv {
    background-position:right bottom;
}

.basketLeft .pdescription .basketFavoriteButton.thisFv {
    background-position: bottom;
}

.favorites .listItem .qlAndFavorite {
    display: none !important;
}

.favorites .listItem .choice {
    display: block !important;
    z-index: 96;
}

.loading-container {
    display: none;
}

#productList .loading-container,
#productDetail .loading-container {
    display: block;
}

.productPageCarousels {height:auto;}
.productPageCarousels > .carouselItem{position:static;}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

header #topmenu .topmenu .menu-section.banner {
    display: none;
    right: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 84%;
    bottom: 0;
    margin-left: 0;
    /*height: 100%;*/
    height:auto;
}
    header #topmenu .topmenu .menu-section.banner img {
        height: 100%;
        /*width: 100%;*/
        float: right;
    }
header #topmenu .topmenu .menu-section.banner.active {
    display: block;
}


/* Overwrite main.css */
#footer-subscription .field-validation-error,
#footer-subscription .js-newsletter-info {
    position: absolute;
    bottom: -25px;
    left: 0;
}

.errorwrap {
    font-size: 0.93333333rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .11em;
    color: #ff4546;
    margin-bottom: 20px;
}

.wrap span.field-validation-error,
.inputwrap span.field-validation-error,
.checkwrap span.field-validation-error {
    position: absolute;
    font-size: 0.93333333rem;
    right: 0;
    bottom: -1.25rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .11em;
    color: #ff4546;
}

.radiowrap.inverted + span.field-validation-error {
    bottom: -2.2rem;
}

.checkwrap span.field-validation-error {
    right: auto;
    left: 30px;
}

.inputwrap input.input-validation-error,
.inputwrap select.input-validation-error,
.inputwrap textarea.input-validation-error,
.inputwrap .selectbox.input-validation-error,
.inputwrap .selectboxit-btn.input-validation-error,
.input-group .input-validation-error {
    border: 1px solid #ff4546;
}

.title.link {
    cursor: pointer;
}

section.product-info .product-details .details-options .color-list .color a, 
main.product-info .product-details .details-options .color-list .color a {
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: top 150ms ease, bottom 150ms ease;
    transition: top 150ms ease, bottom 150ms ease;
}

.alert {
    font-size:12px;
    line-height:1.3;
}
.alert-success {
    color:#4FA026;
    font-weight:600;
}
.alert-error, .alert-danger {
    color:#ff4546;
}
.alert-warning {
    color:#cbda00;
}
.alert-info {
    color:#24a2ef;
}

.hidden {
    display: none;
}

.w-100 {
    width: 100% !important;
}
/* GENERAL */
.cs-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .cs-container {
        width: 750px
    }
}

@media (min-width:992px) {
    .cs-container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .cs-container {
        width: 1170px
    }
}

.cs-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.cs-row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
}

.cs-col-lg-1, .cs-col-lg-10, .cs-col-lg-11, .cs-col-lg-12, .cs-col-lg-2, .cs-col-lg-3, .cs-col-lg-4, .cs-col-lg-5, .cs-col-lg-6, .cs-col-lg-7, .cs-col-lg-8, .cs-col-lg-9, .cs-col-md-1, .cs-col-md-10, .cs-col-md-11, .cs-col-md-12, .cs-col-md-2, .cs-col-md-3, .cs-col-md-4, .cs-col-md-5, .cs-col-md-6, .cs-col-md-7, .cs-col-md-8, .cs-col-md-9, .cs-col-sm-1, .cs-col-sm-10, .cs-col-sm-11, .cs-col-sm-12, .cs-col-sm-2, .cs-col-sm-3, .cs-col-sm-4, .cs-col-sm-5, .cs-col-sm-6, .cs-col-sm-7, .cs-col-sm-8, .cs-col-sm-9, .cs-col-xs-1, .cs-col-xs-10, .cs-col-xs-11, .cs-col-xs-12, .cs-col-xs-2, .cs-col-xs-3, .cs-col-xs-4, .cs-col-xs-5, .cs-col-xs-6, .cs-col-xs-7, .cs-col-xs-8, .cs-col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.cs-col-xs-1, .cs-col-xs-10, .cs-col-xs-11, .cs-col-xs-12, .cs-col-xs-2, .cs-col-xs-3, .cs-col-xs-4, .cs-col-xs-5, .cs-col-xs-6, .cs-col-xs-7, .cs-col-xs-8, .cs-col-xs-9 {
    float: left
}

.cs-col-xs-12 {
    width: 100%
}

.cs-col-xs-11 {
    width: 91.66666667%
}

.cs-col-xs-10 {
    width: 83.33333333%
}

.cs-col-xs-9 {
    width: 75%
}

.cs-col-xs-8 {
    width: 66.66666667%
}

.cs-col-xs-7 {
    width: 58.33333333%
}

.cs-col-xs-6 {
    width: 50%
}

.cs-col-xs-5 {
    width: 41.66666667%
}

.cs-col-xs-4 {
    width: 33.33333333%
}

.cs-col-xs-3 {
    width: 25%
}

.cs-col-xs-2 {
    width: 16.66666667%
}

.cs-col-xs-1 {
    width: 8.33333333%
}

.cs-col-xs-pull-12 {
    right: 100%
}

.cs-col-xs-pull-11 {
    right: 91.66666667%
}

.cs-col-xs-pull-10 {
    right: 83.33333333%
}

.cs-col-xs-pull-9 {
    right: 75%
}

.cs-col-xs-pull-8 {
    right: 66.66666667%
}

.cs-col-xs-pull-7 {
    right: 58.33333333%
}

.cs-col-xs-pull-6 {
    right: 50%
}

.cs-col-xs-pull-5 {
    right: 41.66666667%
}

.cs-col-xs-pull-4 {
    right: 33.33333333%
}

.cs-col-xs-pull-3 {
    right: 25%
}

.cs-col-xs-pull-2 {
    right: 16.66666667%
}

.cs-col-xs-pull-1 {
    right: 8.33333333%
}

.cs-col-xs-pull-0 {
    right: auto
}

.cs-col-xs-push-12 {
    left: 100%
}

.cs-col-xs-push-11 {
    left: 91.66666667%
}

.cs-col-xs-push-10 {
    left: 83.33333333%
}

.cs-col-xs-push-9 {
    left: 75%
}

.cs-col-xs-push-8 {
    left: 66.66666667%
}

.cs-col-xs-push-7 {
    left: 58.33333333%
}

.cs-col-xs-push-6 {
    left: 50%
}

.cs-col-xs-push-5 {
    left: 41.66666667%
}

.cs-col-xs-push-4 {
    left: 33.33333333%
}

.cs-col-xs-push-3 {
    left: 25%
}

.cs-col-xs-push-2 {
    left: 16.66666667%
}

.cs-col-xs-push-1 {
    left: 8.33333333%
}

.cs-col-xs-push-0 {
    left: auto
}

.cs-col-xs-offset-12 {
    margin-left: 100%
}

.cs-col-xs-offset-11 {
    margin-left: 91.66666667%
}

.cs-col-xs-offset-10 {
    margin-left: 83.33333333%
}

.cs-col-xs-offset-9 {
    margin-left: 75%
}

.cs-col-xs-offset-8 {
    margin-left: 66.6666667%
}

.cs-col-xs-offset-7 {
    margin-left: 58.33333333%
}

.cs-col-xs-offset-6 {
    margin-left: 50%
}

.cs-col-xs-offset-5 {
    margin-left: 41.6666667%
}

.cs-col-xs-offset-4 {
    margin-left: 33.33333333%
}

.cs-col-xs-offset-3 {
    margin-left: 25%
}

.cs-col-xs-offset-2 {
    margin-left: 16.66666667%
}

.cs-col-xs-offset-1 {
    margin-left: 8.33333333%
}

.cs-col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .cs-col-sm-1, .cs-col-sm-10, .cs-col-sm-11, .cs-col-sm-12, .cs-col-sm-2, .cs-col-sm-3, .cs-col-sm-4, .cs-col-sm-5, .cs-col-sm-6, .cs-col-sm-7, .cs-col-sm-8, .cs-col-sm-9 {
        float: left
    }

    .cs-col-sm-12 {
        width: 100%
    }

    .cs-col-sm-11 {
        width: 91.66666667%
    }

    .cs-col-sm-10 {
        width: 83.33333333%
    }

    .cs-col-sm-9 {
        width: 75%
    }

    .cs-col-sm-8 {
        width: 66.66666667%
    }

    .cs-col-sm-7 {
        width: 58.33333333%
    }

    .cs-col-sm-6 {
        width: 50%
    }

    .cs-col-sm-5 {
        width: 41.66666667%
    }

    .cs-col-sm-4 {
        width: 33.33333333%
    }

    .cs-col-sm-3 {
        width: 25%
    }

    .cs-col-sm-2 {
        width: 16.66666667%
    }

    .cs-col-sm-1 {
        width: 8.33333333%
    }

    .cs-col-sm-pull-12 {
        right: 100%
    }

    .cs-col-sm-pull-11 {
        right: 91.66666667%
    }

    .cs-col-sm-pull-10 {
        right: 83.33333333%
    }

    .cs-col-sm-pull-9 {
        right: 75%
    }

    .cs-col-sm-pull-8 {
        right: 66.66666667%
    }

    .cs-col-sm-pull-7 {
        right: 58.33333333%
    }

    .cs-col-sm-pull-6 {
        right: 50%
    }

    .cs-col-sm-pull-5 {
        right: 41.66666667%
    }

    .cs-col-sm-pull-4 {
        right: 33.33333333%
    }

    .cs-col-sm-pull-3 {
        right: 25%
    }

    .cs-col-sm-pull-2 {
        right: 16.66666667%
    }

    .cs-col-sm-pull-1 {
        right: 8.33333333%
    }

    .cs-col-sm-pull-0 {
        right: auto
    }

    .cs-col-sm-push-12 {
        left: 100%
    }

    .cs-col-sm-push-11 {
        left: 91.66666667%
    }

    .cs-col-sm-push-10 {
        left: 83.33333333%
    }

    .cs-col-sm-push-9 {
        left: 75%
    }

    .cs-col-sm-push-8 {
        left: 66.66666667%
    }

    .cs-col-sm-push-7 {
        left: 58.33333333%
    }

    .cs-col-sm-push-6 {
        left: 50%
    }

    .cs-col-sm-push-5 {
        left: 41.66666667%
    }

    .cs-col-sm-push-4 {
        left: 33.33333333%
    }

    .cs-col-sm-push-3 {
        left: 25%
    }

    .cs-col-sm-push-2 {
        left: 16.66666667%
    }

    .cs-col-sm-push-1 {
        left: 8.33333333%
    }

    .cs-col-sm-push-0 {
        left: auto
    }

    .cs-col-sm-offset-12 {
        margin-left: 100%
    }

    .cs-col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-sm-offset-9 {
        margin-left: 75%
    }

    .cs-col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-sm-offset-6 {
        margin-left: 50%
    }

    .cs-col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-sm-offset-3 {
        margin-left: 25%
    }

    .cs-col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .cs-col-md-1, .cs-col-md-10, .cs-col-md-11, .cs-col-md-12, .cs-col-md-2, .cs-col-md-3, .cs-col-md-4, .cs-col-md-5, .cs-col-md-6, .cs-col-md-7, .cs-col-md-8, .cs-col-md-9 {
        float: left
    }

    .cs-col-md-12 {
        width: 100%
    }

    .cs-col-md-11 {
        width: 91.66666667%
    }

    .cs-col-md-10 {
        width: 83.33333333%
    }

    .cs-col-md-9 {
        width: 75%
    }

    .cs-col-md-8 {
        width: 66.66666667%
    }

    .cs-col-md-7 {
        width: 58.33333333%
    }

    .cs-col-md-6 {
        width: 50%
    }

    .cs-col-md-5 {
        width: 41.66666667%
    }

    .cs-col-md-4 {
        width: 33.33333333%
    }

    .cs-col-md-3 {
        width: 25%
    }

    .cs-col-md-2 {
        width: 16.66666667%
    }

    .cs-col-md-1 {
        width: 8.33333333%
    }

    .cs-col-md-pull-12 {
        right: 100%
    }

    .cs-col-md-pull-11 {
        right: 91.66666667%
    }

    .cs-col-md-pull-10 {
        right: 83.33333333%
    }

    .cs-col-md-pull-9 {
        right: 75%
    }

    .cs-col-md-pull-8 {
        right: 66.66666667%
    }

    .cs-col-md-pull-7 {
        right: 58.33333333%
    }

    .cs-col-md-pull-6 {
        right: 50%
    }

    .cs-col-md-pull-5 {
        right: 41.66666667%
    }

    .cs-col-md-pull-4 {
        right: 33.33333333%
    }

    .cs-col-md-pull-3 {
        right: 25%
    }

    .cs-col-md-pull-2 {
        right: 16.66666667%
    }

    .cs-col-md-pull-1 {
        right: 8.33333333%
    }

    .cs-col-md-pull-0 {
        right: auto
    }

    .cs-col-md-push-12 {
        left: 100%
    }

    .cs-col-md-push-11 {
        left: 91.66666667%
    }

    .cs-col-md-push-10 {
        left: 83.33333333%
    }

    .cs-col-md-push-9 {
        left: 75%
    }

    .cs-col-md-push-8 {
        left: 66.66666667%
    }

    .cs-col-md-push-7 {
        left: 58.33333333%
    }

    .cs-col-md-push-6 {
        left: 50%
    }

    .cs-col-md-push-5 {
        left: 41.66666667%
    }

    .cs-col-md-push-4 {
        left: 33.33333333%
    }

    .cs-col-md-push-3 {
        left: 25%
    }

    .cs-col-md-push-2 {
        left: 16.66666667%
    }

    .cs-col-md-push-1 {
        left: 8.33333333%
    }

    .cs-col-md-push-0 {
        left: auto
    }

    .cs-col-md-offset-12 {
        margin-left: 100%
    }

    .cs-col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-md-offset-9 {
        margin-left: 75%
    }

    .cs-col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-md-offset-6 {
        margin-left: 50%
    }

    .cs-col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-md-offset-3 {
        margin-left: 25%
    }

    .cs-col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .cs-col-lg-1, .cs-col-lg-10, .cs-col-lg-11, .cs-col-lg-12, .cs-col-lg-2, .cs-col-lg-3, .cs-col-lg-4, .cs-col-lg-5, .cs-col-lg-6, .cs-col-lg-7, .cs-col-lg-8, .cs-col-lg-9 {
        float: left
    }

    .cs-col-lg-12 {
        width: 100%
    }

    .cs-col-lg-11 {
        width: 91.66666667%
    }

    .cs-col-lg-10 {
        width: 83.33333333%
    }

    .cs-col-lg-9 {
        width: 75%
    }

    .cs-col-lg-8 {
        width: 66.66666667%
    }

    .cs-col-lg-7 {
        width: 58.33333333%
    }

    .cs-col-lg-6 {
        width: 50%
    }

    .cs-col-lg-5 {
        width: 41.66666667%
    }

    .cs-col-lg-4 {
        width: 33.33333333%
    }

    .cs-col-lg-3 {
        width: 25%
    }

    .cs-col-lg-2 {
        width: 16.66666667%
    }

    .cs-col-lg-1 {
        width: 8.33333333%
    }

    .cs-col-lg-pull-12 {
        right: 100%
    }

    .cs-col-lg-pull-11 {
        right: 91.66666667%
    }

    .cs-col-lg-pull-10 {
        right: 83.33333333%
    }

    .cs-col-lg-pull-9 {
        right: 75%
    }

    .cs-col-lg-pull-8 {
        right: 66.66666667%
    }

    .cs-col-lg-pull-7 {
        right: 58.33333333%
    }

    .cs-col-lg-pull-6 {
        right: 50%
    }

    .cs-col-lg-pull-5 {
        right: 41.66666667%
    }

    .cs-col-lg-pull-4 {
        right: 33.33333333%
    }

    .cs-col-lg-pull-3 {
        right: 25%
    }

    .cs-col-lg-pull-2 {
        right: 16.66666667%
    }

    .cs-col-lg-pull-1 {
        right: 8.33333333%
    }

    .cs-col-lg-pull-0 {
        right: auto
    }

    .cs-col-lg-push-12 {
        left: 100%
    }

    .cs-col-lg-push-11 {
        left: 91.66666667%
    }

    .cs-col-lg-push-10 {
        left: 83.33333333%
    }

    .cs-col-lg-push-9 {
        left: 75%
    }

    .cs-col-lg-push-8 {
        left: 66.66666667%
    }

    .cs-col-lg-push-7 {
        left: 58.33333333%
    }

    .cs-col-lg-push-6 {
        left: 50%
    }

    .cs-col-lg-push-5 {
        left: 41.66666667%
    }

    .cs-col-lg-push-4 {
        left: 33.33333333%
    }

    .cs-col-lg-push-3 {
        left: 25%
    }

    .cs-col-lg-push-2 {
        left: 16.66666667%
    }

    .cs-col-lg-push-1 {
        left: 8.33333333%
    }

    .cs-col-lg-push-0 {
        left: auto
    }

    .cs-col-lg-offset-12 {
        margin-left: 100%
    }

    .cs-col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-lg-offset-9 {
        margin-left: 75%
    }

    .cs-col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-lg-offset-6 {
        margin-left: 50%
    }

    .cs-col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-lg-offset-3 {
        margin-left: 25%
    }

    .cs-col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-lg-offset-0 {
        margin-left: 0
    }
}

.cs-row div[class^="cs-col-"] {
    margin-top: 0px;
    margin-bottom: 0.83333333rem;
}

.cs-contentjustify {
    text-align: justify !important;
}

.cs-contentleft {
    text-align: left !important;
}

.cs-contentright {
    text-align: right !important;
}

.cs-contentdottedunderline {
    border-bottom: 1px dotted #e4e4e4;
}

aside.basket-sum .accordion-content /* p.alert.red */ {
    text-align: center;
}

aside.basket-sum .inputwrap /* p.alert.red */ {
    text-align: center;
}

aside.basket-sum .accordion-content /* p.alert-succes */ {
}

    aside.basket-sum .accordion-content p.alert-succes {
        background-color: #dff0d8;
        font-weight: 500;
        color: #3c763d;
        border: 1px solid #d6e9c6;
        padding-top: 9px;
        padding-bottom: 7px !important;
        font-size: 14px;
    }

aside.basket-sum .inputwrap div.alert.red {
    background-color: #f2dede;
    font-weight: 500;
    color: #a94442;
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 9px;
    border: 1px solid #ebccd1;
}

aside.basket-sum .accordion-content p.alert.red {
    background-color: #f2dede;
    font-weight: 500;
    color: #a94442;
    font-size: 14px;
    padding-top: 11px;
    border: 1px solid #ebccd1;
    margin-bottom: 0 !important;
}

/* FOOTER */
footer {
    padding-top: 0;
}

    footer .footer-menu .footer-group.cs-footergroup {
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer .footer-menu .cs-footer-doublerow, footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-content .cs-footer-doublerow {
        line-height: 1.8rem;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    footer .footer-menu .footer-group.cs-footergroup A:hover, footer .footer-menu .footer-group.cs-footergroup A:focus {
        border-bottom: 1px solid #000;
        color: #000;
    }

    footer .cs-footertooltips {
        display: none;
    }

    footer #footer-specs .spec.cs-tooltip * {
        cursor: pointer;
    }

/* PLAIN CONTENT */
section.listing .listing-main.cs-plaincontent {
    width: 100%;
    padding-bottom: 0;
}

.textfield .light.cs-plaincontentmaintitle {
    color: #b09c6a;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
    letter-spacing: .05em;
}

.textfield.wide.cs-fullwidthcontent {
    width: 100%;
}

    .textfield.wide.cs-fullwidthcontent p.cs-plaincontenttitle {
        font-weight: 600;
        color: #000;
    }

section.listing .listing-main.cs-plaincontent p span.cs-inlinestrong {
    font-weight: 600;
}

/* HELP PAGE */
.textfield .subtitle.spaced.cs-helptitle {
    line-height: 25px;
    letter-spacing: 0.05em;
    font-size: 1.975rem;
    color: #b09c6a;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
}

a.cs-helpoption {
    font-size: 1.26rem;
    color: #000;
    display: table;
}

    a.cs-helpoption:hover, a.cs-helpoption:focus {
        border-bottom: 1px solid #000;
    }

section.listing .listing-filters .filterlist .group.cs-filtergroup {
    letter-spacing: 0em;
}

a.cs-helpgrouptitle {
    font-size: 17px;
}

.accordion-default .accordion-element .accordion-button.cs-accordionbutton {
    letter-spacing: 0;
    font-weight: 500;
    font-size: 1.26rem;
}

.cs-accordioncontent .cs-satissozlesmesiliste {
    list-style-type: circle;
    padding-left: 16px;
}

/* MAIN MENU & HEADER */
#mobilemenu #mobilemenu-content {
    background: rgba(255, 255, 255, 1.0);
}

header #header-content {
    position: fixed;
    width: 100%;
    top: 39px;
    border-bottom: 1px solid #ccc;
}

.cs-mainmenusel {
    color: #f00;
}


    input#category_code + div.mini-proje-content {
        padding-top: 0;
    }

#paymentPage header #header-content {
    position: static;
}

    #paymentPage header #header-content > .wrapper {
        height: 85px;
    }

#paymentPage input#category_code + div {
    padding-top: 0;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col.cs-section-col-1 {
    width: 100% !important;
}

header #topmenu .topmenu .menu-section.topmenu-section.cs-section-2788 {
    width: 15% !important;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col .group h3 a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col .group ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/* MAIN PAGE : CAMPAIGNS */
/* Campaign-I CSS
	.cs-buttonimgoverlay { position:absolute; width:100%; height:100%; cursor:pointer; }
	.cs-outerwrap a.cs-campaignimgcon { position:relative; }
	.cs-outerwrap a.cs-campaignimgcon::before { position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg); }
	.cs-outerwrap a.cs-campaignimgcon:hover::before { -webkit-animation:shine .75s; animation:shine .75s; }
	@-webkit-keyframes shine { 100% { left:125%; } }
	@keyframes shine { 100% { left:125%; } }
	*/

/* SMOKIN CONTENT */
section .section-title.cs-HomeSpecial-SmokinMainTitle {
    padding: 1rem 0 1rem 0;
    font-size: 3.1rem;
    color: #b09c6a;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
}

section .section-title.cs-HomeSpecial-SmokinSubTitle {
    padding: 1rem 0 3rem 0;
    font-size: 1.5rem;
    color: #666;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
}

    section .section-title.cs-HomeSpecial-SmokinSubTitle span::before, section .section-title.cs-HomeSpecial-SmokinSubTitle span::after {
        height: 0;
    }

.outerwrap .innerwrap.cs-HomeSpecial-SmokinBanner {
    position: relative;
}

.cs-buttonimgoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cs-outerwrap a.cs-campaignimgcon {
    position: static;
}

    .cs-outerwrap a.cs-campaignimgcon::before {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .cs-outerwrap a.cs-campaignimgcon:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.cs-row.cs-HomeSpecial-SmokinR2 {
    padding-top: 20px;
}

.cs-HomeSpecial-SmokinListingMini {
    text-align: center;
}

.cs-row.cs-HomeSpecial-SmokinR1, .cs-row.cs-HomeSpecial-SmokinR2 {
    max-width: 91%;
    margin: 0 auto;
}

.textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
    text-align: center;
    font-size: 4.1rem;
    font-family: 'Roboto-Medium', sans-serif;
    padding-bottom: 35px;
    padding-top: 20px;
    font-weight: 700;
}

.textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
    border-bottom: 0;
    text-align: center;
    color: #666;
}

/* BABALAR CONTENT */
section .section-title.cs-HomeSpecial-BabalarMainTitle {
    padding: 1rem 0 1rem 0;
    font-size: 3.1rem;
    color: #b09c6a;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
}

section .section-title.cs-HomeSpecial-BabalarSubTitle {
    padding: 1rem 0 3rem 0;
    font-size: 1.5rem;
    color: #666;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
}

    section .section-title.cs-HomeSpecial-BabalarSubTitle span::before, section .section-title.cs-HomeSpecial-BabalarSubTitle span::after {
        height: 0;
    }

.outerwrap .innerwrap.cs-HomeSpecial-BabalarBanner {
    position: relative;
}

.cs-buttonimgoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cs-outerwrap a.cs-campaignimgcon {
    position: static;
}

    .cs-outerwrap a.cs-campaignimgcon::before {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .cs-outerwrap a.cs-campaignimgcon:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.cs-row.cs-HomeSpecial-BabalarR2 {
    padding-top: 20px;
}

.cs-HomeSpecial-BabalarListingMini {
    text-align: center;
}

.cs-row.cs-HomeSpecial-BabalarR1, .cs-row.cs-HomeSpecial-BabalarR2 {
    max-width: 91%;
    margin: 0 auto;
}

.textfield .light.cs-plaincontentmaintitle.cs-Babalarcontenttitle {
    text-align: center;
    font-size: 4.1rem;
    font-family: 'Roboto-Medium', sans-serif;
    padding-bottom: 35px;
    padding-top: 20px;
    font-weight: 700;
}

.textfield .light.cs-plaincontentmaintitle.cs-Babalarsubtitle {
    border-bottom: 0;
    text-align: center;
    color: #666;
}


/* MAIN PAGE : COLLECTION
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description { color:#000; }
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description { color:#000; }
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description .btn.hollow { color:#000; border-color:#000; }
	 */

/* CATEGORY LANDING */
.cs-katlandinglist {
    padding-top: 20px;
}

    .cs-katlandinglist .section-description {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 1.80833333rem;
        line-height: 2.5rem;
    }

        .cs-katlandinglist .section-description .caption {
            font-size: 1.3rem;
            text-align: center;
            line-height: 1.6rem;
            padding-top: 8px;
        }

        .cs-katlandinglist .section-description .head {
            font-size: 2.3rem;
            text-align: center;
            padding-bottom: 10px;
        }

            .cs-katlandinglist .section-description .head strong {
                font-size: 3.1rem;
            }

/* CATEGORY LISTING */
.textfield.cs-catfooterdesc {
    width: 700px;
}

    .textfield.cs-catfooterdesc .midititle.cs-catfootertitle {
        font-size: 1.6rem;
    }

section.listing .listing-list li .product-image .product-controls .control, main.listing .listing-list li .product-image .product-controls .control {
    padding: 0.5rem 0 0.5rem 0;
}

.checkwrap.cs-hover label::before {
    opacity: 1;
}

.checkwrap.inherit.cs-hover label {
    color: #000;
}

#leftCategoryFilter a:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

body#productList .checkwrap input {
    width: 2.5rem;
    height: 2.5rem;
}

body#productList .product .description .thintitle {
    font-size: 0.85rem;
    letter-spacing: 0.11rem;
    font-weight: 500;
}

body#home {
    background-image: none;
}

body#productList.threeItem {
    background-image: none;
}

body#productDetail {
    background-image: none;
}

body {
    background-image: none;
}

/* PAYMENT PAGE */
section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description.cs-bkmexpress, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description.cs-bkmexpress {
    padding-left: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options img.cs-bkmexpresslogo, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options img.cs-bkmexpresslogo {
    padding-top: 15px;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url {
    margin-top: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices.cs-transnotice, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices.cs-transnotice {
    display: inline-block;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title.cs-transtitle, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title.cs-transtitle {
    border: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options div.cs-transyapikredi, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options div.cs-transyapikredi {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    display: flex;
    margin: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .cs-transdetail, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .cs-transdetail {
    font-size: 1.2rem;
    line-height: 20px;
}

/* PRODUCT PAGE */
section.product-info .product-details .details-specs .accordion-element .accordion-content span.cs-urunakkorstrong, main.product-info .product-details .details-specs .accordion-element .accordion-content span.cs-urunakkorstrong {
    font-weight: 600;
}

.modal.sizechart.show .modal-element .modal-content .sizechart-notes.cs-sizechartnotes {
    margin-top: 1rem;
}

.listing-mini.highlow .listing-wrapper .listing-element.cs-prodcomp {
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap a.cs-prodcomplink {
    position: relative;
    left: auto;
    color: #fff;
    border-color: #fff;
    margin-top: 10px;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent, .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
    background: rgba(0,0,0,0.5);
    color: #fff;
    bottom: auto;
    top: calc(5%);
    padding: 10px;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent {
    left: 0;
    font-size: 1.7rem;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
    right: 0;
    font-size: 1.7rem;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-prodcompcontent .bigger {
    font-size: 1.3em;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .background {
    height: auto;
}

/* TOOLTIP */
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .tooltipster-fade.tooltipster-show {
        opacity: 1
    }

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

    .tooltipster-grow.tooltipster-show {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
    }

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform
}

    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,1);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        -moz-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        -o-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        transition-timing-function: cubic-bezier(.23,.635,.495,2.4)
    }

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-fall.tooltipster-initial {
        top: 0 !important
    }

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0
    }

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-slide.tooltipster-initial {
        left: -40px !important
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0
    }

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #666
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ededed;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ededed;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ededed;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ededed;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
    left: -9px
}

/* LOOKBOOK */
section.lookbook-head .head-title, main.lookbook-head .head-title.cs-LBheadtitle {
    background: #f5f5f5;
    border: 0;
}

section.lookbook-listing .textfield.cs-fullwidthcontent {
    width: 100%;
}

.cs-lookbooktitle h4 {
    font-weight: 600;
    font-size: 1.975rem;
    line-height: 2.75rem;
}

.cs-lookbooktitle, .cs-lookbookdesc {
    text-align: center;
}

.cs-lookbookdesc {
    font-size: 1.225rem;
    line-height: 1.875rem;
}

/* BASKET */
/*
	section.basket .basket-content #basket-list .row .column.product .product-quantity, main.basket .basket-content #basket-list .row .column.product .product-quantity { margin-left:31px; }
	.numberbox.sided .numberbox-button.number-decrease { left:-32px; }
	.numberbox.sided .numberbox-button.number-increase { left:31px; }
	*/
/*.column.product .description .numberbox.product-quantity {
    position: relative;
    margin-left: 32px;
}*/

/*.column.product .description .numberbox.product-quantity button.number-increase {
        position: absolute;
        width: 32px;
        height: 32px;
        left: 31px;
    }*/

.column.product .description .numberbox.product-quantity button.number-decrease {
    /*position: absolute;
        width: 32px;
        height: 32px;*/
    left: -1px;
}

/* CAMPAIGN PAGE */
.cs-row.cs-campaign {
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    position: relative;
    margin: 0;
    margin-top: 10px;
}

    .cs-row.cs-campaign p {
        font-size: 1.1rem;
    }

        .cs-row.cs-campaign p a.btn {
            font-size: 1rem;
            letter-spacing: 1px;
            font-weight: 600;
            padding: 8px 0 5px 0;
        }

    .cs-row.cs-campaign div {
        padding-bottom: 10px;
    }

        .cs-row.cs-campaign div.cs-col-md-4 {
            padding-left: 0;
            padding-right: 0;
        }

/* PIN COLORS */
.pinbox .pin.cs-BColorGold::before {
    background-color: #b09c6a;
}

/* MAIN SLIDER */
section#mainslider .owl-nav {
    position: absolute;
    top: 20%;
    width: 100%;
}

    section#mainslider .owl-nav .owl-prev {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/old-store/https:/statics.efor.com.tr/contents/images/slider-prev.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        left: 9%;
    }

    section#mainslider .owl-nav .owl-next {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/old-store/https:/statics.efor.com.tr/contents/images/slider-next.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        right: 9%;
    }

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    background: #eee;
    opacity: 0.5;
}

    .owl-carousel .owl-nav [class*='owl-']:hover {
        background: #eee;
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }

section#mainslider .owl-dots {
    display: none;
}

/* TOP BANNER */
.cs-SiteTopBanner {
    height: 60px;
    width: 100%;
    background-color: #efb303;
    color: #000000;
    text-align: center;
    font-size: 28px;
    padding-top: 20px;
    letter-spacing: 2px;
}

    .cs-SiteTopBanner span {
        font-weight: bold;
    }

/*.owl-stage-outer {
    padding-top: 35px;
}*/

/*.breadcrumb {
    padding-top: 35px;
}*/

header #topmenu {
    top: 147px;
}

    header #topmenu #collection {
        top: 19px !important;
    }

#checkout .cs-SiteTopBanner {
    font-size: 28px;
}




/* HOPI */
main#checkout #checkout-opts .checkout-opt.checkout-final .final-details.cs-hopicontainer {
    position: relative;
    overflow: hidden;
}

.cs-hopicontainer .cs-hopiball {
    position: absolute;
}

    .cs-hopicontainer .cs-hopiball.cs-ball1green {
        top: -50px;
        left: -50px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball2pink {
        top: -18px;
        left: 50%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball3blue {
        top: -50px;
        right: -50px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        bottom: -90px;
        left: 35%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        bottom: 10%;
        left: -18px;
    }

.cs-hopicontainer .cs-img-center {
    margin: 0 auto;
}

.cs-hopicontainer {
    background: transparent url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/hopiac.png) no-repeat left bottom;
}

    .cs-hopicontainer .cs-hopicampaign IMG {
        padding-top: 15px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodetitle P {
        font-size: 18px;
        font-weight: 600;
        color: #f18602;
        text-align: center;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodecode P {
        background-color: #f18602;
        color: #fff;
        padding: 12px;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background: #019fde url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/downloadicon.jpg) no-repeat 91% center;
        color: #fff;
        padding: 14px 32px 10px 0px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-top: 26px;
        display: block;
    }

    .cs-hopicontainer .cs-hopinote P {
        text-align: center;
    }


/* KURUMSAL SATIŞ */
.contact .left-side.cs-left-side {
    width: 40%;
    padding-right: 25px;
}

.contact .right-side.cs-right-side {
    width: 60%;
}

.textfield .description.cs-description * {
    font-size: 1.2rem;
}

main .content-form .wrap.cs-send-button {
    margin-top: 50px;
}

.wrapper.cs-kurumsalsatisbanner {
    padding-bottom: 30px;
}

/* COMODO */
footer #footer-payment .opt.comodologo img {
    height: 55px;
}

.listing-mini.triple-center .listing-wrapper .listing-element .section-description p.head strong {
    font-size: 2.5rem;
}

/* Very Large desktop */
@media (min-width: 1200px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 70px;
    }
}

/* Large desktop */
@media (min-width: 1100px) and (max-width: 1200px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
}

@media (min-width: 990px) and (max-width: 1099px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
}

@media (min-width: 980px) and (max-width: 989px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 22px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /* FOOTER */
    footer .footer-menu .footer-social .icon.cs-footericon {
        margin-right: 1.2rem;
    }
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 17px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background-image: none;
        padding: 14px 0px 10px 0px;
    }

    .cs-hopicontainer {
        background-position-x: -7%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* LOOKBOOK */
    .cs-lookbookdesc {
        font-size: 1.01666667rem;
        line-height: 1.16666667rem;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 16px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopiball.cs-ball2pink {
        top: -25px;
        left: 60%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: 65%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        left: -25px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: auto;
        bottom: -60px;
        right: -50px;
    }

    .cs-hopicontent .cs-hopisplash {
        display: none;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background: #019fde url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/downloadicon.jpg) no-repeat 88% center;
        color: #fff;
        padding: 14px 32px 10px 0px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-top: 26px;
        display: block;
    }

    .cs-hopicontainer .cs-hopinote P {
        padding: 0 100px;
    }

    .cs-hopicontainer {
        background-image: none;
    }
}

@media (max-width: 640px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* SMOKIN CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
        font-size: 1.4rem;
    }
    /* BABALAR CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-babalarcontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-babalarsubtitle {
        font-size: 1.4rem;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 16px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 14px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopinote P {
        padding: 0 50px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 85px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* PRODUCT PAGE */
    .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent {
        font-size: 1.3rem;
    }

    .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
        font-size: 1.3rem;
    }
    /* SMOKIN CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
        font-size: 2.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
        font-size: 1.4rem;
    }
    /* BABALAR CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-babalarcontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-babalarsubtitle {
        font-size: 1.4rem;
    }
    /* CAMPAIGN LABEL */
    section.listing .listing-list.triple li .ribbon img, main.listing .listing-list.triple li .ribbon img {
        left: 20%;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopiball.cs-ball1green {
        top: -60px;
        left: -60px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball3blue {
        top: -60px;
        right: -60px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: auto;
        bottom: -80px;
        right: -70px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        bottom: -20px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background-image: none;
        padding: 12px 0px 9px 0px;
        margin-top: 23px;
    }

    .cs-hopicontainer .cs-hopinote P {
        padding: 0 20px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodetitle P {
        font-size: 15px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodecode P {
        font-size: 19px;
    }
}

@media (max-width: 360px) {
    #mobilemenu {
        top: 17%;
    }
}

@media (max-width: 320px) {
    #mobilemenu {
        top: 17%;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 30px;
    font-family: 'Roboto-Medium', sans-serif;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 14px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    /**
	* Remove all paddings around the image on small screen
	*/
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.customRadio.disabled, .customCheckbox .disabled {
    cursor: not-allowed;
}

.customRadio.disabled, .customCheckbox .disabled {
    background: url(/assets/images/disabledBg.png) no-repeat 0px -14px;
}

.sizer .customRadio {
    width: 40px;
    height: 40px;
    background: #fff;
    margin-right: 6px;
    border-radius: 0;
}

.sizer .customRadio {
    margin-bottom: 6px;
}

.sizer .customCheckbox, .sizer .customRadio {
    width: 40px;
    height: 40px;
    background: #f6f6f6;
    margin-right: 6px;
    margin-bottom: 6px;
    float: none;
}

.iradio_minimal.disabled {
    background: url(/assets/images/disabledBg.png) no-repeat 0px -6px;
    background-position: -160px 0;
    cursor: default;
}
/*.customRadio.disabled, .customCheckbox .disabled, .customCheckbox .disabled:hover, .customRadio.disabled:hover {
}*/
.icheckbox_minimal, .iradio_minimal {
    float: left;
}

.iradio_minimal {
    background-position: -100px 0;
}

.icheckbox_minimal, .iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(/assets/old-store/minimal.png) no-repeat #fff;
    border: none;
    cursor: pointer;
}

div.icheck-item input.icheck-input {
    position: absolute !important;
    display: block !important;
    opacity: 0 !important;
    z-index: -99 !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    outline: none !important;
}

.sizer .customRadio em {
    font-size: 14px;
}

.sizer .customRadio em {
    text-align: center;
}

.sizer .customRadio em {
    font-weight: bold
}

.sizer .customRadio.disabled em {
    font-weight: lighter
}

.sizer .customCheckbox em, .sizer .customRadio em {
    font-size: 14px;
    font-family: "Roboto-Medium" sans-serif;
    display: block;
    line-height: 40px;
}

em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.slide {
    font-size: 18px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .slide .slider-content {
        position: absolute;
        top: 35%;
    }


section#mainslider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
}

    section#mainslider .owl-nav .owl-prev {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/images/new-slider-prev.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        left: 0;
    }

    section#mainslider .owl-nav .owl-next {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/images/new-slider-next.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        right: 0;
    }

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    background: #eee;
    opacity: 0.5;
}

    .owl-carousel .owl-nav [class*='owl-']:hover {
        background: #eee;
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }

section#mainslider .owl-dots {
    display: none;
}

.product-info .products.slider-carousel .owl-nav {
    top: 25% !important;
}

.products.slider-carousel .owl-nav {
    position: absolute !important;
    top: 30% !important;
    width: 100% !important;
}

    .products.slider-carousel .owl-nav .owl-prev {
        background-image: url(/assets/images/new-slider-prev.png) !important;
        left: 0 !important;
    }

    .products.slider-carousel .owl-nav .owl-next {
        background-image: url(/assets/images/new-slider-next.png) !important;
        right: 15px !important;
    }

    .products.slider-carousel .owl-nav .owl-next, .products.slider-carousel .owl-nav .owl-prev {
        float: none !important;
        width: 30px !important;
        height: 50px !important;
        margin: 0 !important;
        font-size: .00000001rem !important;
        background-repeat: no-repeat !important;
        background-position: -9px 0 !important;
        position: absolute !important;
        background-size: 75px !important;
    }


.video-slider.owl-carousel .owl-nav {
    position: absolute !important;
    top: 35% !important;
    width: 100% !important;
}

    .video-slider.owl-carousel .owl-nav .owl-prev {
        background-image: url(/assets/images/new-slider-prev.png) !important;
        left: 0 !important;
    }

    .video-slider.owl-carousel .owl-nav .owl-next {
        background-image: url(/assets/images/new-slider-next.png) !important;
        right: 0 !important;
    }

    .video-slider.owl-carousel .owl-nav .owl-next, .video-slider.owl-carousel .owl-nav .owl-prev {
        float: none !important;
        width: 30px !important;
        height: 50px !important;
        margin: 0 !important;
        font-size: .00000001rem !important;
        background-repeat: no-repeat !important;
        background-position: -9px 0 !important;
        position: absolute !important;
        background-size: 75px !important;
    }

.currency-live {
    min-height: 40px;
    max-height: 40px;
  
}

.currency-ul {
    margin: 0 auto;
    min-height: 30px;
    max-height: 30px;
    width: 50%;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
    float: right;
    background-color: #f5f5f5;
}

ul.currency-ul > li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    min-height: 15px;
    max-height: 15px;
    line-height: 15px;
    margin-top: 7px;
    text-align: center;
}
    ul.currency-ul > li:not(:last-child) {
        border-right: 1px solid #333333;
    }

ul.currency-ul span.type{
    font-weight:bold;
}
ul.currency-ul span.value {
    font-weight: bold;
}