@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -webkit-text-size-adjust: none;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.no_margin {
    margin: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.m_top_0 {
    margin-top: 0;
}

.m_top_5 {
    margin-top: 5px;
}

.m_top_10 {
    margin-top: 10px;
}

.m_top_15 {
    margin-top: 15px;
}

.m_top_20 {
    margin-top: 20px;
}

.m_top_25 {
    margin-top: 25px;
}

.m_top_30 {
    margin-top: 30px;
}

.m_top_35 {
    margin-top: 35px;
}

.m_top_40 {
    margin-top: 40px;
}

.m_top_45 {
    margin-top: 45px;
}

.m_top_50 {
    margin-top: 50px;
}

.m_bottom_0 {
    margin-bottom: 0;
}

.m_bottom_5 {
    margin-bottom: 5px;
}

.m_bottom_10 {
    margin-bottom: 10px;
}

.m_bottom_15 {
    margin-bottom: 15px;
}

.m_bottom_20 {
    margin-bottom: 20px;
}

.m_bottom_25 {
    margin-bottom: 25px;
}

.m_bottom_30 {
    margin-bottom: 30px;
}

.m_bottom_35 {
    margin-bottom: 35px;
}

.m_bottom_40 {
    margin-bottom: 40px;
}

.m_bottom_45 {
    margin-bottom: 45px;
}

.m_bottom_50 {
    margin-bottom: 50px;
}

.m_left_0 {
    margin-left: 0;
}

.m_left_5 {
    margin-left: 5px;
}

.m_left_10 {
    margin-left: 10px;
}

.m_left_15 {
    margin-left: 15px;
}

.m_left_20 {
    margin-left: 20px;
}

.m_left_25 {
    margin-left: 25px;
}

.m_left_30 {
    margin-left: 30px;
}

.m_left_35 {
    margin-left: 35px;
}

.m_left_40 {
    margin-left: 40px;
}

.m_left_45 {
    margin-left: 45px;
}

.m_left_50 {
    margin-left: 50px;
}

.m_right_0 {
    margin-right: 0;
}

.m_right_5 {
    margin-right: 5px;
}

.m_right_10 {
    margin-right: 10px;
}

.m_right_15 {
    margin-right: 15px;
}

.m_right_20 {
    margin-right: 20px;
}

.m_right_25 {
    margin-right: 25px;
}

.m_right_30 {
    margin-right: 30px;
}

.m_right_35 {
    margin-right: 35px;
}

.m_right_40 {
    margin-right: 40px;
}

.m_right_45 {
    margin-right: 45px;
}

.m_right_50 {
    margin-right: 50px;
}

.p_top_0 {
    padding-top: 0;
}

.p_top_5 {
    padding-top: 5px;
}

.p_top_10 {
    padding-top: 10px;
}

.p_top_15 {
    padding-top: 15px;
}

.p_top_20 {
    padding-top: 20px;
}

.p_top_25 {
    padding-top: 25px;
}

.p_top_30 {
    padding-top: 30px;
}

.p_top_35 {
    padding-top: 35px;
}

.p_top_40 {
    padding-top: 40px;
}

.p_top_45 {
    padding-top: 45px;
}

.p_top_50 {
    padding-top: 50px;
}

.p_bottom_0 {
    padding-bottom: 0;
}

.p_bottom_5 {
    padding-bottom: 5px;
}

.p_bottom_10 {
    padding-bottom: 10px;
}

.p_bottom_15 {
    padding-bottom: 15px;
}

.p_bottom_20 {
    padding-bottom: 20px;
}

.p_bottom_25 {
    padding-bottom: 25px;
}

.p_bottom_30 {
    padding-bottom: 30px;
}

.p_bottom_35 {
    padding-bottom: 35px;
}

.p_bottom_40 {
    padding-bottom: 40px;
}

.p_bottom_45 {
    padding-bottom: 45px;
}

.p_bottom_50 {
    padding-bottom: 50px;
}

.p_left_0 {
    padding-left: 0;
}

.p_left_5 {
    padding-left: 5px;
}

.p_left_10 {
    padding-left: 10px;
}

.p_left_15 {
    padding-left: 15px;
}

.p_left_20 {
    padding-left: 20px;
}

.p_left_25 {
    padding-left: 25px;
}

.p_left_30 {
    padding-left: 30px;
}

.p_left_35 {
    padding-left: 35px;
}

.p_left_40 {
    padding-left: 40px;
}

.p_left_45 {
    padding-left: 45px;
}

.p_left_50 {
    padding-left: 50px;
}

.p_right_0 {
    padding-right: 0;
}

.p_right_5 {
    padding-right: 5px;
}

.p_right_10 {
    margin-right: 10px;
}

.p_right_15 {
    padding-right: 15px;
}

.p_right_20 {
    padding-right: 20px;
}

.p_right_25 {
    padding-right: 25px;
}

.p_right_30 {
    padding-right: 30px;
}

.p_right_35 {
    padding-right: 35px;
}

.p_right_40 {
    padding-right: 40px;
}

.p_right_45 {
    padding-right: 45px;
}

.p_right_50 {
    padding-right: 50px;
}

.transition_01s {
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.transition_02s, .urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul, .urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul, #odemeBilgileri .item > .icerik #taksitlerWrapper li {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.transition_03s, #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop, #headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide, #anasayfaYeniEklenenUrunler .nav, #anasayfaWrapper #anasayfaSlideSayfalama .inner .nav, #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .swiper-slide, #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide, #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav, #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .icon, #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .text {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.transition_04s, #mesajBoxWrapper #mesajBoxIcerik .baslik span.icon, #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li span.icon, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik .kapat, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .label, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .img, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .img img, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .text, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav input[type=submit], #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik a:after, #iletisimWrapper #iletisimFormWrapper #iletisimForm .text, #sssWrapper .sssKategoriItem, #sssWrapper .sssKategoriItem .icerik .kategoriBaslik, #girisYapLayout #girisYapWrapper #girisYapForm .textbox, #girisYapLayout #sifremiUnuttumForm .text, #girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .text, #faturaTipiList li, #kullaniciLayout .text, #kullaniciLayout .userContentWrap #hesabimTabs li, #kullaniciLayout #yeniAdresWrapper input[type=submit], #kullaniciLayout #adresYokWrapper .link a, #kullaniciLayout #adreslerimWrapper #yeniAdresEkleLink a, #urunSepetGoster, #mobileMenuWrapper, #mobileMenuWrapper #mobilMenuIcerik, #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.kapat, #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.dosyalarBtn, #urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper, #alisverisYapLay #alisverisiTamamlaWrapper .alisverisi-tamamla-genel-baslik #yeniAdresBtn, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item, #odemeBilgileri .item, #alisverisYapLay #siparisiTamamlaBtn, #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .text, #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik input[type=submit], #sepeteEklePopup .icerik .sepeteEkleBtns li {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.transition_05s {
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.transition_06s, #breadcrumb li a:after {
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.transition_07s {
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.transition_08s {
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.transition_09s {
    -moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}

.transition_1s {
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.transition_2s {
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.pos_rel {
    position: relative;
}

.pos_abs {
    position: absolute;
}

.pos_fix {
    position: fixed;
}

.f_none {
    float: none !important;
}

img {
    display: block;
}

.o_hidden {
    overflow: hidden;
}

.o_auto {
    overflow: auto;
}

.t_a_c {
    text-align: center;
}

.no_padding_for_col [class*='col-'] {
    padding: 0px !important;
    margin: 0px !important;
}

.width_5 {
    width: 5%;
}

.width_10 {
    width: 10%;
}

.width_15 {
    width: 15%;
}

.width_20 {
    width: 20%;
}

.width_25 {
    width: 25%;
}

.width_30 {
    width: 30%;
}

.width_35 {
    width: 35%;
}

.width_40 {
    width: 40%;
}

.width_45 {
    width: 45%;
}

.width_50 {
    width: 50%;
}

.width_55 {
    width: 55%;
}

.width_60 {
    width: 60%;
}

.width_65 {
    width: 65%;
}

.width_70 {
    width: 70%;
}

.width_75 {
    width: 75%;
}

.width_80 {
    width: 80%;
}

.width_85 {
    width: 85%;
}

.width_90 {
    width: 90%;
}

.width_95 {
    width: 95%;
}

.width_100, .genelKategoriliLayout .genelKategoriLayoutSol, .genelKategoriliLayout .genelKategoriLayoutSag, .genelKategoriliLayout2 .genelKategoriLayoutSol, .genelKategoriliLayout2 .genelKategoriLayoutSag, .genelKategoriliLayout3 .genelKategoriLayoutSol, .genelKategoriliLayout3 .genelKategoriLayoutSag {
    width: 100%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    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-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        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-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        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-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        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;
    }
}

.left_0 {
    left: 5px;
}

.right_0 {
    right: 5px;
}

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-siparis:before {
    content: "\e91a";
}

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

.icon-firma-bilgileri:before {
    content: "\e918";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-hizmet-7-24:before {
    content: "\e904";
}

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

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

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

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

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

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

.icon-sepet-bos:before {
    content: "\e90b";
}

.icon-sepet-dolu:before {
    content: "\e90c";
}

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

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

.grid_no_m {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.t_a_r {
    text-align: right;
}

#mesajBoxWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 102;
    display: none;
}

#mesajBoxWrapper .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
}

#mesajBoxWrapper #mesajBoxIcerik {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 2;
    width: 90%;
    max-width: 400px;
    margin: 0px auto;
    box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#mesajBoxWrapper #mesajBoxIcerik .baslik {
    color: #000;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

#mesajBoxWrapper #mesajBoxIcerik .baslik span.icon {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    padding: 0px 20px;
    border-left: 1px solid #e5e5e5;
    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;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.desk #mesajBoxWrapper #mesajBoxIcerik .baslik span.icon:hover {
    background-color: #ea0000;
    color: #fff;
}

#mesajBoxWrapper #mesajBoxIcerik .icerik {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #4b4f56;
}

#mesajBoxWrapper #mesajBoxIcerik #mesajBoxBtns {
    text-align: right;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

#mesajBoxWrapper #mesajBoxIcerik #mesajBoxBtns ul {
    display: inline-block;
}

#mesajBoxWrapper #mesajBoxIcerik #mesajBoxBtns ul li {
    float: left;
}

#mesajBoxWrapper #mesajBoxIcerik #mesajBoxBtns ul li a.kapat {
    background-color: #666;
    border-bottom: 1px solid #0049a3;
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    display: inline-block;
    padding: 0px 10px;
    font-size: 13px;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.desk #mesajBoxWrapper #mesajBoxIcerik #mesajBoxBtns ul li a.kapat:hover {
    background-color: #ec364e;
    border-bottom-color: #c31c32;
}

strong, b {
    font-weight: 600;
}

.noFloat {
    float: none !important;
}

.d_block {
    display: block !important;
}

.green {
    background-color: #00ff36;
}

.green img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1);
}

.green::after {
    background-color: #23278a;
    mix-blend-mode: lighten;
}

.red-purple {
    background-color: #e41c2d;
}

.red-purple img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) contrast(0.8);
}

.red-purple::after {
    background-color: #1d3162;
    mix-blend-mode: lighten;
}

.retro {
    background-color: #f1e3a0;
}

.retro img {
    mix-blend-mode: darken;
    -webkit-filter: grayscale(100%) contrast(2);
    filter: grayscale(100%) contrast(2);
}

.retro::after {
    background: -webkit-linear-gradient(top, #f430a9, #f2e782);
    background: linear-gradient(180deg, #f430a9, #f2e782);
    mix-blend-mode: lighten;
}

.vintage {
    background-color: #caeaf2;
}

.vintage img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1.5);
    filter: grayscale(100%) contrast(1.5);
}

.vintage::after {
    background-color: #2cd6e1;
    mix-blend-mode: lighten;
}

.blue-light {
    background-color: #181e59;
}

.blue-light img {
    mix-blend-mode: lighten;
    -webkit-filter: grayscale(100%) contrast(0.8);
    filter: grayscale(100%) contrast(0.8);
}

.blue-light::after {
    background-color: #E7E1A6;
    mix-blend-mode: multiply;
}

.blue {
    background-color: #77acd4;
}

.blue img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
}

.blue::after {
    background-color: #033dc5;
    mix-blend-mode: lighten;
}

.dark-red {
    background-color: #ed060b;
}

.dark-red img {
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
    mix-blend-mode: lighten;
}

.dark-red::after {
    background-color: #70e4ee;
    mix-blend-mode: multiply;
}

.flat-retro {
    background-color: #FCA300;
}

.flat-retro img {
    mix-blend-mode: darken;
    -webkit-filter: grayscale(100%) contrast(1.5);
    filter: grayscale(100%) contrast(1.5);
}

.flat-retro::after {
    background-color: #e23241;
    mix-blend-mode: lighten;
}

.teal {
    background-color: #d7a621;
}

.teal img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
}

.teal::after {
    background-color: #0c6249;
    mix-blend-mode: lighten;
}

.purple {
    background-color: #88169d;
}

.purple img {
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
    mix-blend-mode: lighten;
}

.purple::after {
    mix-blend-mode: hard-light;
    background: -webkit-linear-gradient(bottom right, #75d775, #321a5b);
    background: linear-gradient(to top left, #75d775, #321a5b);
}

.pink {
    background-color: #FCA300;
}

.pink img {
    mix-blend-mode: darken;
}

.pink::after {
    background: #282581;
    mix-blend-mode: lighten;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
}

.yellow {
    background-color: #e0de2c;
}

.yellow img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(0.8);
    filter: grayscale(100%) contrast(0.8);
}

.yellow::after {
    background-color: #b71310;
    mix-blend-mode: lighten;
}

.orange {
    background-color: #f65e35;
}

.orange img {
    mix-blend-mode: multiply;
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
}

.orange::after {
    background-color: #1e3265;
    mix-blend-mode: lighten;
}

.blue-red {
    background-color: #E50914;
}

.blue-red img {
    -webkit-filter: grayscale(100%) contrast(1.2);
    filter: grayscale(100%) contrast(1.2);
    opacity: .8;
}

.blue-red::after {
    mix-blend-mode: lighten;
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
    background-color: #282581;
}

.gold {
    background-color: #367ABD;
}

.gold img {
    mix-blend-mode: lighten;
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) contrast(0.8);
}

.gold::after {
    background-color: #F9ED3A;
    mix-blend-mode: multiply;
}

.shadow:hover {
    box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4) !important;
}

.dark-orange {
    background-color: #282581;
}

.dark-orange img {
    mix-blend-mode: lighten;
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) contrast(0.8);
}

.dark-orange::after {
    background-color: #2cd6e1;
    mix-blend-mode: multiply;
}

.noBBottomScript {
    border-bottom: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.swiper-container[data-role=scrollBar] {
    width: 100%;
    height: 100%;
}

.swiper-container[data-role=scrollBar] .swiper-slide {
    height: auto;
}

.bgWhite {
    background-color: #fff;
}

.form_row {
    margin-bottom: 30px;
}

.form_row .form_2col {
    margin-bottom: 30px;
}

.form_row .form_2col:last-child {
    margin-bottom: 0px;
}

@media only screen and (min-width: 767px) {
    .form_row .form_2col {
        width: 49%;
        margin-bottom: 0px;
    }

    .form_row .form_2col:nth-child(odd) {
        float: left;
    }

    .form_row .form_2col:nth-child(even) {
        float: right;
    }
}

.form_row:last-child {
    margin-bottom: 0px;
}

.devTab .devTabItems .tab_item {
    display: none;
}

.devTab .devTabItems .tab_item:first-child {
    display: block;
}

button, input[type=submit] {
    cursor: pointer;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
    from {
        transform: none;
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

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

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }
    50% {
        transform: rotate(-10deg);
    }
    70% {
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.alisverisiTamamlaTextarea {
    width: 100%;
    height: 100px;
    max-height: 100px;
    min-height: 100px;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 100%;
    min-width: 100%;
    padding: 15px;
}

.genelSayfalarPadding {
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    .genelSayfalarPadding {
        padding: 40px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelSayfalarPadding {
        padding: 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelSayfalarPadding {
        padding: 60px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelSayfalarPadding {
        padding: 70px;
    }
}

.verticalFlex, #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem a, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li, #sepeteEklePopup .icerik .urunVaryasyonlariWrapper li {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.user-select-none, #anasayfaWrapper #anasayfaMarkaWrapper, #anasayfaWrapper #anasayfaKategoriWrapper, .urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper, #urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav, #sssWrapper .sssKategoriItem .icerik .sorular .soru-baslik, #faturaTipiList li, #kullaniciLayout .userContentWrap #hesabimTabs, #kullaniciLayout #adresYokWrapper .link a, #kullaniciLayout #adreslerimWrapper #yeniAdresEkleLink a, #alisverisYapLay #alisverisiTamamlaWrapper .alisverisi-tamamla-genel-baslik #yeniAdresBtn, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item, #teslimatBilgileriWrapper #teslimatFaturaAdresAyni, #odemeBilgileri .item, #odemeBilgileri #havaleHesapBilgileri .hesapNoItem, #sepeteEklePopup .icerik .urunVaryasyonlariWrapper li, #sepeteEklePopup .icerik .sepeteEkleBtns li {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.genelPaddingJustTB {
    padding: 20px 0px;
}

@media only screen and (min-width: 767px) {
    .genelPaddingJustTB {
        padding: 40px 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .genelPaddingJustTB {
        padding: 40px 0px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelPaddingJustTB {
        padding: 50px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelPaddingJustTB {
        padding: 60px 0px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelPaddingJustTB {
        padding: 70px 0px;
    }
}

.genelMarginJustTB {
    margin: 20px 0px;
}

@media only screen and (min-width: 767px) {
    .genelMarginJustTB {
        margin: 40px 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .genelMarginJustTB {
        margin: 40px 0px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelMarginJustTB {
        margin: 50px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelMarginJustTB {
        margin: 60px 0px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelMarginJustTB {
        margin: 70px 0px;
    }
}

.genelPaddingJustLR {
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    .genelPaddingJustLR {
        padding: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .genelPaddingJustLR {
        padding: 0px 40px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelPaddingJustLR {
        padding: 0px 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelPaddingJustLR {
        padding: 0px 60px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelPaddingJustLR {
        padding: 0px 70px;
    }
}

.genelSayfalarMBottom {
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    .genelSayfalarMBottom {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelSayfalarMBottom {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelSayfalarMBottom {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelSayfalarMBottom {
        margin-bottom: 70px;
    }
}

.scrollHeight {
    height: 150px;
}

.flexbox, #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #mobileBtn, #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input .icon, #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a.sepetLink:after, #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a .label, #headerWrapper #markaNavigationWrapper .nav, #headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide, #footerWrapper #ustFooterWrapper .item .baslik, #footerWrapper #ustFooterWrapper .item .aciklama, #anasayfaYeniEklenenUrunler .nav, #anasayfaWrapper #anasayfaSlideSayfalama .inner .nav, #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav, #anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide .kategori-label, #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav, #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide .kategori-label, #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav, .urunItems .urun_item .fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz, .urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn, .urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a .imgWrapper, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a .icon, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links.filtreKaldir li a span.icon, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li span.icon, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li .icon, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik .kapat, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap > span, #girisYapLayout #bayiOlWrapper #bayiOlAdimlar li .icon, #girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi .icon, #sepetimWrapper #sepetimBosWrapper .icon, #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper .nav, #kullaniciLayout #kullaniciLayHeader #kullaniciNavigasyonAc, #urunSepetGoster, #mobileMenuWrapper #mobilMenuIcerik .baslik .kapat, #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a, #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a .icon, #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .baslik, #aramaMarkaWrapper .img, #aramaMarkaWrapper .icerik, #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.kapat, #urunDetayGaleriWrapper #urunDetayGaleriIcerik, #urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav, #urunDetayGaleriWrapper #urunDetayGaleriResimler .nav, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper > .baslik span, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a span, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper .icon, #odemeBilgileri .item .baslikWrapper, #odemeBilgileri .item .baslikWrapper .icon, #odemeBilgileri #havaleHesapBilgileri .hesapNoItem .checkIcon, #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .kapat, #kampanyaPopup #kampanyaPopUpIcerik .kapat, #sepeteEklePopup .icerik .kapat, #sepeteEklePopup .icerik .sepeteEkleWrapper .btns li {
    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;
}

body, input[type=text], textarea {
    font-family: Roboto, sans-serif;
}

body {
    background-color: #f2f3f4;
}

#pageWrap {
    width: 100%;
    overflow: hidden;
}

.sol {
    float: left;
}

.sag {
    float: right;
}

.clearfix:after, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links.filtreKaldir li a:after, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBegeni:after, #alisverisYapLay #alisverisiTamamlaWrapper .alisverisi-tamamla-genel-baslik:after, #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper:after {
    content: "";
    display: table;
    clear: both;
}

.popUp_item {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 100%;
    display: none;
}

.popUp_item .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popUp_item .kapat {
    cursor: pointer;
}

.popUp_item .icerik {
    position: relative;
    top: 100px;
    z-index: 2;
    width: 90%;
    height: auto;
    max-width: 700px;
    margin: 0px auto;
}

.htmlIcerik p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 40px;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    .htmlIcerik p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 1280px) {
    .htmlIcerik p {
        font-size: 17px;
        line-height: 32px;
    }
}

.htmlIcerik p:last-child {
    margin-bottom: 0px;
}

.htmlIcerik i {
    font-style: italic;
}

.htmlIcerik u {
    text-decoration: underline;
}

.htmlIcerik h1, .htmlIcerik h2, .htmlIcerik h3, .htmlIcerik h4, .htmlIcerik h5, .htmlIcerik h6 {
    margin-bottom: 20px;
    color: #000000;
}

.htmlIcerik h2, .htmlIcerik h3, .htmlIcerik h4, .htmlIcerik h5, .htmlIcerik h6, .htmlIcerik strong, .htmlIcerik b {
    font-weight: bold;
}

.htmlIcerik h1 {
    font-size: 35px;
    font-weight: 300;
    line-height: 50px;
}

.htmlIcerik h2 {
    font-size: 23px;
    line-height: 35px;
}

.htmlIcerik h3 {
    font-size: 20px;
    line-height: 30px;
}

.htmlIcerik h4 {
    font-size: 16px;
    line-height: 24px;
}

.htmlIcerik h5 {
    font-size: 14px;
    line-height: 20px;
}

.htmlIcerik h6 {
    font-size: 12px;
}

.htmlIcerik ul {
    list-style: inside;
    margin-left: 20px;
    list-style-type: disc;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
}

.htmlIcerik ul li {
    margin-bottom: 10px;
}

.htmlIcerik table {
    width: 100%;
}

.htmlIcerik table td, .htmlIcerik table th {
    padding: 10px;
}

.htmlIcerik table thead td, .htmlIcerik table thead th {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.htmlIcerik table tr td {
    background-color: #ebebeb;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

.htmlIcerik table tr td.label {
    font-weight: 500;
    color: #000;
}

.htmlIcerik table tr:nth-child(even) td {
    background-color: #dadada;
}

.wrapper, #sssWrapper .sssKategoriItem .icerik, #alisverisYapLay #alisverisiTamamlaWrapper {
    margin: 0 auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 1024px) {
    .wrapper, #sssWrapper .sssKategoriItem .icerik, #alisverisYapLay #alisverisiTamamlaWrapper {
        width: 960px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px auto;
    }
}

@media only screen and (min-width: 1140px) {
    .wrapper, #sssWrapper .sssKategoriItem .icerik, #alisverisYapLay #alisverisiTamamlaWrapper {
        width: 1100px;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper, #sssWrapper .sssKategoriItem .icerik, #alisverisYapLay #alisverisiTamamlaWrapper {
        width: 1240px;
    }
}

@media only screen and (min-width: 1600px) {
    .wrapper, #sssWrapper .sssKategoriItem .icerik, #alisverisYapLay #alisverisiTamamlaWrapper {
        width: 1540px;
    }
}

.wrapper2 {
    margin: 0 auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 1024px) {
    .wrapper2 {
        width: 960px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px auto;
    }
}

@media only screen and (min-width: 1140px) {
    .wrapper2 {
        width: 1100px;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper2 {
        width: 1240px;
    }
}

@media only screen and (min-width: 767px) {
    .genelKategoriliLayout .genelKategoriLayoutSol {
        float: right;
        width: 25%;
    }

    .genelKategoriliLayout .genelKategoriLayoutSag {
        float: left;
        width: 73%;
    }
}

@media only screen and (min-width: 1024px) {
    .genelKategoriliLayout .genelKategoriLayoutSol {
        width: 350px;
    }

    .genelKategoriliLayout .genelKategoriLayoutSag {
        width: 570px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelKategoriliLayout .genelKategoriLayoutSol {
        width: 400px;
    }

    .genelKategoriliLayout .genelKategoriLayoutSag {
        width: 660px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelKategoriliLayout .genelKategoriLayoutSag {
        width: 800px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelKategoriliLayout .genelKategoriLayoutSag {
        width: 1100px;
    }
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG {
    background-color: #fff;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .baslik {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li:last-child a {
    border-bottom: none;
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li a {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    line-height: 17px;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #f0f0f0;
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li a strong {
    color: #919191;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.desk .genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li a:hover {
    background-color: #f7f7f7;
}

.desk .genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li a:hover strong {
    color: #dc2031;
}

.genelKategoriliLayout2 .genelKategoriLayoutSol.withBG .links li:last-child {
    padding-bottom: 0px;
}

@media only screen and (min-width: 767px) {
    .genelKategoriliLayout2 .genelKategoriLayoutSol {
        width: 25%;
        float: left;
    }

    .genelKategoriliLayout2 .genelKategoriLayoutSag {
        width: 73%;
        float: right;
    }
}

@media only screen and (min-width: 1024px) {
    .genelKategoriliLayout2 .genelKategoriLayoutSol {
        width: 250px;
    }

    .genelKategoriliLayout2 .genelKategoriLayoutSag {
        width: 670px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelKategoriliLayout2 .genelKategoriLayoutSag {
        width: 810px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelKategoriliLayout2 .genelKategoriLayoutSag {
        width: 950px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelKategoriliLayout2 .genelKategoriLayoutSag {
        width: 1250px;
    }
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG {
    background-color: #fff;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .baslik {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li:last-child a {
    border-bottom: none;
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li a {
    font-size: 15px;
    font-weight: 400;
    color: #484848;
    line-height: 17px;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #f0f0f0;
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li a strong {
    color: #919191;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.desk .genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li a:hover {
    background-color: #f7f7f7;
}

.desk .genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li a:hover strong {
    color: #dc2031;
}

.genelKategoriliLayout3 .genelKategoriLayoutSol.withBG .links li:last-child {
    padding-bottom: 0px;
}

@media only screen and (min-width: 767px) {
    .genelKategoriliLayout3 .genelKategoriLayoutSol {
        width: 35%;
        float: left;
    }

    .genelKategoriliLayout3 .genelKategoriLayoutSag {
        width: 64%;
        float: right;
    }
}

@media only screen and (min-width: 1024px) {
    .genelKategoriliLayout3 .genelKategoriLayoutSol {
        width: 300px;
    }

    .genelKategoriliLayout3 .genelKategoriLayoutSag {
        width: 620px;
    }
}

@media only screen and (min-width: 1140px) {
    .genelKategoriliLayout3 .genelKategoriLayoutSol {
        width: 350px;
    }

    .genelKategoriliLayout3 .genelKategoriLayoutSag {
        width: 710px;
    }
}

@media only screen and (min-width: 1280px) {
    .genelKategoriliLayout3 .genelKategoriLayoutSag {
        width: 850px;
    }
}

@media only screen and (min-width: 1600px) {
    .genelKategoriliLayout3 .genelKategoriLayoutSag {
        width: 1150px;
    }
}

a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.genelBoxShadow, #anasayfaYeniEklenenUrunler .swiper-slide, #anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide, #anasayfaWrapper #haftaninFirsatlariWrapper, #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown, #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks, #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item, #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul, #urunDetayWrapper #urunlerTabsWrapper .tabs, #aramaMarkaWrapper, #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper, #alisverisYapLay #alisverisiTamamlaWrapper #alisverisiTamamlaIcerik, #anasayfaYeniEklenenUrunlerMobil .urun_item {
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14);
}

#headerWrapper {
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    /*z-index: 99;*/
}

#headerWrapper #ustHeader {
    display: none;
    background-color: #dc2031;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #ustHeader {
        display: block;
        height: 40px;
    }
}

@media only screen and (min-width: 767px) {
    #headerWrapper #ustHeader #ustHeaderLinks {
        float: left;
    }
}

#headerWrapper #ustHeader #ustHeaderLinks li {
    float: left;
}

#headerWrapper #ustHeader #ustHeaderLinks li:last-child {
    margin-right: 0px;
}

#headerWrapper #ustHeader #ustHeaderLinks li a {
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

#headerWrapper #ustHeader #telBtn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #ustHeader #telBtn {
        float: right;
    }
}

#headerWrapper #ustHeader #telBtn span.icon {
    float: left;
    margin-right: 10px;
    font-size: 20px;
}

#headerWrapper #logoAramaWrapper {
    background-color: #fff;
    padding-top: 5px;
    position: relative;
    padding-bottom: 55px;
    z-index: 15;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #logoAramaWrapper {
        padding: 15px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #logoAramaWrapper {
        padding: 20px 0px;
    }
}

#headerWrapper #logoAramaWrapper #camkiran-logo {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
}

#headerWrapper #logoAramaWrapper #camkiran-logo img {
    height: 50px;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #camkiran-logo img {
        height: 70px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #logoAramaWrapper #camkiran-logo img {
        height: 80px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #logoAramaWrapper #camkiran-logo img {
        height: 90px;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper {
    position: absolute;
    top: 55px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e0e0e0;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper {
        border-top: none;
        text-align: center;
        top: 10px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper {
        top: 13px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper {
        top: 16px;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding-right: 50px;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel {
        width: 500px;
        display: inline-block;
        padding-right: 100px;
        margin-left: -90px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel {
        width: 600px;
    }
}

@media only screen and (min-width: 1600px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel {
        width: 700px;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #mobileBtn {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 50px;
    height: 49px;
    background-color: #fff;
    border-left: 1px solid #e0e0e0;
    font-size: 25px;
    color: #333;
    cursor: pointer;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #mobileBtn {
        display: none;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input {
    background-color: #f8f8f8;
    position: relative;
    height: 49px;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input {
        background-color: #fff;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input input[type=text] {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 49px;
    line-height: 49px;
    padding: 0px 20px;
    padding-left: 50px;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input input[type=text] {
        border: 2px solid #d9d9d9;
        height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 50px;
    height: 49px;
    font-size: 20px;
    color: #8b8b8b;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .btn {
    display: none;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .btn {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 2;
        width: 90px;
        height: 50px;
        padding: 0;
    }
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .btn input[type=submit] {
    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;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #dc2031;
    -moz-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    width: 90px;
    height: 50px;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop {
    background-color: #fff;
    -moz-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.2);
    padding: 20px;
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    pointer-events: none;
    opacity: 0;
    -moz-transform: translateY(-50px) scale(0.7);
    -ms-transform: translateY(-50px) scale(0.7);
    -o-transform: translateY(-50px) scale(0.7);
    -webkit-transform: translateY(-50px) scale(0.7);
    transform: translateY(-50px) scale(0.7);
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop #aramaBaslikWrapper {
    margin-bottom: 25px;
    font-size: 17px;
    font-weight: 400;
    color: #666;
    text-align: left;
    font-style: italic;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop #aramaBaslikWrapper strong {
    font-weight: bold;
    color: #dc2031;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem {
    margin-bottom: 10px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem:last-child {
    margin-bottom: 20px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem a {
    border: 2px solid #e6e6e6;
    padding: 10px;
    min-height: 80px;
    position: relative;
    padding-left: 90px;
    display: block;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.desk #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem a:hover {
    border-color: #dc2031;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem .img {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 60px;
    height: 60px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem .img img {
    width: 100%;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem .baslik {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop .aramaItem .fiyat {
    font-size: 17px;
    font-weight: 600;
    color: #dc2031;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop #dahaFazlaBtnYukleArama {
    display: none;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop #dahaFazlaBtnYukleArama a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #dc2031;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop.aktif {
    opacity: 1;
    pointer-events: unset;
    -moz-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
}

#headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel #aramaSonuclariPop.aktif #dahaFazlaBtnYukleArama {
    display: block;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper {
    float: right;
    position: relative;
    z-index: 5;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper {
        padding-top: 8px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper {
        padding-top: 13px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper {
        padding-top: 16px;
    }
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li {
    float: left;
    margin-right: 15px;
    position: relative;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li:last-child {
    margin-right: 0px;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a span.text {
    display: none;
    font-size: 14px;
    font-weight: 500;
    color: #dc2031;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a span.text {
        display: inline-block;
    }
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a span.icon {
    line-height: 50px;
    font-size: 20px;
    color: #656565;
    margin-right: 10px;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a.sepetLink {
    position: relative;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a.sepetLink:after {
    content: attr(data-count);
    background-color: #dc2031;
    -moz-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    position: absolute;
    top: -4px;
    left: 25px;
    z-index: 2;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a.sepetLink span.icon {
    margin-right: 25px;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a.sepetLink span.icon {
        margin-right: 35px;
    }
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > a {
    position: relative;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > a {
        padding-right: 18px;
    }
}

@media only screen and (min-width: 767px) {
    #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > a:after {
        content: '▼';
        position: absolute;
        top: 3px;
        right: 0px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.5;
    }
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu:hover > ul {
    opacity: 1;
    pointer-events: unset;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul {
    background-color: #dc2031;
    position: absolute;
    right: 0px;
    z-index: 15;
    width: 200px;
    height: auto;
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    pointer-events: none;
    opacity: 0;
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul:after, #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(220, 32, 49, 0);
    border-bottom-color: #dc2031;
    border-width: 10px;
    margin-left: -10px;
    right: 15%;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li:first-child {
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li a {
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    display: block;
}

.desk #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li a:hover {
    padding: 20px 30px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li:last-child {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
}

#headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li.hasSubmenu > ul li:last-child a {
    background-color: rgba(0, 0, 0, 0.4);
}

#headerWrapper #navigationMenuWrapper {
    display: none;
    background: white;
    background: -moz-linear-gradient(top, white 46%, whitesmoke 100%);
    background: -webkit-linear-gradient(top, white 46%, whitesmoke 100%);
    background: linear-gradient(to bottom, white 46%, whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border-top: 1px solid #e0e0e0;
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    #headerWrapper #navigationMenuWrapper {
        display: block;
    }
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 12.5%;
    border-right: 1px solid #e0e0e0;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li:nth-child(8n) {
    margin-right: 0px;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li:hover {
    background: whitesmoke;
    background: -moz-linear-gradient(top, whitesmoke 0%, white 54%);
    background: -webkit-linear-gradient(top, whitesmoke 0%, white 54%);
    background: linear-gradient(to bottom, whitesmoke 0%, white 54%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li:hover .subMenu {
    display: block;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li:first-child {
    border-left: 1px solid #e0e0e0;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a {
    padding: 15px 10px;
    display: block;
    text-align: center;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a .icon {
    display: inline-block;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a .icon img {
    height: 31px;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a .label {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    height: 40px;
    line-height: 20px;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu {
    position: absolute;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 20px;
    -moz-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.13);
    display: none;
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu {
        padding: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu {
        padding: 40px;
    }
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links {
    width: 60%;
    float: left;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
    text-align: left;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li:nth-child(2n) {
    margin-right: 0px;
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 31.33333%;
    }

    #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li:nth-child(3n) {
        margin-right: 0px;
    }

    #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li:nth-child(2n) {
        margin-right: 3%;
    }
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .links li a {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .kategoriKampanyalari {
    float: right;
    width: 38%;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .kategoriKampanyalari li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
    text-align: left;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .kategoriKampanyalari li:nth-child(2n) {
    margin-right: 0px;
}

#headerWrapper #navigationMenuWrapper #navMenuUl > ul > li .subMenu .kategoriKampanyalari li img {
    width: 100%;
}

#headerWrapper #markaNavigationWrapper {
    background: white;
    background: -moz-linear-gradient(top, white 46%, whitesmoke 100%);
    background: -webkit-linear-gradient(top, white 46%, whitesmoke 100%);
    background: linear-gradient(to bottom, white 46%, whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border-top: 1px solid #e0e0e0;
    text-align: center;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    padding: 0px 0px;
    display: none;
    position: relative;
}

#headerWrapper #markaNavigationWrapper .wrapper, #headerWrapper #markaNavigationWrapper #sssWrapper .sssKategoriItem .icerik, #sssWrapper .sssKategoriItem #headerWrapper #markaNavigationWrapper .icerik, #headerWrapper #markaNavigationWrapper #alisverisYapLay #alisverisiTamamlaWrapper, #alisverisYapLay #headerWrapper #markaNavigationWrapper #alisverisiTamamlaWrapper {
    padding: 0px 20px;

}

#headerWrapper #markaNavigationWrapper .wrapper {
    overflow: hidden;
}

.kategoriWrapper {
    overflow: hidden;
}

#headerWrapper #markaNavigationWrapper .nav {
    position: absolute;
    top: 0px;
    z-index: 5;
    width: 20px;
    height: 100%;
    background: #ff5564;
    background: -moz-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: -webkit-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: linear-gradient(to bottom, #ff5564 0%, #dc2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    cursor: pointer;
    color: #fff;
    display: none;
    line-height: 76px;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #markaNavigationWrapper .nav {
        display: block;
    }
}

.desk #headerWrapper #markaNavigationWrapper .nav:hover {
    background: #ff5564;
    background: -moz-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: -webkit-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: linear-gradient(to bottom, #ff5564 0%, #dc2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#headerWrapper #markaNavigationWrapper .nav.swiper-button-disabled {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    color: #666;
}

.desk #headerWrapper #markaNavigationWrapper .nav.swiper-button-disabled:hover {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#headerWrapper #markaNavigationWrapper .nav.geri {
    left: 0px;
}

#headerWrapper #markaNavigationWrapper .nav.ileri {
    right: 0px;
}



@media only screen and (min-width: 767px) {
    #headerWrapper #markaNavigationWrapper #layoutMarkalar {
        display: block;
    }
}

#headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide {
    padding: 10px;
    height: 76px;
    cursor: pointer;
}

#headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide.aktif, .desk #headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide.aktif:hover {
    background-color: #fff;
}

.desk #headerWrapper #markaNavigationWrapper #layoutMarkalar .swiper-slide:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#headerWrapper #markaNavigationWrapper #layoutMarkalar img {
    width: 100%;
    margin: 0px auto;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #markaNavigationWrapper #layoutMarkalar img {
        width: 75%;
    }
}

#headerWrapper #headerMarkaIcerik {
    background-color: #fff;
    display: none;
    position: absolute;
    z-index: 99;
    left: 0px;
    padding: 30px 0px;
    width: 100%;
}

#headerWrapper #headerMarkaIcerik .item a {
    display: block;
    width: 100%;
    padding: 20px;
    padding-top: 50px;
    height: 100%;
    position: relative;
}

#headerWrapper #headerMarkaIcerik .item .markaModel {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: auto;
    height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    #headerWrapper #headerMarkaIcerik .item .markaModel {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #headerMarkaIcerik .item .markaModel {
        font-size: 18px;
    }
}

#headerWrapper #headerMarkaIcerik .item .modelYili {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: auto;
    height: auto;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #headerMarkaIcerik .item .modelYili {
        font-size: 20px;
    }
}

#headerWrapper #headerMarkaIcerik .item img {
    height: 50px;
}

@media only screen and (min-width: 1280px) {
    #headerWrapper #headerMarkaIcerik .item img {
        height: 70px;
    }
}

@media only screen and (min-width: 560px) {
    #headerWrapper #headerMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #headerWrapper #headerMarkaIcerik .item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 767px) {
    #headerWrapper #headerMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333%;
    }

    #headerWrapper #headerMarkaIcerik .item:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #headerWrapper #headerMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #headerWrapper #headerMarkaIcerik .item:nth-child(4n) {
        margin-right: 0px;
    }
}

#footerWrapper {
    background-color: #fff;
}

#footerWrapper #ustFooterWrapper {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

#footerWrapper #ustFooterWrapper .item {
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    padding: 20px 10px;
}

#footerWrapper #ustFooterWrapper .item:last-child {
    border-bottom: none;
}

@media only screen and (min-width: 767px) {
    #footerWrapper #ustFooterWrapper .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333333%;
        border-right: 1px solid #e0e0e0;
    }

    #footerWrapper #ustFooterWrapper .item:nth-child(2n) {
        margin-right: 0px;
    }

    #footerWrapper #ustFooterWrapper .item:nth-last-child(2) {
        border-bottom: none;
    }

    #footerWrapper #ustFooterWrapper .item:nth-child(2n) {
        border-right: none;
    }
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #ustFooterWrapper .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333333%;
        border-bottom: none;
    }

    #footerWrapper #ustFooterWrapper .item:nth-child(4n) {
        margin-right: 0px;
    }

    #footerWrapper #ustFooterWrapper .item:first-child {
        border-left: 1px solid #e0e0e0;
    }

    #footerWrapper #ustFooterWrapper .item:nth-child(2n) {
        border-right: 1px solid #e0e0e0;
    }
}

#footerWrapper #ustFooterWrapper .item img {
    margin: 15px 0px;
    height: 65px;
    display: inline-block;
}

#footerWrapper #ustFooterWrapper .item .baslik {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    height: 40px;
    line-height: 20px;
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #ustFooterWrapper .item .baslik {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1140px) {
    #footerWrapper #ustFooterWrapper .item .baslik {
        font-size: 18px;
        height: 50px;
        line-height: 25px;
    }
}

@media only screen and (min-width: 1600px) {
    #footerWrapper #ustFooterWrapper .item .baslik {
        font-size: 19px;
        line-height: 30px;
        height: 60px;
    }
}

#footerWrapper #ustFooterWrapper .item .aciklama {
    font-size: 15px;
    font-weight: 400;
    color: #2b2b2b;
    height: 50px;
    line-height: 25px;
}

#footerWrapper #footerIcerik #footerLinkler {
    padding: 40px 0px;
}

@media only screen and (min-width: 767px) {
    #footerWrapper #footerIcerik #footerLinkler .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #footerWrapper #footerIcerik #footerLinkler .item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #footerIcerik #footerLinkler .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #footerWrapper #footerIcerik #footerLinkler .item:nth-child(4n) {
        margin-right: 0px;
    }
}

#footerWrapper #footerIcerik #footerLinkler .item .baslik {
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #footerWrapper #footerIcerik #footerLinkler .item .baslik {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1140px) {
    #footerWrapper #footerIcerik #footerLinkler .item .baslik {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1280px) {
    #footerWrapper #footerIcerik #footerLinkler .item .baslik {
        font-size: 20px;
    }
}

#footerWrapper #footerIcerik #footerLinkler .item .links li {
    margin-bottom: 20px;
}

#footerWrapper #footerIcerik #footerLinkler .item .links li a {
    font-size: 15px;
    font-weight: 400;
    color: #2f2f2f;
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #footerIcerik #footerLinkler .item .links li a {
        font-size: 16px;
    }
}

.desk #footerWrapper #footerIcerik #footerLinkler .item .links li a:hover {
    color: #dc2031;
}

#footerWrapper #footerIcerik #footerLinkler .item .aciklama {
    font-size: 15px;
    font-weight: 400;
    color: #2f2f2f;
    line-height: 22px;
    margin-bottom: 15px;
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #footerIcerik #footerLinkler .item .aciklama {
        font-size: 16px;
    }
}

#footerWrapper #footerIcerik #footerLinkler .item #ebultenWrapper {
    background-color: #e4e4e4;
    height: 50px;
    line-height: 50px;
    position: relative;
    padding-right: 100px;
}

#footerWrapper #footerIcerik #footerLinkler .item #ebultenWrapper input[type=email] {
    background-color: transparent;
    border: none;
    outline: none;
    height: 50px;
    width: 100%;
    padding: 0px 10px;
}

#footerWrapper #footerIcerik #footerLinkler .item #ebultenWrapper input[type=submit] {
    background-color: #dc2031;
    text-align: center;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: 100px;
    height: 50px;
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper {
    padding: 40px 0px;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper .item {
    margin-bottom: 20px;
}


.register-form-text ul {
    font-size: 13px;
    list-style: disc;
    padding-left: 20px;
    line-height: 15px;
}
.register-form-text ul li {
    margin-bottom: 10px;
}
.register-form-checkbox {
    font-size: 13px;
    line-height: 20px;
}
.register-form-checkbox label.error {
    padding-left: 0;
}
label.error {
    font-size: 13px;
}
@media only screen and (min-width: 767px) {
    #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
        margin-bottom: 0px;
    }

    #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item:nth-child(4n) {
        margin-right: 0px;
    }
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper .item .baslik {
    font-size: 17px;
    font-weight: 600;
    color: #373737;
    margin-bottom: 20px;
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper .item li {
    float: left;
    margin-right: 10px;
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper .item img {
    height: 35px;
}

#footerWrapper #footerIcerik #footerSosyalAglarWrapper .item #footerSosyalLinks a {
    font-size: 23px;
    color: #a0a0a0;
    padding: 0px 5px;
    display: block;
}

.desk #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item #footerSosyalLinks a.facebook:hover {
    color: #0077c6;
}

.desk #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item #footerSosyalLinks a.instagram:hover {
    color: #6000ff;
}

.desk #footerWrapper #footerIcerik #footerSosyalAglarWrapper .item #footerSosyalLinks a.youtube:hover {
    color: #c70000;
}

#footerWrapper #footerIcerik #altFooter {
    padding: 30px 0px;
    text-align: center;
}

#footerWrapper #footerIcerik #altFooter p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #898989;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    #footerWrapper #footerIcerik #altFooter p {
        float: left;
        line-height: 40px;
        margin-bottom: 0px;
    }
}

#footerWrapper #footerIcerik #altFooter a {
    display: inline-block;
}

@media only screen and (min-width: 767px) {
    #footerWrapper #footerIcerik #altFooter a {
        float: right;
    }
}

#footerWrapper #footerIcerik #altFooter a img {
    height: 40px;
}

#anasayfaYeniEklenenUrunler {
    padding-bottom: 5px;

}

@media only screen and (min-width: 767px) {
    #anasayfaYeniEklenenUrunler {
        display: block;
    }
}

#anasayfaYeniEklenenUrunler .nav {
    font-size: 17px;
    color: #6e6e6e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    cursor: pointer;
    position: absolute;
    top: 47%;
    z-index: 5;
    width: 30px;
    height: 30px;
}

.desk #anasayfaYeniEklenenUrunler .nav:hover {
    background-color: #dc2031;
    color: #fff;
    -moz-box-shadow: 0px 4px 10px #dc2031;
    -webkit-box-shadow: 0px 4px 10px #dc2031;
    box-shadow: 0px 4px 10px #dc2031;
}

#anasayfaYeniEklenenUrunler .nav#yeniEklenenUrunlerGeri {
    left: 10px;
}

#anasayfaYeniEklenenUrunler .nav#yeninEklenenUrunlerIleri {
    right: 10px;
}

#anasayfaYeniEklenenUrunler .nav.swiper-button-disabled {
    display: none;
}

#anasayfaYeniEklenenUrunler .swiper-slide {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

#anasayfaWrapper {
    padding: 40px 0px;
}

#anasayfaWrapper #anasayfaSlideMobile {
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaSlideMobile {
        display: none;
    }
}

#anasayfaWrapper #anasayfaSlideMobile .swiper-slide {
    display: inline-block;
}

#anasayfaWrapper #anasayfaSlideMobile .swiper-slide img {
    width: 100%;
}

#anasayfaWrapper #anasayfaSliderWrapper {
    padding-bottom: 45px;
    margin: 0px 10px;
    display: none;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaSliderWrapper {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #anasayfaWrapper #anasayfaSliderWrapper {
        margin: 0px;
    }
}

#anasayfaWrapper #anasayfaSliderWrapper .swiper-slide {
    opacity: 0.7;
}

#anasayfaWrapper #anasayfaSliderWrapper .swiper-slide-active {
    opacity: 1;
}

#anasayfaWrapper #anasayfaSliderWrapper img {
    width: 100%;
    border-radius: 20px;
    -moz-box-shadow: 0px 15px 38px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 15px 38px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 15px 38px rgba(0, 0, 0, 0.33);
}

#anasayfaWrapper #anasayfaSlideSayfalama {
    text-align: center;
    display: none;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaSlideSayfalama {
        display: block;
    }
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner {
    display: inline-block;
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner .nav {
    float: left;
    width: 30px;
    height: 30px;
    font-size: 17px;
    color: #6e6e6e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    cursor: pointer;
}

.desk #anasayfaWrapper #anasayfaSlideSayfalama .inner .nav:hover {
    background-color: #dc2031;
    color: #fff;
    -moz-box-shadow: 0px 4px 10px #dc2031;
    -webkit-box-shadow: 0px 4px 10px #dc2031;
    box-shadow: 0px 4px 10px #dc2031;
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner #anasayfaSlideSayfalamaUl {
    float: left;
    margin: 0px 20px;
    padding-top: 10px;
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner #anasayfaSlideSayfalamaUl span {
    float: left;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #acacac !important;
    display: block;
    margin-right: 15px;
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner #anasayfaSlideSayfalamaUl span:last-child {
    margin-right: 0px;
}

.desk #anasayfaWrapper #anasayfaSlideSayfalama .inner #anasayfaSlideSayfalamaUl span:hover {
    background-color: #dc2031;
}

#anasayfaWrapper #anasayfaSlideSayfalama .inner #anasayfaSlideSayfalamaUl span.swiper-pagination-bullet-active {
    background-color: #dc2031 !important;
    transform: scale(1.5);
}

#anasayfaWrapper #anasayfaMarkaWrapper {
    background-color: #fff;
    margin: 40px 0px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    padding: 0px 20px;
    position: relative;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav {
    position: absolute;
    top: 0px;
    z-index: 5;
    width: 20px;
    height: 100%;
    background: #8a8a8a;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #767676 100%);
    background: -webkit-linear-gradient(top, #8a8a8a 0%, #767676 100%);
    background: linear-gradient(to bottom, #8a8a8a 0%, #767676 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    cursor: pointer;
    color: #fff;
}

.desk #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav:hover {
    background: #ff5564;
    background: -moz-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: -webkit-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: linear-gradient(to bottom, #ff5564 0%, #dc2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav.swiper-button-disabled {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    color: #666;
}

.desk #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav.swiper-button-disabled:hover {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav#anasayfaMarkaSlideGeri {
    left: 0px;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .nav#anasayfaMarkaSlideIleri {
    right: 0px;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .swiper-slide {
    padding: 10px;
    height: 76px;
    cursor: pointer;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .swiper-slide.aktif, .desk #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .swiper-slide.aktif:hover {
    background-color: #fff;
}

.desk #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider .swiper-slide:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider img {
    height: 100%;
    margin: 0px auto;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px;
    padding-top: 50px;
    position: relative;
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item .markaModel {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: auto;
    height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item .markaModel {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1140px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item .markaModel {
        font-size: 18px;
    }
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item .modelYili {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: auto;
    height: auto;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

@media only screen and (min-width: 1280px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item .modelYili {
        font-size: 20px;
    }
}

#anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item img {
    height: 50px;
}

@media only screen and (min-width: 1280px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item img {
        height: 70px;
    }
}

@media only screen and (min-width: 560px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333%;
    }

    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaIcerik .item:nth-child(4n) {
        margin-right: 0px;
    }
}

#anasayfaWrapper #anasayfaKategorilerMobile {
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0px;
    margin: 20px 0px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaKategorilerMobile {
        display: none;
    }
}

#anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide {
    display: inline-block;
    width: 90px;
    background-color: #fff;
    border-radius: 3px;
    padding: 15px 3px;
    height: 125px;
    margin-right: 10px;
}

#anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide img {
    width: 85%;
    margin: 0px auto;
    margin-bottom: 5px;
}

#anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide .kategori-label {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    text-align: center;
    line-height: 20px;
    width: 100%;
    white-space: normal;
    height: 40px;
}

#anasayfaWrapper #anasayfaKategoriWrapper {
    margin: 40px 0px;
    background-color: #fff;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14);

}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaKategoriWrapper {
        display: block;
    }
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    padding: 0px 20px;
    position: relative;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav {
    position: absolute;
    top: 0px;
    z-index: 5;
    width: 20px;
    height: 100%;
    background: #8a8a8a;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #767676 100%);
    background: -webkit-linear-gradient(top, #8a8a8a 0%, #767676 100%);
    background: linear-gradient(to bottom, #8a8a8a 0%, #767676 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    cursor: pointer;
    color: #fff;
}

.desk #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav:hover {
    background: #ff5564;
    background: -moz-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: -webkit-linear-gradient(top, #ff5564 0%, #dc2031 100%);
    background: linear-gradient(to bottom, #ff5564 0%, #dc2031 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav.swiper-button-disabled {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    color: #666;
}

.desk #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav.swiper-button-disabled:hover {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav.geri {
    left: 0px;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav.ileri {
    right: 0px;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide {
    padding: 10px;
    height: 100px;
    cursor: pointer;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide .kategori-resim {
    height: 40px;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide .kategori-label {
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    text-align: center;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide.aktif, .desk #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide.aktif:hover {
    background-color: #fff;
}

.desk #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler img {
    height: 100%;
    margin: 0px auto;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item:nth-child(2n) {
    margin-right: 0px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333%;
    }

    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item:nth-child(4n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 20%;
    }

    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item:nth-child(5n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1600px) {
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 16.66667%;
    }

    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item:nth-child(6n) {
        margin-right: 0px;
    }
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item a {
    display: block;
    padding: 10px;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item .kategori-resim img {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 10px;
}

#anasayfaWrapper #anasayfaKategoriWrapper #anasayfaKategoriIcerik .item .kategori-label {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#anasayfaWrapper #haftaninFirsatlariWrapper {
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px;
    position: relative;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #haftaninFirsatlariWrapper {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #anasayfaWrapper #haftaninFirsatlariWrapper {
        padding-left: 270px;
    }
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader {
    background-color: #f6f6f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

@media only screen and (min-width: 1024px) {
    #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 2;
        width: 250px;
        height: calc(100% - 20px);
    }
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader .pos_rel {
    width: 100%;
    height: 100%;
    display: block;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader .baslik {
    font-size: 20px;
    font-weight: 500;
    color: #454545;
    padding: 30px 0px;
    text-align: center;
}

@media only screen and (min-width: 1024px) {
    #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader .baslik {
        padding: 50px 0px;
    }
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown {
    background-color: #fff;
    margin: 0px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 25%;
    padding: 10px 0px;
    position: relative;
    text-align: center;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li:nth-child(4n) {
    margin-right: 0px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li:after {
    content: ':';
    font-size: 20px;
    font-weight: bold;
    color: #808080;
    position: absolute;
    height: 100%;
    line-height: 40px;
    top: 0px;
    right: 0px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li:last-child:after {
    display: none;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li span {
    width: 100%;
    display: block;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li span.val {
    font-size: 23px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 10px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #haftaninFirsatlariCountDown li span.label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #tumunuGorLink {
    background-color: #dc2031;
    padding: 20px;
    margin-top: 30px;
}

@media only screen and (min-width: 1024px) {
    #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #tumunuGorLink {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #tumunuGorLink a {
    display: block;
    background-color: #fff;
    font-size: 17px;
    font-weight: 600;
    color: #dc2031;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav {
    font-size: 17px;
    color: #6e6e6e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    cursor: pointer;
    position: absolute;
    top: 47%;
    z-index: 5;
    width: 30px;
    height: 30px;
}

.desk #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav:hover {
    background-color: #dc2031;
    color: #fff;
    -moz-box-shadow: 0px 4px 10px #dc2031;
    -webkit-box-shadow: 0px 4px 10px #dc2031;
    box-shadow: 0px 4px 10px #dc2031;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav#haftaninFirsatlariGeri {
    left: 10px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav#haftaninFirsatlariIleri {
    right: 10px;
}

#anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide .nav.swiper-button-disabled {
    display: none;
}

#anasayfaWrapper #kampanayaGorselleriWrapper img {
    width: 100%;
}

#anasayfaWrapper #kampanayaGorselleriWrapper .item {
    margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper #kampanayaGorselleriWrapper .item.hw {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 48.5%;
    }

    #anasayfaWrapper #kampanayaGorselleriWrapper .item.hw:nth-child(2n) {
        margin-right: 0px;
    }
}

#anasayfaWrapper .anasayfaHeaderWrapper {
    text-align: center;
    margin-bottom: 40px;
}

#anasayfaWrapper .anasayfaHeaderWrapper .baslik {
    font-size: 20px;
    font-weight: 500;
    color: #454545;
    margin-bottom: 10px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper .anasayfaHeaderWrapper .baslik {
        float: left;
        margin-bottom: 0px;
        line-height: 50px;
        font-size: 23px;
    }
}

#anasayfaWrapper .anasayfaHeaderWrapper a {
    display: inline-block;
    background-color: #dc2031;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    padding: 0px 15px;
    line-height: 50px;
}

@media only screen and (min-width: 767px) {
    #anasayfaWrapper .anasayfaHeaderWrapper a {
        float: right;
        font-size: 17px;
    }
}

.desk #anasayfaWrapper .anasayfaHeaderWrapper a:hover {
    background-color: #000000;
}

.urunItems .urun_item, #anasayfaYeniEklenenUrunlerMobil .urun_item {
    position: relative;
    padding: 10px;
    z-index: 1;
}

.urunItems .urun_item.aktifBilgi, #anasayfaYeniEklenenUrunlerMobil .urun_item.aktifBilgi {
    z-index: 5;
}

.urunItems .urun_item.aktifBilgi a, #anasayfaYeniEklenenUrunlerMobil .urun_item.aktifBilgi a {
    position: relative;
    z-index: 3;
}

.urunItems .urun_item.aktifBilgi .bilgiAlPaylasWrapper .bilgiAlBtn.aktif .btn, #anasayfaYeniEklenenUrunlerMobil .urun_item.aktifBilgi .bilgiAlPaylasWrapper .bilgiAlBtn.aktif .btn {
    background-color: #f0f0f0;
}

.urunItems .urun_item.aktifBilgi .bilgiAlPaylasWrapper .bilgiAlBtn.aktif .pos_rel ul, #anasayfaYeniEklenenUrunlerMobil .urun_item.aktifBilgi .bilgiAlPaylasWrapper .bilgiAlBtn.aktif .pos_rel ul {
    opacity: 1;
    transform: translateY(0px) scale(1);
    pointer-events: unset;
}

.urunItems .urun_item.aktifBilgi .bilgiAlPaylasWrapper .paylasBtn.aktif ul, #anasayfaYeniEklenenUrunlerMobil .urun_item.aktifBilgi .bilgiAlPaylasWrapper .paylasBtn.aktif ul {
    opacity: 1;
    transform: translateY(0px) scale(1);
    pointer-events: unset;
}

.urunItems .urun_item .img, #anasayfaYeniEklenenUrunlerMobil .urun_item .img {
    position: relative;
    display: flex;
    height: 200px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.urunItems .urun_item .img ul, #anasayfaYeniEklenenUrunlerMobil .urun_item .img ul {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.urunItems .urun_item .img ul li, #anasayfaYeniEklenenUrunlerMobil .urun_item .img ul li {
    float: left;
    width: 25%;
    height: 100%;
}

.urunItems .urun_item .img img, #anasayfaYeniEklenenUrunlerMobil .urun_item .img img {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    z-index: 1;
}

.urunItems .urun_item .baslik, #anasayfaYeniEklenenUrunlerMobil .urun_item .baslik {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}

@media only screen and (min-width: 1024px) {
    .urunItems .urun_item .baslik, #anasayfaYeniEklenenUrunlerMobil .urun_item .baslik {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1280px) {
    .urunItems .urun_item .baslik, #anasayfaYeniEklenenUrunlerMobil .urun_item .baslik {
        font-size: 17px;
    }
}

.urunItems .urun_item .fiyatWrapper, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper {
    text-align: center;
}

.urunItems .urun_item .fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding-bottom: 20px;
    height: 70px;
}

@media only screen and (min-width: 1024px) {
    .urunItems .urun_item .fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1280px) {
    .urunItems .urun_item .fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1600px) {
    .urunItems .urun_item .fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz {
        font-size: 23px;
    }
}

.urunItems .urun_item .fiyatWrapper.indirimsiz span, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimsiz span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-left: 5px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar {
    height: 70px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli {
    display: inline-block;
    position: relative;
    padding-left: 85px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox {
    background-color: #ed2024;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #ffb2b9;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 70px;
    height: 70px;
    padding: 5px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    top: 14px;
}

@media only screen and (min-width: 1024px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1280px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.oran {
        font-size: 22px;
    }
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.label, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimBox span.label {
    bottom: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat {
    text-align: left;
    padding-top: 5px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat {
    font-size: 14px;
    font-weight: 600;
    color: #636363;
    text-decoration: line-through;
}

@media only screen and (min-width: 1024px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1600px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat {
        font-size: 17px;
    }
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat span, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat span {
    text-decoration: none;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 1024px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1280px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1600px) {
    .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat {
        font-size: 23px;
    }
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat, .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat {
    height: 30px;
    line-height: 30px;
}

.urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat span, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .eskiFiyat span, .urunItems .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat span, #anasayfaYeniEklenenUrunlerMobil .urun_item .fiyatWrapper.indirimVar .indirimli .indirimliFiyat .yeniFiyat span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-left: 5px;
}

.urunItems .urun_item .tukendi, #anasayfaYeniEklenenUrunlerMobil .urun_item .tukendi {
    background-color: #dc2031;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 5px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.urunItems .urun_item .hizliSepeteEkle, #anasayfaYeniEklenenUrunlerMobil .urun_item .hizliSepeteEkle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #09bd00;
    padding: 10px 5px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.urunItems .urun_item .bilgiAlPaylasWrapper, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper {
    padding-right: 40px;
    position: relative;
    min-height: 30px;
    padding-top: 10px;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn {
    position: relative;
    z-index: 10;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .btn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 7px 5px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-align: center;
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel {
    position: relative;
    z-index: 6;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: auto;
    background-color: #fff;
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li {
    border-bottom: 1px solid #f0f0f0;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li:last-child, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li:last-child {
    border-bottom: none;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    position: relative;
    min-height: 40px;
    line-height: 20px;
    padding-left: 40px;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a img, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a img {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 20px;
    height: 20px;
}

.desk .urunItems .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a:hover, .desk #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .bilgiAlBtn .pos_rel ul li a:hover {
    background-color: #f0f0f0;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 2;
    width: 30px;
    height: auto;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 35px;
    width: 35px;
    cursor: pointer;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn img, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn .btn img {
    width: 20px;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul {
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 3;
    width: 35px;
    height: auto;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li {
    border-bottom: 1px solid #ccc;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li:first-child, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li:first-child {
    border-top: 1px solid #ccc;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li:last-child, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a {
    width: 35px;
    height: 35px;
}

.urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a img, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a img {
    width: 20px;
}

#breadcrumb {
    background-color: #dc2031;
    -moz-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.36);
    -webkit-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.36);
    box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.36);
    padding: 15px 10px;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    #breadcrumb {
        padding: 0px;
        height: 50px;
        line-height: 50px;
    }
}

#breadcrumb li {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

@media only screen and (min-width: 767px) {
    #breadcrumb li {
        margin-bottom: 0px;
    }
}

#breadcrumb li:last-child {
    margin-bottom: 0px;
}

#breadcrumb li.current {
    font-weight: 500;
}

#breadcrumb li a {
    color: #fff;
    font-weight: 500;
    position: relative;
}

#breadcrumb li a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    z-index: 2;
    width: 0px;
    height: 2px;
    background-color: #fff;
}

.desk #breadcrumb li a:hover:after {
    width: 100%;
}

#urunlerWrapper #urunlerHeaderWrapper {
    padding: 40px 0px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

#urunlerWrapper #urunlerHeaderWrapper h1 {
    font-size: 25px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerHeaderWrapper h1 {
        font-size: 27px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunlerWrapper #urunlerHeaderWrapper h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerHeaderWrapper h1 {
        font-size: 33px;
    }
}

#urunlerWrapper #urunlerHeaderWrapper p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 30px;
}

#urunlerWrapper #urunlerHeaderWrapper p strong {
    font-weight: bold;
    color: #000;
}

#urunlerWrapper #urunlerHeaderWrapper p:last-child {
    margin-bottom: 0px;
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerHeaderWrapper p {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerHeaderWrapper p {
        font-size: 16px;
    }
}

#urunlerWrapper #urunlerIcerik {
    padding: 40px 10px;
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerIcerik {
        padding: 40px 0px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper {
    margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
    #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper {
        float: left;
        width: 30%;
    }
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper {
        width: 220px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper {
        width: 250px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper {
        width: 300px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .baslik {
    font-size: 15px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .baslik {
        font-size: 16px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme {
    margin-bottom: 30px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme.filtreKaldir li a {
    border-color: #dc2031;
    color: #dc2031;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li {
    margin-bottom: 15px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li:last-child {
    margin-bottom: 0px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a {
    min-height: 60px;
    padding: 10px;
    position: relative;
    padding-left: 60px;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.desk #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a:hover {
    border-color: #dc2031;
    color: #dc2031;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a .imgWrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 40px;
    height: 40px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a .imgWrapper img {
    width: 100%;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a .icon {
    position: absolute;
    top: 50%;
    left: -10px;
    z-index: 2;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #dc2031;
    color: #fff;
    font-size: 9px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links {
    margin-bottom: 30px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links li {
    margin-bottom: 15px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links li:last-child {
    margin-bottom: 0px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links li a {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.desk #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links li a:hover {
    color: #dc2031;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links.filtreKaldir li a {
    display: block;
    line-height: 20px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links.filtreKaldir li a span.icon {
    width: 20px;
    height: 20px;
    background-color: #dc2031;
    color: #fff;
    font-size: 10px;
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .swiper-container {
    margin-bottom: 30px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .swiper-container:last-child {
    margin-bottom: 0px;
}

#urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .swiper-container .links {
    margin-bottom: 0px;
}

@media only screen and (min-width: 767px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems {
        float: right;
        width: 68%;
    }
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems {
        width: 700px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems {
        width: 810px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems {
        width: 900px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems {
        width: 1200px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 10px;
}

#urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul {
    background-color: #f0f0f0;
    border-radius: 3px;
    overflow: hidden;
}

@media only screen and (min-width: 560px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 767px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li:nth-child(4n) {
        margin-right: 0px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li a {
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.desk #urunlerWrapper #urunlerIcerik #urunlerItems #urunlerSortingLinks ul li a:hover {
    background-color: #dc2031;
    color: #fff;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .urun_item {
    border: 2px solid #fff;
    background-color: #fff;
    margin-bottom: 30px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media only screen and (min-width: 560px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 48.5%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 31.33333%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(3n) {
        margin-right: 0px;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(2n) {
        margin-right: 3%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(3n) {
        margin-right: 0px !important;
    }
}

@media only screen and (min-width: 1600px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 22.75%;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(4n) {
        margin-right: 0px;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(3n) {
        margin-right: 3% !important;
    }

    #urunlerWrapper #urunlerIcerik #urunlerItems .urun_item:nth-child(4n) {
        margin-right: 0px !important;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerItems .urun_item.haftaninUrunu {
    border-color: #ff7e00;
    position: relative;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .urun_item.haftaninUrunu:before {
    content: attr(data-tip);
    padding: 8px;
    background-color: #ff7e00;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: auto;
    height: auto;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container {
    text-align: center;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul {
    display: inline-block;
    padding: 5px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul {
        padding: 7px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li {
    float: left;
    margin-right: 10px;
}

@media only screen and (min-width: 1140px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li {
        margin-right: 20px;
    }
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li:last-child, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li:last-child {
    margin-right: 0px;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li a, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li a {
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #4f4f4f;
}

@media only screen and (min-width: 1140px) {
    #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li a, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li a {
        padding: 0px 15px;
    }
}

.desk #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li a:hover, .desk #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li a:hover {
    background-color: #e6e6e6;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li a.aktif, .desk #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li a.aktif:hover, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li a.aktif, .desk #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li a.aktif:hover {
    background-color: #dc2031;
    -moz-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    -webkit-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    color: #fff;
}

#urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li.active a, #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li.active a {
    background-color: #dc2031;
    -moz-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    -webkit-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    color: #fff;
}

.desk #urunlerWrapper #urunlerIcerik #urunlerItems .sayfalama ul li.active a:hover, .desk #urunlerWrapper #urunlerIcerik #urunlerItems .pagination-container ul li.active a:hover {
    background-color: #dc2031;
    -moz-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    -webkit-box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    box-shadow: 0px 2px 6px rgba(220, 32, 49, 0.52);
    color: #fff;
}

#urunlerWrapper #urunlerSeoIcerikWrapper {
    margin-bottom: 40px;
    max-height: 250px;
    overflow: auto;
}

#urunDetayWrapper #urunDetayIcerik {
    background-color: #fff;
    padding: 40px 0px;
    border-bottom: 1px solid #c9c9c9;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik {
        padding: 0px;
    }
}

#urunDetayWrapper #urunDetayIcerik #mobilUrunBaslik {
    font-size: 25px;
    font-weight: 500;
    color: #000;
    line-height: 35px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #mobilUrunBaslik {
        display: none;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
    background-color: #eeeeee;
    padding-bottom: 15px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
        float: left;
        width: 43%;
    }
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
        width: 430px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
        width: 500px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
        width: 600px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper {
        width: 660px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim {
    position: relative;
    padding: 15px 15px 10px 15px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim > span {
    display: block;
    -moz-box-shadow: 0px 8px 32px rgba(182, 182, 182, 0.52);
    -webkit-box-shadow: 0px 8px 32px rgba(182, 182, 182, 0.52);
    box-shadow: 0px 8px 32px rgba(182, 182, 182, 0.52);
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim {
        padding: 30px 30px 10px 30px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim img {
    width: 100%;
    margin: 0px auto;
    cursor: pointer;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav {
    position: absolute;
    top: 47%;
    z-index: 3;
    width: 30px;
    height: 30px;
    -moz-box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 17px;
    color: #fff;
    background-color: #dc2031;
    cursor: pointer;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav {
        width: 40px;
        height: 40px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav[data-role=geri] {
    left: 0px;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav[data-role=geri] {
        left: 10px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav[data-role=ileri] {
    right: 0px;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim .nav[data-role=ileri] {
        right: 10px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs {
    padding: 0px 15px;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs {
        padding: 0px 30px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 33.33333%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid #c2c2c2;
    color: #8b8b8b;
    cursor: pointer;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li:nth-child(3n) {
    margin-right: 0px;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li:hover {
    color: #666;
    border-bottom-color: #666;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li .icon {
    font-size: 20px;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li .icon {
        display: none;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li .text {
    display: none;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li .text {
        font-size: 15px;
        display: block;
        font-size: 14px;
        font-weight: 500;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li.aktif, .desk #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayGorselVideoTabs .tab li.aktif:hover {
    color: #dc2031;
    border-bottom-color: #dc2031;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item {
    display: none;
    padding: 0px 30px;
    position: relative;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item:first-child {
    display: block;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .swiper-slide {
    border: 2px solid #fff;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .swiper-slide.aktif {
    border-color: #dc2031;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .swiper-container {
    padding: 15px 0px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item img {
    width: 100%;
    -moz-box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
    -webkit-box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
    box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.33);
    position: absolute;
    top: 40%;
    z-index: 3;
    width: 20px;
    height: 20px;
    font-size: 10px;
    cursor: pointer;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav.geri {
    left: 0px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav.ileri {
    right: 0px;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .nav:hover {
    background-color: #dc2031;
    -moz-box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    -webkit-box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    box-shadow: 0px 4px 10px rgba(220, 32, 49, 0.33);
    color: #fff;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li {
    background-color: #fff;
    color: #fff;
    -moz-box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
    -webkit-box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
    box-shadow: 0px 8px 12px rgba(182, 182, 182, 0.52);
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li span.icon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #666;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li img {
    opacity: 0;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li:hover span.icon {
    color: #fff;
    background-color: #dc2031;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
    padding-top: 40px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
        width: 55%;
        float: right;
        padding-top: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
        width: 490px;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
        width: 560px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
        width: 600px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper {
        width: 840px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper h1 {
    display: none;
    font-size: 25px;
    font-weight: 500;
    color: #000;
    line-height: 35px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper h1 {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper h1 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper h1 {
        font-size: 32px;
        line-height: 45px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper h1 {
        font-size: 35px;
        line-height: 48px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper {
    text-align: center;
    margin-bottom: 40px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper {
    margin-bottom: 10px;
    display: inline-block;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper {
        float: left;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimsiz {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 700px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimsiz {
        height: 75px;
        line-height: 75px;
    }
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimsiz {
        height: auto;
        line-height: unset;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimsiz {
        height: 75px;
        line-height: 75px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimsiz span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli {
    position: relative;
    min-height: 90px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimBox {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 75px;
    height: 75px;
    background-color: #ed2024;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimBox span {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimBox span.oran {
    top: 15px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimBox span.label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    bottom: 13px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat {
    height: 37.5px;
    line-height: 37.5px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat span, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat span {
    font-size: 25px;
    font-weight: 400;
    margin-left: 5px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat {
    font-size: 26px;
    font-weight: 600;
    color: #636363;
    text-decoration: line-through;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunFiyatWrapper .tukendi {
    background-color: #dc2031;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 50px;
    height: 50px;
    padding: 0px 30px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz {
    padding-top: 30px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz {
        float: right;
        padding-top: 10px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #yildizlar {
    display: inline-block;
    margin-bottom: 10px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #yildizlar li {
    float: left;
    margin-right: 5px;
    font-size: 20px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #yildizlar li:last-child {
    margin-right: 0px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #yildizlar li.dolu {
    color: #ff8600;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #yildizlar li.bos {
    color: #797979;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #urunDetayYorumYapLinks {
    width: 100%;
    display: block;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #urunDetayYorumYapLinks ul {
    display: inline-block;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #urunDetayYorumYapLinks ul li {
    float: left;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #urunDetayYorumYapLinks ul li:last-child {
    margin-right: 0px;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayFiyatYorumWrapper #urunDetayYorumYildiz #urunDetayYorumYapLinks ul li.btn:hover {
    color: #dc2031;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper {
    border: 2px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 20px 10px 20px;
    margin-bottom: 20px;
    position: relative;
    /*li {
                    float: left;
                    @include kareOlusturJustWH(55px);
                    border: 2px solid #ccc;
                    margin-right: 10px;
                    margin-bottom: 10px;
                    cursor: pointer;
                    @extend .transition_04s;
                    @include border-radius(10px);
                    overflow: hidden;

                    .desk &:hover {
                        border-color: #666;
                    }

                    &.aktif, .desk &.aktif:hover {
                        border-color: $anaRenk;
                    }


                    img {
                        width: 100%;
                    }
                }*/
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper .baslik {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    background-color: #fff;
    position: absolute;
    top: -16px;
    left: 20px;
    z-index: 3;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li {
    position: relative;
    margin-bottom: 10px;
    padding: 5px;
    min-height: 50px;
    padding-left: 60px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li.aktif, .desk #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li.aktif:hover {
    background-color: #dedede;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li.aktif img, .desk #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li.aktif:hover img {
    border-color: #dc2031;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li:hover {
    background-color: #f0f0f0;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunVaryasyonlariWrapper li img {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 2px solid #ccc;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper {
    position: relative;
    margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper {
        padding-left: 220px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper {
    background-color: #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 15px;
    height: 84px;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .input {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 74px;
    display: block;
    width: 65%;
    line-height: 74px;
    text-align: center;
    float: left;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .input input[type=number] {
    display: none;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .input .adetVal {
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .input .label {
    font-size: 15px;
    font-weight: 400;
    color: #585858;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns {
    float: right;
    width: 33%;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
    height: 74px;
    background-color: #7d7d7d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li:nth-child(2n) {
    margin-right: 0px;
}

.desk #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li:hover {
    background-color: #666;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li {
        float: none;
        margin-bottom: 5px;
        width: 100%;
        height: 34.5px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li:nth-child(2n) {
    margin-right: 0px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li.sepetEkle {
    background-color: #5f5f5f;
    -moz-box-shadow: 0px 9px 16px rgba(95, 95, 95, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(95, 95, 95, 0.35);
    box-shadow: 0px 9px 16px rgba(95, 95, 95, 0.35);
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li.hemenAl {
    background-color: #09bd00;
    -moz-box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
    box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li {
        font-size: 17px;
        height: 84px;
        line-height: 84px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleBtns li {
        font-size: 22px;
    }
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper {
    margin-bottom: 40px;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #d9d9d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    padding-left: 55px;
    height: 55px;
    font-size: 14px;
    font-weight: 500;
    color: #dc2031;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 55px;
    font-size: 35px;
    color: #2e2e2e;
}

#urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayKisaAciklama {
    font-size: 15px;
    font-weight: 400;
    color: #535353;
    line-height: 30px;
}

#urunDetayWrapper #benzerUrunlerBaslik {
    font-size: 20px;
    font-weight: 500;
    color: #454545;
    text-align: center;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #benzerUrunlerBaslik {
        font-size: 23px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li {
    background-color: #c4c4c4;
    font-size: 15px;
    font-weight: 500;
    color: #575757;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0px 15px;
    cursor: pointer;
    position: relative;
}

#urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li.aktif {
    background-color: #fff;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li.aktif:before {
        content: '';
        background-color: #fff;
        position: absolute;
        top: -10px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 10px;
    }
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li {
        float: left;
        margin-right: 5px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li:last-child {
    margin-right: 0px;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunlerTabsWrapper #urunDetaytabLinks li {
        padding: 0px 30px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs {
        padding: 30px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs {
        padding: 40px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item {
    display: none;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item:first-child {
    display: block;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html p {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #535353;
    line-height: 30px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html strong, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html b, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h1, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h2, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h3, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h4, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h5, #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h6 {
    font-weight: bold;
    color: #000;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html i {
    font-style: italic;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html u {
    text-decoration: underline;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h1 {
    font-size: 40px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h2 {
    font-size: 35px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h3 {
    font-size: 30px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h4 {
    font-size: 25px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h5 {
    font-size: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html h6 {
    font-size: 15px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html li {
    list-style: disc;
    list-style-position: inside;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item.html ul {
    margin-left: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumYapilmamisWrapper {
    background-color: #f2f3f4;
    padding: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumYapilmamisWrapper .icon {
    font-size: 70px;
    padding: 40px 0px;
    color: #666;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumYapilmamisWrapper .baslik {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 35px;
    margin-bottom: 25px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumYapilmamisWrapper .link {
    display: inline-block;
    padding: 0px 25px;
    background-color: #dc2031;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj {
    background-color: #f2f3f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj {
        padding-left: 250px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj {
        padding-left: 270px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj {
        padding-left: 290px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri {
    background-color: #dc2031;
    padding: 15px;
    text-align: center;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 230px;
        height: 100%;
        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;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri {
        width: 250px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri {
        width: 270px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri .baslik {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    line-height: 33px;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri .baslik {
        font-size: 22px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumUrunBilgileri .link {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
    padding: 0px 25px;
    cursor: pointer;
    display: inline-block;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar {
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar {
        float: left;
        width: 70%;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li {
    background-color: #fff;
    -moz-box-shadow: 0px 9px 16px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 9px 16px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 9px 16px rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    padding-left: 70px;
    position: relative;
    height: 70px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li {
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
        width: 18.4%;
        height: auto;
        padding: 20px 0px;
        text-align: center;
        margin-bottom: 0px;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li:nth-child(5n) {
        margin-right: 0px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li .img {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li .img {
        position: relative;
        top: unset;
        left: unset;
        display: inline-block;
        margin: 20px 0px;
        width: 70%;
        height: auto;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li .img img {
    width: 100%;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li:last-child {
    margin-bottom: 0px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li .label {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    margin-bottom: 5px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumOrantilar li .oran {
    font-size: 26px;
    font-weight: 400;
    color: #292828;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar {
    padding: 20px;
    text-align: center;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar {
        float: right;
        width: 30%;
        padding-top: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar {
        padding-top: 60px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar .baslik {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl {
    display: inline-block;
    margin-bottom: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li {
    float: left;
    margin-right: 5px;
    font-size: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li:last-child {
    margin-right: 0px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li.dolu {
    color: #ff8600;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li.bos {
    color: #797979;
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li {
        font-size: 25px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar #urunYorumYildizUl li {
        font-size: 35px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar .oran {
    font-size: 35px;
    font-weight: 400;
    color: #000;
}

@media only screen and (min-width: 1024px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar .oran {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #urunDetayYorumlarAvaraj #urunYorumYildizlar .oran {
        font-size: 45px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems {
    padding-top: 40px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem {
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBaslik {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    padding-left: 60px;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBaslik img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 50px;
    height: 50px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumAciklama {
    font-size: 15px;
    font-weight: 400;
    color: #535353;
    line-height: 30px;
    margin-bottom: 15px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumcu {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBegeni li {
    float: left;
    margin-right: 10px;
    font-style: italic;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBegeni li.btn {
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBegeni li.btn span {
    font-weight: 400;
    color: #666;
    cursor: pointer;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs .tab_item#tab_yorumlar #yorumItems .yorumItem .yorumBegeni li.btn:hover {
    text-decoration: underline;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item {
    display: block;
    width: 100%;
    padding: 20px;
    padding-top: 50px;
    height: 100%;
    position: relative;
    border-right: 1px solid #ccc;
}

#urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item .markaModel {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: auto;
    height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item .markaModel {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item .markaModel {
        font-size: 18px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item .modelYili {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: auto;
    height: auto;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item .modelYili {
        font-size: 20px;
    }
}

#urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item img {
    height: 50px;
}

@media only screen and (min-width: 1280px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item img {
        height: 70px;
    }
}

@media only screen and (min-width: 560px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(2n) {
        margin-right: 0px;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(2n) {
        border-right: none;
    }
}

@media only screen and (min-width: 767px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333%;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(3n) {
        margin-right: 0px;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(2n) {
        border-right: 1px solid #ccc;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(3n) {
        border-right: none;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(4n) {
        margin-right: 0px;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(3n) {
        border-right: 1px solid #ccc;
    }

    #urunDetayWrapper #urunlerTabsWrapper .tabs #tab_uyumluModeller .item:nth-child(4n) {
        border-right: none;
    }
}

#urunDetayWrapper .yorumYapLink {
    cursor: pointer;
}

#urunDetayYorumYapWrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 102;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(196, 196, 196, 0.7);
    display: none;
}

#urunDetayYorumYapWrapper .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: calc(100% - 20px);
    height: 100%;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 50px auto;
    width: 90%;
    max-width: 600px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    overflow: hidden;
    position: relative;
    z-index: 3;
}

@media only screen and (min-width: 1024px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik {
        max-width: 984px;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik {
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    position: relative;
    border-bottom: 2px solid #dfdfdf;
}

@media only screen and (min-width: 1024px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik {
        font-size: 22px;
        padding: 30px;
    }
}

@media only screen and (min-width: 1600px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik {
        font-size: 24px;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik .kapat {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: auto;
    height: 100%;
    border-left: 2px solid #dfdfdf;
    padding: 0px 20px;
    font-size: 20px;
    color: #adadad;
    cursor: pointer;
}

@media only screen and (min-width: 1280px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik .kapat {
        padding: 0px 30px;
    }
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik .kapat:hover {
    background-color: #dc2031;
    color: #fff;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik {
    padding: 20px;
}

@media only screen and (min-width: 1280px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik {
        padding: 30px;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .form-baslik {
    font-size: 20px;
    font-weight: bold;
    color: #dc2031;
    margin-bottom: 20px;
    text-align: center;
}

@media only screen and (min-width: 767px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .form-baslik {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1280px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .form-baslik {
        font-size: 24px;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper {
    position: relative;
    text-align: center;
    padding: 20px 0px;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 20px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper .form-baslik {
    position: relative;
    z-index: 2;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul {
    position: relative;
    z-index: 2;
    padding: 0px 20px;
    max-width: 600px;
    margin: 0px auto;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li {
    float: left;
    margin-right: 5%;
    margin-bottom: 5%;
    width: 16%;
    margin-bottom: 0px;
    cursor: pointer;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li:nth-child(5n) {
    margin-right: 0px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .label {
    font-size: 14px;
    font-weight: 500;
    color: #3e3e3e;
    margin-bottom: 15px;
    display: none;
}

@media only screen and (min-width: 560px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .label {
        display: block;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .img {
    border: 3px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #e4e4e4;
    position: relative;
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    -o-transform: scale(0.93);
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .img img:first-child {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li .img img:last-child {
    opacity: 0.5;
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li:hover .label, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li.aktif .label {
    color: #ff7e00;
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li:hover .img, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li.aktif .img {
    -moz-box-shadow: 0px 18px 27px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 18px 27px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 18px 27px rgba(0, 0, 0, 0.14);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li:hover .img img:first-child, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li.aktif .img img:first-child {
    opacity: 1;
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li:hover .img img:last-child, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #puanSecWrapper ul li.aktif .img img:last-child {
    opacity: 0;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .text {
    border: 2px solid #dfdfdf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    width: 100%;
    font-size: 14px;
    color: #666;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .text:focus {
    border-color: #dc2031;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .text.textbox {
    padding: 0px 20px;
    height: 50px;
    line-height: 50px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik .text.textarea {
    height: 100px;
    line-height: 24px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    max-height: 100px;
    padding: 20px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper {
    border: 2px solid #dfdfdf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 65px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    margin-bottom: 40px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 50px;
    height: 50px;
    border-right: 2px solid #dfdfdf;
    background-color: #f3f3f3;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap > span {
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 2px solid #a4a4a4;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    color: #545454;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap > span i {
    display: none;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap > span.aktif i {
    display: inline-block;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapmaKriterleri {
    max-height: 70px;
    overflow: auto;
    display: none;
    margin-top: 40px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapmaKriterleri p {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav {
    text-align: center;
}

@media only screen and (min-width: 767px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav {
        text-align: left;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav p {
    font-size: 14px;
    font-weight: 400;
    color: #868686;
    margin-bottom: 15px;
    line-height: 25px;
}

@media only screen and (min-width: 767px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav p {
        width: 65%;
        float: left;
        margin-bottom: 0px;
    }
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav p strong {
    font-weight: bold;
    color: #000;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav p i {
    color: #dc2031 !important;
    text-decoration: underline;
    cursor: pointer;
}

#urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav input[type=submit] {
    background-color: #09bd00;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0px 20px;
    line-height: 50px;
    height: 50px;
    border: none;
    outline: none;
}

.desk #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav input[type=submit]:hover {
    background-color: #333;
}

@media only screen and (min-width: 767px) {
    #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #yorumYapFormNav input[type=submit] {
        float: right;
        max-width: 30%;
    }
}

.kurumsal_sag {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1024px) {
    .kurumsal_sag {
        padding: 30px;
    }
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem {
    position: relative;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    .kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem {
        padding-left: 200px;
        min-height: 120px;
    }
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem:last-child {
    margin-bottom: 0px;
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .bankaLogo {
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
}

@media only screen and (min-width: 767px) {
    .kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .bankaLogo {
        padding: 0px;
        margin: 0px;
        text-align: left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 200px;
        height: 100%;
        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;
        border-bottom: none;
        border-right: 2px solid #f0f0f0;
    }
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .bankaLogo img {
    width: 80%;
    display: inline-block;
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .icerik {
    padding: 20px;
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .icerik .bankaBaslik {
    font-size: 20px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 15px;
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .icerik li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.kurumsal_sag#hesapNumaralarimizWrapper #bankaHesaplariWrapper .bankaHesapItem .icerik li:last-child {
    margin-bottom: 0px;
}

#iletisimWrapper .iletisimHeader {
    text-align: center;
    margin-bottom: 50px;
}

#iletisimWrapper .iletisimHeader h1, #iletisimWrapper .iletisimHeader h2 {
    font-size: 30px;
    font-weight: 300;
    color: #dc2031;
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper .iletisimHeader h1, #iletisimWrapper .iletisimHeader h2 {
        font-size: 35px;
    }
}

@media only screen and (min-width: 1024px) {
    #iletisimWrapper .iletisimHeader h1, #iletisimWrapper .iletisimHeader h2 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1140px) {
    #iletisimWrapper .iletisimHeader h1, #iletisimWrapper .iletisimHeader h2 {
        font-size: 45px;
    }
}

#iletisimWrapper .iletisimHeader p {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 {
    margin-bottom: 30px;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    text-align: center;
    padding: 30px 0px;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icon {
    font-size: 70px;
    color: #666;
    margin-bottom: 20px;
    height: 70px;
    line-height: 70px;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section .label {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .label {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1140px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .label {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1600px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .label {
        font-size: 20px;
    }
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1140px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik {
        font-size: 16px;
    }
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik a {
    position: relative;
    color: #333;
    display: inline-block;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0px;
    z-index: 2;
    width: 0px;
    height: 2px;
    background-color: #dc2031;
}

.desk #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik a:hover {
    color: #dc2031;
}

.desk #iletisimWrapper #iletisimBilgileri .col-xs-12 > section .icerik a:hover:after {
    width: 100%;
}

#iletisimWrapper #iletisimBilgileri .col-xs-12:first-child > section .icon {
    font-size: 90px;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper #iletisimBilgileri .col-xs-12 {
        margin-bottom: 0px;
    }
}

#iletisimWrapper #map {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 250px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    margin: 50px 0px;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper #map {
        height: 350px;
    }
}

@media only screen and (min-width: 1024px) {
    #iletisimWrapper #map {
        height: 350px;
    }
}

@media only screen and (min-width: 1140px) {
    #iletisimWrapper #map {
        height: 450px;
    }
}

@media only screen and (min-width: 1280px) {
    #iletisimWrapper #map {
        height: 550px;
    }
}

@media only screen and (min-width: 1600px) {
    #iletisimWrapper #map {
        height: 600px;
    }
}

#iletisimWrapper #iletisimFormWrapper {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    #iletisimWrapper #iletisimFormWrapper {
        padding: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #iletisimWrapper #iletisimFormWrapper {
        padding: 40px;
    }
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .label {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .text {
    background-color: #f0f0f0;
    width: 100%;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    border: 2px solid #f0f0f0;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .text:focus {
    background-color: #fff;
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.12);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.12);
    border-color: #e0e0e0;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .text.textbox {
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .text.textarea {
    min-height: 100px;
    max-height: 100px;
    height: 100px;
    max-width: 100%;
    padding: 20px;
    min-width: 100%;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .col-xs-12 {
    margin-bottom: 40px;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .col-xs-12:last-child {
    margin-bottom: 0px;
    text-align: center;
}

#iletisimWrapper #iletisimFormWrapper #iletisimForm .col-xs-12:last-child input[type=submit] {
    background-color: #dc2031;
    padding: 0px 25px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 50px;
    line-height: 50px;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

#sssWrapper {
    background-color: #fff;
}

#sssWrapper .sssKategoriItem {
    padding-top: 40px;
    border-bottom: 1px solid #f0f0f0;
}

#sssWrapper .sssKategoriItem.op-5 {
    opacity: 0.5;
}

#sssWrapper .sssKategoriItem.aktif {
    -moz-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 3;
}

#sssWrapper .sssKategoriItem.aktif .icerik .kategoriBaslik {
    color: #dc2031;
}

#sssWrapper .sssKategoriItem .icerik {
    position: relative;
    min-height: 100px;
}

@media only screen and (min-width: 767px) {
    #sssWrapper .sssKategoriItem .icerik {
        padding-left: 320px;
    }
}

#sssWrapper .sssKategoriItem .icerik .kategoriBaslik {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
    line-height: 35px;
}

@media only screen and (min-width: 767px) {
    #sssWrapper .sssKategoriItem .icerik .kategoriBaslik {
        margin-bottom: 0px;
        position: absolute;
        top: 0px;
        left: 10px;
        z-index: 2;
        width: 280px;
        height: auto;
    }
}

#sssWrapper .sssKategoriItem .icerik .sorular .soru-baslik {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-bottom: 40px;
    cursor: pointer;
}

@media only screen and (min-width: 1140px) {
    #sssWrapper .sssKategoriItem .icerik .sorular .soru-baslik {
        font-size: 17px;
    }
}

#sssWrapper .sssKategoriItem .icerik .sorular .soru-baslik.aktif {
    color: #dc2031;
    margin-bottom: 15px;
}

#sssWrapper .sssKategoriItem .icerik .sorular .soru-icerik {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-bottom: 40px;
    display: none;
}

#sssWrapper .sssKategoriItem .icerik .sorular .soru-icerik p {
    margin-bottom: 20px;
}

#sssWrapper .sssKategoriItem .icerik .sorular .soru-icerik p:last-child {
    margin-bottom: 0px;
}

.bayi-ol-baslik {
    padding: 15px;
    border: 2px solid #d9d9d9;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    text-align: center;
}

#girisYapLayout #girisYapLayHeader {
    background-color: #fff;
    padding: 5px 0px;
    text-align: center;
    position: relative;
    -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1024px) {
    #girisYapLayout #girisYapLayHeader {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #girisYapLayout #girisYapLayHeader {
        padding: 15px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #girisYapLayout #girisYapLayHeader {
        padding: 20px 0px;
    }
}

#girisYapLayout #girisYapLayHeader #camkiran-logo {
    display: inline-block;
    position: relative;
    z-index: 3;
}

#girisYapLayout #girisYapLayHeader #camkiran-logo img {
    height: 50px;
}

@media only screen and (min-width: 1024px) {
    #girisYapLayout #girisYapLayHeader #camkiran-logo img {
        height: 70px;
    }
}

@media only screen and (min-width: 1140px) {
    #girisYapLayout #girisYapLayHeader #camkiran-logo img {
        height: 80px;
    }
}

@media only screen and (min-width: 1280px) {
    #girisYapLayout #girisYapLayHeader #camkiran-logo img {
        height: 90px;
    }
}

#girisYapLayout #girisYapWrapper {
    max-width: 1100px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    overflow: hidden;
    margin: 40px auto;
    position: relative;
}

@media only screen and (min-width: 1600px) {
    #girisYapLayout #girisYapWrapper {
        max-width: 1200px;
    }
}

@media only screen and (min-width: 767px) {
    #girisYapLayout #girisYapWrapper {
        padding-right: 300px;
    }
}

@media only screen and (min-width: 1024px) {
    #girisYapLayout #girisYapWrapper {
        padding-right: 400px;
    }
}

@media only screen and (min-width: 1600px) {
    #girisYapLayout #girisYapWrapper {
        padding-right: 500px;
    }
}

#girisYapLayout #girisYapWrapper #uyeOlAciklama {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
}

#girisYapLayout #girisYapWrapper #girisYapForm {
    background-color: #fff;
    padding: 20px;
    overflow: auto;
}

@media only screen and (min-width: 767px) {
    #girisYapLayout #girisYapWrapper #girisYapForm {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 300px;
        height: 100%;
        z-index: 2;
    }
}

@media only screen and (min-width: 1024px) {
    #girisYapLayout #girisYapWrapper #girisYapForm {
        width: 400px;
        padding: 30px;
    }
}

@media only screen and (min-width: 1600px) {
    #girisYapLayout #girisYapWrapper #girisYapForm {
        width: 500px;
        padding: 40px;
    }
}

#girisYapLayout #girisYapWrapper #girisYapForm .form_row {
    margin-bottom: 20px !important;
}

#girisYapLayout #girisYapWrapper #girisYapForm .girisTab {
    margin-bottom: 40px;
}

#girisYapLayout #girisYapWrapper #girisYapForm .girisTab li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
}

#girisYapLayout #girisYapWrapper #girisYapForm .girisTab li:nth-child(2n) {
    margin-right: 0px;
}

#girisYapLayout #girisYapWrapper #girisYapForm .girisTab li a {
    padding: 0px 20px;
    border-bottom: 2px solid #d9d9d9;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    display: block;
}

.desk #girisYapLayout #girisYapWrapper #girisYapForm .girisTab li a:hover {
    border-bottom-color: #c6c6c6;
}

#girisYapLayout #girisYapWrapper #girisYapForm .girisTab li a.aktif, .desk #girisYapLayout #girisYapWrapper #girisYapForm .girisTab li a.aktif:hover {
    border-bottom-color: #dc2031;
    color: #dc2031;
}

#girisYapLayout #girisYapWrapper #girisYapForm .label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#girisYapLayout #girisYapWrapper #girisYapForm .textbox {
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    border: none;
    outline: none;
    width: 100%;
}

#girisYapLayout #girisYapWrapper #girisYapForm .textbox:focus {
    background-color: #e1e1e1;
}

#girisYapLayout #girisYapWrapper #girisYapForm #girisYapBtn {
    margin-bottom: 30px;
}

#girisYapLayout #girisYapWrapper #girisYapForm #girisYapBtn input[type=submit] {
    background-color: #dc2031;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

#girisYapLayout #girisYapWrapper #girisYapForm #facebookIleGirisYap {
    background-color: #0077c6;
    -moz-box-shadow: 0px 9px 16px rgba(0, 119, 198, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(0, 119, 198, 0.35);
    box-shadow: 0px 9px 16px rgba(0, 119, 198, 0.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

#girisYapLayout #girisYapWrapper #girisYapForm #facebookIleGirisYap > span {
    display: inline-block;
}

#girisYapLayout #girisYapWrapper #girisYapForm #facebookIleGirisYap > span span.icon {
    float: left;
    margin-right: 10px;
    font-size: 20px;
}

#girisYapLayout #girisYapWrapper #girisYapForm #facebookIleGirisYap > span span.text {
    font-size: 15px;
    font-weight: 500;
}

#girisYapLayout #girisYapWrapper #girisYapSlider {
    position: relative;
}

#girisYapLayout #girisYapWrapper #girisYapSlider #girisYapSayfalamaWrapper {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: auto;
}

#girisYapLayout #girisYapWrapper #girisYapSlider #girisYapSayfalamaWrapper > div {
    display: inline-block;
}

#girisYapLayout #girisYapWrapper #girisYapSlider #girisYapSayfalamaWrapper > div span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#girisYapLayout #girisYapWrapper #girisYapSlider #girisYapSayfalamaWrapper > div span:last-child {
    margin-right: 0px;
}

#girisYapLayout #sifremiUnuttumLink {
    padding-top: 8px;
    text-align: right;
    margin-bottom: 30px;
}

#girisYapLayout #sifremiUnuttumLink.m_bYok {
    margin-bottom: 0px !important;
}

#girisYapLayout #sifremiUnuttumLink a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #868686;
}

.desk #girisYapLayout #sifremiUnuttumLink a:hover {
    color: #dc2031;
    text-decoration: underline;
}

#girisYapLayout #sifremiUnuttumForm {
    max-width: 500px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    overflow: hidden;
    margin: 40px auto;
    position: relative;
    padding: 20px;
}

#girisYapLayout #sifremiUnuttumForm h1 {
    font-size: 25px;
    font-weight: 400;
    color: #dc2031;
    margin-bottom: 15px;
}

#girisYapLayout #sifremiUnuttumForm p {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    margin-bottom: 40px;
}

@media only screen and (min-width: 767px) {
    #girisYapLayout #sifremiUnuttumForm {
        padding: 40px;
    }
}

#girisYapLayout #sifremiUnuttumForm .text {
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    border: none;
    outline: none;
    width: 100%;
}

#girisYapLayout #sifremiUnuttumForm .text:focus {
    background-color: #e1e1e1;
}

#girisYapLayout #sifremiUnuttumForm .label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#girisYapLayout #sifremiUnuttumForm input[type=submit] {
    background-color: #dc2031;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    box-shadow: 0px 9px 16px rgba(220, 32, 49, 0.35);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

#girisYapLayout #bayiOlWrapper {
    max-width: 1100px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    overflow: hidden;
    margin: 40px auto;
    position: relative;
    padding: 40px 20px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar {
    max-width: 700px;
    margin: 0px auto;
    margin-bottom: 60px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li {
    float: left;
    margin-right: 5%;
    margin-bottom: 5%;
    width: 21.25%;
    margin-bottom: 0px;
    text-align: center;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li:nth-child(4n) {
    margin-right: 0px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li .icon {
    width: 50px;
    height: 50px;
    background-color: #f0f0f0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0px auto;
    margin-bottom: 20px;
    color: #868686;
    font-size: 20px;
}

@media only screen and (min-width: 767px) {
    #girisYapLayout #bayiOlWrapper #bayiOlAdimlar li .icon {
        width: 90px;
        height: 90px;
        font-size: 35px;
    }
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li .label {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    display: none;
}

@media only screen and (min-width: 767px) {
    #girisYapLayout #bayiOlWrapper #bayiOlAdimlar li .label {
        display: block;
    }
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li.aktif .icon {
    background-color: #dc2031;
    color: #fff;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li.aktif .label {
    color: #dc2031;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li.did .icon {
    background-color: #666;
    color: #fff;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlar li.did .label {
    color: #000;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems {
    max-width: 700px;
    margin: 0px auto;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .text {
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    width: 100%;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .text.textbox {
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .text.textarea {
    max-height: 100px;
    min-height: 100px;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 10px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .text:focus {
    background-color: #e1e1e1;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav {
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav .icon {
    font-size: 14px;
    line-height: 52px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav.geri {
    float: left;
    color: #666;
    background-color: #dbdbdb;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav.geri .icon {
    float: left;
    margin-right: 10px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav.ileri {
    float: right;
    background-color: #09bd00;
    color: #fff;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayiOlNav .nav.ileri .icon {
    float: right;
    margin-left: 10px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi {
    text-align: center;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi .icon {
    width: 150px;
    height: 150px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    border: 2px solid #e0e0e0;
    font-size: 60px;
    color: #666;
    margin: 0px auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 30px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi .baslik {
    font-size: 20px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 20px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi .aciklama {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    margin-bottom: 30px;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi .link a {
    background-color: #09bd00;
    padding: 0px 20px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayi-ol-step {
    display: none;
}

#girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems .bayi-ol-step:first-child {
    display: block;
}

#sepetimWrapper {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    margin: 40px auto;
    padding: 20px;
}

@media only screen and (min-width: 1024px) {
    #sepetimWrapper {
        padding: 40px;
    }
}

#sepetimWrapper #sepetimBosWrapper {
    background-color: #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 40px 20px;
    text-align: center;
}

@media only screen and (min-width: 1140px) {
    #sepetimWrapper #sepetimBosWrapper {
        padding: 40px;
    }
}

#sepetimWrapper #sepetimBosWrapper .icon {
    background-color: #dc2031;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0px auto;
    margin-bottom: 20px;
    font-size: 30px;
    color: #fff;
}

#sepetimWrapper #sepetimBosWrapper .baslik {
    font-size: 17px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 40px;
}

#sepetimWrapper #sepetimBosWrapper .aciklama {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 25px;
}

#sepetimWrapper #sepetimBosWrapper #sepetimBosBaslik {
    padding: 40px 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimBosWrapper #sepetimBosBaslik {
        font-size: 23px;
    }
}

#sepetimWrapper #sepetimIcerikWrapper .sepet-genel-baslik {
    font-size: 21px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 40px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper {
    margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper {
        float: left;
        width: 67%;
        margin-bottom: 0px;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item {
    margin-bottom: 20px;
    position: relative;
    padding-left: 70px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item {
        padding-right: 30px;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 50px;
    height: 50px;
    border: 2px solid #e4e4e4;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .img img {
    width: 100%;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .baslik {
    margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .baslik {
        margin-bottom: 0px;
        width: 55%;
        float: left;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .baslik a {
    line-height: 24px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper {
        float: right;
        width: 43%;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .fiyat {
    font-size: 23px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

@media only screen and (min-width: 375px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .fiyat {
        float: left;
        line-height: 50px;
        margin-bottom: 0px;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .fiyat span {
    font-size: 15px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper {
    background-color: #d4d4d4;
    width: 110px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    padding: 5px 0px;
    height: 50px;
    text-align: center;
}

@media only screen and (min-width: 375px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper {
        float: right;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper input[type=text] {
    width: 42px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper .nav {
    position: absolute;
    top: 0px;
    width: 35px;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #5f5f5f;
    z-index: 3;
    cursor: pointer;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper .nav[data-role=minus] {
    left: 0px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper .nav[data-role=plus] {
    right: 0px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item:last-child {
    margin-bottom: 0px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil {
    margin-top: 10px;
    cursor: pointer;
}

.desk #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil:hover .icon, .desk #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil:hover .text {
    color: #dc2031;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 3;
        width: 20px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 0px;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .text {
    font-size: 14px;
    font-weight: 600;
    color: #666;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .text {
        display: none;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .icon {
    display: none;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .sepetimSil .icon {
        display: inline-block;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper {
    background-color: #f0f0f0;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@media only screen and (min-width: 767px) {
    #sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper {
        width: 30%;
        float: right;
    }
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper .item {
    margin-bottom: 20px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper .item .label {
    text-align: left;
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper .item .fiyat {
    text-align: right;
    float: right;
    width: 70%;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper .item .fiyat .fiyatLabel {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper .item .fiyat .birim {
    font-size: 15px;
    font-weight: 500;
    color: #666;
}

#sepetimWrapper #sepetimIcerikWrapper #sepetimCheckOutWrapper #check-out-btn input[type=submit] {
    background-color: #09bd00;
    text-align: center;
    width: 100%;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

#faturaTipiList {
    margin-bottom: 20px;
}

#faturaTipiList li {
    float: left;
    padding: 0px 30px;
    background-color: #dedede;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.desk #faturaTipiList li:hover {
    background-color: #000000;
    color: #fff;
}

#faturaTipiList li.aktif, .desk #faturaTipiList li.aktif:hover {
    background-color: #dc2031;
    color: #fff;
}

#kullaniciLayout.desk #kullaniciNavigasyon li a:hover {
    background-color: #dc2031;
    color: #fff;
}

#kullaniciLayout.desk .userContentWrap #hesabimTabs li:hover {
    border-bottom-color: #666;
}

#kullaniciLayout #kullaniciLayHeader {
    background-color: #fff;
    padding: 5px 0px;
    text-align: center;
    position: relative;
    -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #kullaniciLayHeader {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (min-width: 1024px) {
    #kullaniciLayout #kullaniciLayHeader {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #kullaniciLayout #kullaniciLayHeader {
        padding: 15px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #kullaniciLayout #kullaniciLayHeader {
        padding: 20px 0px;
    }
}

#kullaniciLayout #kullaniciLayHeader #camkiran-logo {
    position: relative;
    z-index: 3;
    float: left;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #kullaniciLayHeader #camkiran-logo {
        float: none;
        display: inline-block;
    }
}

#kullaniciLayout #kullaniciLayHeader #camkiran-logo img {
    height: 50px;
}

@media only screen and (min-width: 1024px) {
    #kullaniciLayout #kullaniciLayHeader #camkiran-logo img {
        height: 70px;
    }
}

@media only screen and (min-width: 1140px) {
    #kullaniciLayout #kullaniciLayHeader #camkiran-logo img {
        height: 80px;
    }
}

@media only screen and (min-width: 1280px) {
    #kullaniciLayout #kullaniciLayHeader #camkiran-logo img {
        height: 90px;
    }
}

#kullaniciLayout #kullaniciLayHeader #kullaniciNavigasyonAc {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #333;
    cursor: pointer;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #kullaniciLayHeader #kullaniciNavigasyonAc {
        display: none;
    }
}

#kullaniciLayout #kullaniciNavigasyon {
    background-color: #333;
}

#kullaniciLayout #kullaniciNavigasyon > .wrapper, #kullaniciLayout #sssWrapper .sssKategoriItem #kullaniciNavigasyon > .icerik, #sssWrapper .sssKategoriItem #kullaniciLayout #kullaniciNavigasyon > .icerik, #kullaniciLayout #alisverisYapLay #kullaniciNavigasyon > #alisverisiTamamlaWrapper, #alisverisYapLay #kullaniciLayout #kullaniciNavigasyon > #alisverisiTamamlaWrapper {
    padding: 0px;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #kullaniciNavigasyon {
        display: block;
    }
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #kullaniciNavigasyon li {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 20%;
    }

    #kullaniciLayout #kullaniciNavigasyon li:nth-child(5n) {
        margin-right: 0px;
    }
}

#kullaniciLayout #kullaniciNavigasyon li a {
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

#kullaniciLayout #kullaniciNavigasyon li a.aktif {
    background-color: #dc2031;
    color: #fff;
}

#kullaniciLayout #kullaniciLayFooter {
    max-width: 1000px;
    padding-bottom: 40px;
    text-align: center;
}

#kullaniciLayout #kullaniciLayFooter p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #898989;
    line-height: 20px;
}

#kullaniciLayout #kullaniciLayFooter a {
    display: inline-block;
}

#kullaniciLayout #kullaniciLayFooter a img {
    height: 40px;
}

#kullaniciLayout .label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#kullaniciLayout .step-baslik {
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 20px;
}

#kullaniciLayout #faturaBilgileri {
    display: none;
    padding: 10px;
    background-color: #fafafa;
}

#kullaniciLayout .text {
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    width: 100%;
}

#kullaniciLayout .text.textbox {
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}

#kullaniciLayout .text.textarea {
    max-height: 100px;
    min-height: 100px;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 10px;
}

#kullaniciLayout .text:focus {
    background-color: #e1e1e1;
}

#kullaniciLayout .userContentWrap {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    margin: 40px auto;
    padding: 20px;
    max-width: 1000px;
}

#kullaniciLayout .userContentWrap.siparisWidth {
    max-width: 1250px;
}

@media only screen and (min-width: 1024px) {
    #kullaniciLayout .userContentWrap {
        padding: 40px;
    }
}

#kullaniciLayout .userContentWrap #hesabimTabs {
    margin-bottom: 50px;
}

#kullaniciLayout .userContentWrap #hesabimTabs li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
    border-bottom: 2px solid #e5e5e5;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
}

#kullaniciLayout .userContentWrap #hesabimTabs li:nth-child(2n) {
    margin-right: 0px;
}

#kullaniciLayout .userContentWrap #hesabimTabs li.aktif, #kullaniciLayout .userContentWrap #hesabimTabs li.aktif:hover {
    border-bottom-color: #dc2031;
    color: #dc2031;
}

#kullaniciLayout .userContentWrap input[type=submit] {
    background-color: #dc2031;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    width: 150px;
    display: inline-block;
    margin: 0px auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

#kullaniciLayout #yeniAdresWrapper .baslik {
    padding: 20px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    border: 2px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 40px;
}

#kullaniciLayout #yeniAdresWrapper .form-step {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    max-width: 600px;
}

#kullaniciLayout #yeniAdresWrapper input[type=submit] {
    background-color: #dc2031;
    -moz-box-shadow: 0px 3px 10px #dc2031;
    -webkit-box-shadow: 0px 3px 10px #dc2031;
    box-shadow: 0px 3px 10px #dc2031;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    width: 100%;
    max-width: 600px;
    cursor: pointer;
}

.desk #kullaniciLayout #yeniAdresWrapper input[type=submit]:hover {
    background-color: #000000;
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

#kullaniciLayout #adresYokWrapper {
    background-color: #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
}

#kullaniciLayout #adresYokWrapper .icon {
    font-size: 60px;
    color: #777;
    margin-bottom: 15px;
}

#kullaniciLayout #adresYokWrapper .label {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

#kullaniciLayout #adresYokWrapper .link a {
    padding: 0px 30px;
    background-color: #dc2031;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
}

#kullaniciLayout #adresYokWrapper .link a:hover {
    background-color: #000000;
    color: #fff;
}

#kullaniciLayout #adreslerimWrapper #yeniAdresEkleLink {
    text-align: center;
    margin-bottom: 40px;
}

#kullaniciLayout #adreslerimWrapper #yeniAdresEkleLink a {
    padding: 0px 30px;
    background-color: #dc2031;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
}

#kullaniciLayout #adreslerimWrapper #yeniAdresEkleLink a:hover {
    background-color: #000000;
    color: #fff;
}

#kullaniciLayout #adreslerimWrapper .adres_item {
    background-color: #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 30px;
    background-color: #f0f0f0;
    display: block;
    text-align: center;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #adreslerimWrapper .adres_item {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 48.5%;
    }

    #kullaniciLayout #adreslerimWrapper .adres_item:nth-child(2n) {
        margin-right: 0px;
    }
}

#kullaniciLayout #adreslerimWrapper .adres_item .baslik {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .isimSoyisim {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    margin-bottom: 10px;
    height: 40px;
    line-height: 20px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .isimSoyisim, #kullaniciLayout #adreslerimWrapper .adres_item .aciklama {
    overflow: hidden;
}

#kullaniciLayout #adreslerimWrapper .adres_item .aciklama {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    line-height: 20px;
    height: 60px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .telefon {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links {
    text-align: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    margin-top: 10px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links ul {
    display: inline-block;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links ul li {
    float: left;
    margin-left: 10px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links ul li:first-child {
    margin-left: 0px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#kullaniciLayout #adreslerimWrapper .adres_item .links ul li a.duzenle {
    background-color: #dc2031;
    color: #fff;
}

#kullaniciLayout #yorumlarimWrapper #yorumYokWrapper {
    background-color: #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 20px;
    text-align: center;
}

#kullaniciLayout #yorumlarimWrapper #yorumYokWrapper .icon {
    font-size: 60px;
    color: #777;
    margin-bottom: 15px;
}

#kullaniciLayout #yorumlarimWrapper #yorumYokWrapper .label {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem {
    background-color: #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem:last-child {
    margin-bottom: 0px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .urunBilgileri {
    position: relative;
    min-height: 55px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .urunBilgileri a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 55px;
    padding-left: 70px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .urunBilgileri a img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 55px;
    height: auto;
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumBaslik {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    padding-left: 60px;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumBaslik img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 50px;
    height: 50px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumAciklama {
    font-size: 15px;
    font-weight: 400;
    color: #535353;
    line-height: 30px;
    margin-bottom: 15px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumItemNav li {
    float: left;
    margin-right: 10px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumItemNav li:last-child {
    margin-right: 0px;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumItemNav li a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #444;
}

#kullaniciLayout #yorumlarimWrapper .yorumItem .yorumItemNav li a:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #fff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#kullaniciLayout #siparislerimWrapper .siparisItem {
    border: 2px solid #d4d4d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #siparislerimWrapper .siparisItem {
        padding-left: 350px;
        min-height: 350px;
    }
}

#kullaniciLayout #siparislerimWrapper .siparisItem:last-child {
    margin-bottom: 0px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri {
    background-color: #f0f0f0;
    border-bottom: 2px solid #d4d4d4;
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    #kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri {
        width: 30%;
        height: 100%;
        border-bottom: none;
        border-right: 2px solid #d4d4d4;
        position: absolute;
        top: 0px;
        left: 0px;
    }
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-verilis-tarih {
    font-size: 13px;
    font-weight: 400;
    color: #444;
    margin-bottom: 10px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-tarihi {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-numarasi {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-numarasi span {
    color: #dc2031;
    font-weight: 600;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-detay-bilgileri li {
    margin-bottom: 5px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-bilgileri .siparis-detay-bilgileri li:last-child {
    margin-bottom: 0px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-durum {
    background-color: #ff8500;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 20px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-urunler {
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #d4d4d4;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-urunler .siparis-urunler-baslik {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-urunler .item {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-urunler .item img {
    width: 100%;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-linkler {
    padding: 20px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-linkler li {
    float: left;
    margin-right: 10px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-linkler li:last-child {
    margin-right: 0px;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-linkler li a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    border: 1px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

#kullaniciLayout #siparislerimWrapper .siparisItem .siparis-icerik .siparis-linkler li a:hover {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
    background: linear-gradient(to bottom, #ededed 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#siparisDetayWrapper {
    width: 90%;
    max-width: 1300px;
    margin: 0px auto;
}

#siparisDetayWrapper #siparisBilgileriWrapper {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
}

@media only screen and (min-width: 767px) {
    #siparisDetayWrapper #siparisBilgileriWrapper {
        float: left;
        width: 30%;
    }
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step .baslik {
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 30px;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step:last-child {
    border-bottom: none;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step .alici-bilgileri-baslik {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step .teslimat-fatura-bilgileri li.label {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step .teslimat-fatura-bilgileri li.icerik {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    margin-bottom: 30px;
}

#siparisDetayWrapper #siparisBilgileriWrapper .siparis-detay-bilgi-step .teslimat-fatura-bilgileri li:last-child {
    margin-bottom: 0px;
}

#siparisDetayWrapper #siparisDetayIcerik {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    padding: 20px;
}

@media only screen and (min-width: 767px) {
    #siparisDetayWrapper #siparisDetayIcerik {
        float: right;
        width: 68%;
    }
}

@media only screen and (min-width: 1140px) {
    #siparisDetayWrapper #siparisDetayIcerik {
        padding: 30px;
    }
}

#siparisDetayWrapper #siparisDetayIcerik .baslik {
    font-size: 20px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 25px;
}

#siparisDetayWrapper #siparisDetayIcerik > .item {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 80px;
}

#siparisDetayWrapper #siparisDetayIcerik > .item .urun-resim {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 60px;
    height: 60px;
    display: block;
}

#siparisDetayWrapper #siparisDetayIcerik > .item .urun-resim img {
    width: 100%;
}

#siparisDetayWrapper #siparisDetayIcerik > .item .urun-baslik {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 25px;
    margin-bottom: 10px;
}

#siparisDetayWrapper #siparisDetayIcerik > .item .urun-baslik a {
    color: #000;
}

#siparisDetayWrapper #siparisDetayIcerik > .item .siparis-aciklama {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam {
    text-align: right;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam #siparisDetayOrtala {
    width: 100%;
    display: inline-block;
    max-width: 350px;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam .item {
    margin-bottom: 10px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-align: left;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam .item .label {
    width: 30%;
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam .item .fiyat {
    float: right;
    width: 70%;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam .item .fiyat .fiyatLabel {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayTutarToplam .item .fiyat .birim {
    font-size: 15px;
    font-weight: 500;
    color: #666;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayIadeLinkler {
    text-align: right;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayIadeLinkler a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    border: 1px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

#siparisDetayWrapper #siparisDetayIcerik #siparisDetayIadeLinkler a:hover {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
    background: linear-gradient(to bottom, #ededed 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#magazaGaleri {
    padding-top: 30px;
}

#magazaGaleri li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
}

#magazaGaleri li:nth-child(2n) {
    margin-right: 0px;
}

@media only screen and (min-width: 767px) {
    #magazaGaleri li {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 31.33333%;
    }

    #magazaGaleri li:nth-child(3n) {
        margin-right: 0px;
    }

    #magazaGaleri li:nth-child(2n) {
        margin-right: 3%;
    }
}

@media only screen and (min-width: 1140px) {
    #magazaGaleri li {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 22.75%;
    }

    #magazaGaleri li:nth-child(4n) {
        margin-right: 0px;
    }

    #magazaGaleri li:nth-child(3n) {
        margin-right: 3%;
    }
}

#magazaGaleri li img {
    width: 100%;
}

#urunSepetGoster {
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 115;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

#urunSepetGoster.aktif {
    opacity: 1;
    pointer-events: unset;
}

#urunSepetGoster img {
    width: 150px;
}

#mobileMenuWrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.6);
}

#mobileMenuWrapper.aktif {
    opacity: 1;
    pointer-events: unset;
}

@media only screen and (min-width: 1024px) {
    #mobileMenuWrapper.aktif {
        display: none;
    }
}

#mobileMenuWrapper.aktif #mobilMenuIcerik {
    opacity: 1;
    pointer-events: unset;
    left: 0px;
}

#mobileMenuWrapper .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: calc(100% - 20px);
    height: 100%;
}

#mobileMenuWrapper .kapat {
    cursor: pointer;
}

#mobileMenuWrapper #mobilMenuIcerik {
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: -100px;
    z-index: 20;
    width: 100%;
    height: 100%;
    max-width: 400px;
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    overflow: auto;
}

#mobileMenuWrapper #mobilMenuIcerik .baslik {
    background-color: #dc2031;
    padding: 0px 20px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: relative;
}

#mobileMenuWrapper #mobilMenuIcerik .baslik .kapat {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    width: 50px;
    height: 50px;
    font-size: 14px;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li {
    border-bottom: 1px solid #e1e1e1;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a {
    position: relative;
    padding-left: 75px;
    min-height: 60px;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 65px;
    height: 60px;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a .icon img {
    width: 80%;
    margin: 0px auto;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a .label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller {
    display: none;
    border-top: 1px solid #e1e1e1;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item {
    border-bottom: 1px solid #e1e1e1;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item:last-child {
    border-bottom: none;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item a {
    display: block;
    width: 100%;
    padding: 20px;
    padding-top: 50px;
    height: 100%;
    position: relative;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item .markaModel {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: auto;
    height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 20px;
}

@media only screen and (min-width: 767px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item .markaModel {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1140px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item .markaModel {
        font-size: 18px;
    }
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item .modelYili {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    width: auto;
    height: auto;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

@media only screen and (min-width: 1280px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item .modelYili {
        font-size: 20px;
    }
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item img {
    height: 50px;
}

@media only screen and (min-width: 1280px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item img {
        height: 70px;
    }
}

@media only screen and (min-width: 560px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
    }

    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 767px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 33.33333%;
    }

    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1140px) {
    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        width: 25%;
    }

    #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .modeller .item:nth-child(4n) {
        margin-right: 0px;
    }
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .subMenu {
    background-color: #f0f0f0;
    border-top: 1px solid #e1e1e1;
    display: none;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .subMenu .links li {
    border-bottom: 1px solid #e1e1e1;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .subMenu .links li:last-child {
    border-bottom: none;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .subMenu .links li a {
    padding: 20px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

#mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li .subMenu .kategoriKampanyalari {
    display: none;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem {
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 30px;
    -moz-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 31px 49px rgba(0, 0, 0, 0.14);
    padding: 20px;
    border: 8px solid #ff7e00;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper {
    text-align: center;
    margin-bottom: 20px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul {
    display: inline-block;
    width: 90%;
    max-width: 300px;
    margin: 0px auto;
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 10px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 25%;
    padding: 10px 0px;
    position: relative;
    text-align: center;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li:nth-child(4n) {
    margin-right: 0px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li:after {
    content: ':';
    font-size: 20px;
    font-weight: bold;
    color: #808080;
    position: absolute;
    height: 100%;
    line-height: 40px;
    top: 0px;
    right: 0px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li:last-child:after {
    display: none;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li span {
    width: 100%;
    display: block;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li span.val {
    font-size: 23px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 10px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .counDown-wrapper ul li span.label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .img {
    margin-bottom: 20px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .img img {
    width: 100%;
    border-radius: 20px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik {
    text-align: center;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .baslik {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    margin-bottom: 20px;
    height: 48px;
    overflow: hidden;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .baslik a {
    color: #000;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper {
    display: inline-block;
    margin-bottom: 20px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimsiz {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

@media only screen and (min-width: 700px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimsiz {
        height: 75px;
        line-height: 75px;
    }
}

@media only screen and (min-width: 1024px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimsiz {
        height: auto;
        line-height: unset;
    }
}

@media only screen and (min-width: 1280px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimsiz {
        height: 75px;
        line-height: 75px;
    }
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimsiz span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli {
    position: relative;
    padding-left: 90px;
    min-height: 90px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimBox {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 75px;
    height: 75px;
    background-color: #ed2024;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimBox span {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimBox span.oran {
    top: 15px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimBox span.label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    bottom: 13px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat, #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat {
    height: 37.5px;
    line-height: 37.5px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat span, #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .eskiFiyat {
    font-size: 26px;
    font-weight: 600;
    color: #636363;
    text-decoration: line-through;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .urunFiyatWrapper .indirimli .indirimFiyatlar .yeniFiyat {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .detayli-bilgi-link {
    text-align: center;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .detayli-bilgi-link a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    background-color: #09bd00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

#haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .detayli-bilgi-link a span {
    float: right;
    margin-left: 10px;
    font-size: 25px;
    line-height: 50px;
}

.desk #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik .detayli-bilgi-link a:hover {
    background-color: #068300;
}

@media only screen and (min-width: 767px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.full .img {
        width: 48%;
        float: left;
    }
}

@media only screen and (min-width: 1140px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.full .img {
        width: 40%;
    }
}

@media only screen and (min-width: 767px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.full .icerik {
        width: 50%;
        float: right;
    }
}

@media only screen and (min-width: 1140px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.full .icerik {
        width: 58%;
    }
}

@media only screen and (min-width: 767px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.half {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 48.5%;
    }

    #haftaninUrunleriWrapper .haftaninUrunleriItem.half:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 767px) {
    #haftaninUrunleriWrapper .haftaninUrunleriItem.third {
        float: left;
        margin-right: 3%;
        margin-bottom: 3%;
        width: 31.33333%;
    }

    #haftaninUrunleriWrapper .haftaninUrunleriItem.third:nth-child(3n) {
        margin-right: 0px;
    }
}

#aramaMarkaWrapper {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 40px;
    padding: 10px;
    position: relative;
    padding-left: 110px;
    min-height: 100px;
}

@media only screen and (min-width: 767px) {
    #aramaMarkaWrapper {
        text-align: left;
        min-height: 190px;
        padding: 20px;
        padding-left: 190px;
    }
}

#aramaMarkaWrapper .img {
    margin-bottom: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 80px;
    height: 80px;
}

@media only screen and (min-width: 767px) {
    #aramaMarkaWrapper .img {
        width: 150px;
        height: 150px;
        top: 20px;
        left: 20px;
    }
}

#aramaMarkaWrapper .img img {
    width: 100%;
}

#aramaMarkaWrapper .icerik {
    min-height: 100px;
}

#aramaMarkaWrapper .icerik section {
    width: 100%;
    text-align: left;
}

@media only screen and (min-width: 767px) {
    #aramaMarkaWrapper .icerik {
        min-height: 150px;
    }
}

#aramaMarkaWrapper .icerik .baslik {
    font-size: 17px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 10px;
}

@media only screen and (min-width: 767px) {
    #aramaMarkaWrapper .icerik .baslik {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1140px) {
    #aramaMarkaWrapper .icerik .baslik {
        font-size: 26px;
    }
}

#aramaMarkaWrapper .icerik .aciklama {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
}

#aramaMarkaWrapper .icerik .aciklama strong {
    color: #000;
    font-weight: bold;
}

#urunDetayGaleriWrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 102;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4;
    width: auto;
    height: 40px;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li {
    float: left;
    margin-right: 10px;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li:last-child {
    margin-right: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.dosyalarBtn {
    border: 2px solid #fff;
    padding: 0px 25px;
    border-radius: 20px;
    height: 40px;
    line-height: 37px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.dosyalarBtn:hover {
    background-color: #fff;
    color: #000;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.kapat, #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.dosyalarBtn {
    cursor: pointer;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li a#urunDetayResmiIndir {
    border: 2px solid #fff;
    padding: 0px 25px;
    border-radius: 20px;
    height: 40px;
    line-height: 37px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li a#urunDetayResmiIndir:hover {
    background-color: #fff;
    color: #000;
}

#urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.kapat {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 11px;
    color: #fff;
    opacity: 0.5;
    width: 40px;
    height: 40px;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li.kapat:hover {
    opacity: 1;
    background-color: #dc2031;
    color: #fff;
    border-color: #dc2031;
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik img, #urunDetayGaleriWrapper #urunDetayGaleriIcerik iframe {
    margin: 0px auto;
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.8);
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik iframe {
    width: 300px;
    height: 300px;
}

@media only screen and (min-width: 767px) {
    #urunDetayGaleriWrapper #urunDetayGaleriIcerik iframe {
        width: 500px;
        height: 500px;
    }
}

@media only screen and (min-width: 1140px) {
    #urunDetayGaleriWrapper #urunDetayGaleriIcerik iframe {
        width: 600px;
    }
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav {
    position: fixed;
    top: 0px;
    z-index: 3;
    width: 10%;
    height: calc(100% - 100px);
    font-size: 30px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav.geri {
    left: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriIcerik .nav.ileri {
    right: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100px;
    padding: 10px 30px;
    background-color: rgba(0, 0, 0, 0.3);
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler img {
    height: 100%;
    max-height: 80px;
    margin: 0px auto;
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler.aktif {
    border: 2px solid #dc2031;
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler .nav {
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 30px;
    height: 100%;
    font-size: 20px;
    background-color: #666;
    color: #fff;
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler .nav#urunDetayGaleriTabGeri {
    left: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriResimler .nav#urunDetayGaleriTabIleri {
    right: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper {
    background-color: #fff;
    position: fixed;
    top: 0px;
    right: -100%;
    z-index: 6;
    width: 90%;
    height: 100%;
    overflow: auto;
    max-width: 450px;
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper.aktif {
    right: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper > .baslik {
    background-color: #dc2031;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0px 20px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper > .baslik span {
    float: left;
    margin-right: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems {
    padding: 20px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item {
    margin-bottom: 5px;
    position: relative;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item:last-child {
    margin-bottom: 0px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a {
    padding: 10px;
    padding-left: 90px;
    min-height: 90px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background-color: #f0f0f0;
    border-radius: 3px;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a span {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 70px;
    height: 70px;
    font-size: 40px;
    color: #666;
}

#urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a .baslik {
    text-align: left;
    width: 100%;
    color: #000;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a:hover {
    background-color: #dc2031;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a:hover .baslik {
    color: #fff;
}

.desk #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a:hover span {
    color: #fff;
}

#alisverisYapLay {
    width: 100%;
    overflow: hidden;
}

#alisverisYapLay #alisverisYapHeader {
    background-color: #dc2031;
    text-align: center;
    padding: 10px 0px;
    -moz-box-shadow: 0px 0px 30px rgba(237, 32, 36, 0.65);
    -webkit-box-shadow: 0px 0px 30px rgba(237, 32, 36, 0.65);
    box-shadow: 0px 0px 30px rgba(237, 32, 36, 0.65);
}

#alisverisYapLay #alisverisYapHeader a {
    height: 50px;
    display: inline-block;
}

@media only screen and (min-width: 767px) {
    #alisverisYapLay #alisverisYapHeader a {
        height: 60px;
    }
}

#alisverisYapLay #alisverisYapHeader a img {
    height: 100%;
}

#alisverisYapLay #alisverisiTamamlaWrapper {
    margin: 40px auto;
}

#alisverisYapLay #alisverisiTamamlaWrapper .htmlIcerik {
    background-color: rgba(0, 0, 0, 0.015);
    padding: 15px;
    max-height: 200px;
    overflow: auto;
    margin-bottom: 30px;
}

.alisverisi-tamamla-genel-baslik {
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 20px;
    line-height: 30px;
}

.alisverisi-tamamla-genel-baslik #yeniAdresBtn {
    float: right;
    height: 30px;
    line-height: 30px;
    background-color: #dc2031;
    padding: 0px 10px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.alisverisi-tamamla-genel-baslik #yeniAdresBtn:hover {
    background-color: #333;
}

#alisverisTamamlaSepetimWrapper {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
}

@media only screen and (min-width: 1024px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper {
        width: 350px;
        margin-bottom: 2%;
        float: right;
        padding: 30px;
    }
}

@media only screen and (min-width: 1140px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper {
        width: 450px;
    }
}

@media only screen and (min-width: 1280px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper {
        width: 550px;
    }
}

@media only screen and (min-width: 1600px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper {
        width: 600px;
    }
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    min-height: 70px;
    padding-left: 70px;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item .img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    padding: 3px;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item .img img {
    width: 100%;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item .icerik .baslik {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item .icerik .aciklama {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimItems .item .icerik .aciklama strong {
    color: #000;
}

@media only screen and (min-width: 560px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimSubTotal {
        width: 250px;
        float: right;
    }
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimSubTotal li {
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimSubTotal li span {
    float: right;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

#alisverisYapLay #alisverisiTamamlaWrapper #alisverisTamamlaSepetimWrapper #alisverisTamamlaSepetimSubTotal li:last-child {
    margin-bottom: 0px;
}

{
    background-color: #fff
;
    -webkit-border-radius: 3px
;
    -moz-border-radius: 3px
;
    border-radius: 3px
;
    padding: 20px
;
}
@media only screen and (min-width: 1024px) { {
    width: 570px;
    margin-bottom: 0px;
    float: left;
}
}

@media only screen and (min-width: 1140px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisiTamamlaIcerik {
        width: 610px;
        padding: 30px;
    }
}

@media only screen and (min-width: 1280px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisiTamamlaIcerik {
        width: 650px;
    }
}

@media only screen and (min-width: 1600px) {
    #alisverisYapLay #alisverisiTamamlaWrapper #alisverisiTamamlaIcerik {
        width: 900px;
    }
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item {
    margin-bottom: 25px;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .baslik {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding: 20px;
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #cecece 100%);
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #cecece 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%, #cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item {
    background-color: #f0f0f0;
    margin-bottom: 5px;
    padding: 20px 10px;
    padding-left: 60px;
    cursor: pointer;
    position: relative;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item:last-child {
    margin-bottom: 0px;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 60px;
    height: 100%;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper .icon {
    background-color: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    border: 2px solid #ccc;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper .icon i {
    display: none;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .adres-baslik {
    font-size: 17px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
    line-height: 25px;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .adres-icerik {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .adres-icerik:last-child {
    margin-bottom: 0px;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item:hover {
    background-color: #dedede;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item:hover .icon i {
    display: inline-block;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif, .desk #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif:hover {
    background-color: #dc2031;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif .icon i, .desk #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif:hover .icon i {
    display: inline-block;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif .adres-baslik, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif .adres-icerik, .desk #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif:hover .adres-baslik, .desk #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item.aktif:hover .adres-icerik {
    color: #fff !important;
}

#teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item#faturaAdresi {
    display: none;
}

#teslimatBilgileriWrapper #teslimatFaturaAdresAyni {
    line-height: 36px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    border: 2px solid #ccc;
    border-radius: 20px;
    padding: 0px 20px;
    cursor: pointer;
    margin-bottom: 30px;
}

#teslimatBilgileriWrapper #teslimatFaturaAdresAyni span.icon {
    line-height: 40px;
    float: left;
    margin-right: 10px;
}

#teslimatBilgileriWrapper #teslimatFaturaAdresAyni input[type=checkbox] {
    width: 1.2em;
    height: 1.2em;
}

#odemeBilgileri .item {
    border: 2px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 30px;
}

#odemeBilgileri .item .baslikWrapper {
    position: relative;
    padding-left: 90px;
    min-height: 100px;
    cursor: pointer;
}

#odemeBilgileri .item .baslikWrapper .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 80px;
    height: 100%;
}

#odemeBilgileri .item .baslikWrapper .icon img {
    width: 50px;
}

#odemeBilgileri .item .baslikWrapper .icerik {
    width: 100%;
    text-align: left;
}

#odemeBilgileri .item .baslikWrapper .icerik .baslik {
    font-size: 17px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
}

#odemeBilgileri .item .baslikWrapper .icerik .aciklama {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
}

#odemeBilgileri .item > .icerik {
    border-top: 2px solid #e7e7e7;
    display: none;
    padding: 20px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper {
    padding: 10px 10px 0px 10px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li {
    float: left;
    background-color: #fafafa;
    border: 2px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 140px;
    text-align: center;
    cursor: pointer;
    padding: 10px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li .taksitLabelItem {
    margin-bottom: 20px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li .taksitLabelItem:last-child {
    margin-bottom: 0px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li .taksitLabelItem .taksitLabel {
    font-size: 13px;
    font-weight: 500;
    color: #666;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li .taksitLabelItem .fiyat {
    font-size: 17px;
    font-weight: 600;
    color: #2a2a2a;
}

#odemeBilgileri .item > .icerik #taksitlerWrapper li.aktif {
    background-color: #f5faeb;
    border-color: #84bc00;
}

#odemeBilgileri .item > .icerik .form_row {
    max-width: 500px;
}

#odemeBilgileri .item > .icerik .form_row .label {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#odemeBilgileri .item > .icerik .form_row .text {
    background-color: #fff;
    border: none;
    outline: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid #ccc;
    font-size: 19px;
    font-weight: 500;
    color: #000;
}

.taksitSecenekleriAciklama {
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
    line-height: 24px;
}

#odemeBilgileri .item.aktif {
    border-color: #666;
}

#odemeBilgileri .item.aktif .baslikWrapper .baslik {
    color: #dc2031;
}

#odemeBilgileri .item.aktif .baslikWrapper .aciklama {
    color: #000;
}

#odemeBilgileri > .icerik {
    border-top-color: #666;
    display: block;
}

.desk #odemeBilgileri .item:hover {
    border-color: #666;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem {
    border-bottom: 2px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-height: 70px;
    position: relative;

    cursor: pointer;
    padding-right: 40px;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .img {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin-right: 30px;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .img img {
    width: 100%;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .hesapNoIcerik{
    float: left;
}
#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .hesapNoIcerik li {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .hesapNoIcerik li:last-child {
    margin-bottom: 0px;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .hesapNoIcerik li strong {
    font-size: 16px;
    font-weight: 600;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .checkIcon {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 30px;
    height: 30px;
    background-color: #fff;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem .checkIcon i {
    display: none;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem.aktif .checkIcon, .desk #odemeBilgileri #havaleHesapBilgileri .hesapNoItem:hover .checkIcon {
    background-color: #09bd00;
    color: #fff;
}

#odemeBilgileri #havaleHesapBilgileri .hesapNoItem.aktif .checkIcon i, .desk #odemeBilgileri #havaleHesapBilgileri .hesapNoItem:hover .checkIcon i {
    display: inline-block;
}

.alisverisi-tamamla-genel-aciklama {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f0f0f0;
    line-height: 24px;
    margin-bottom: 45px;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 20px;
}

#alisverisYapLay #siparisiTamamlaBtn {
    background-color: #dc2031;
    -moz-box-shadow: 0px 3px 10px #dc2031;
    -webkit-box-shadow: 0px 3px 10px #dc2031;
    box-shadow: 0px 3px 10px #dc2031;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    width: 100%;
    cursor: pointer;
}

.desk #alisverisYapLay #siparisiTamamlaBtn:hover {
    background-color: #000000;
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

#alisverisYapLay #siparisiTamamlaBtn.aktif {
    -moz-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.15);
    pointer-events: none;
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
}

#DDDsecureWrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 100%;
    display: none;
}

#DDDsecureWrapper > span.overlay {
    background-color: rgba(102, 102, 102, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#DDDsecureWrapper #DDDsecureIframe {
    /*@include panelOlustur(fixed,top,left,0px,0px,2,100%,100%);
        background-color: #fff;*/
    position: relative;
    z-index: 2;
    width: 90%;
    margin: 0px auto;
    max-width: 650px;
    max-height: 650px;
    background-color: #fff;
}

#DDDsecureWrapper #DDDsecureIframe iframe {
    width: 100%;
    height: 100%;
}

#alisverisiTamamlaYeniAdresPopup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 102;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
}

#alisverisiTamamlaYeniAdresPopup.aktif {
    display: block;
}

#alisverisiTamamlaYeniAdresPopup span.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: calc(100% - 20px);
    height: 100%;
}

#alisverisiTamamlaYeniAdresPopup .kapat {
    cursor: pointer;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik {
    background-color: #fff;
    margin: 100px auto;
    width: 90%;
    max-width: 700px;
    -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
    border-radius: 3px;
    padding: 20px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .kapat {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 3;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #dc2031;
    font-size: 11px;
    color: #fff;
    -moz-box-shadow: 0px 0px 15px #666;
    -webkit-box-shadow: 0px 0px 15px #666;
    box-shadow: 0px 0px 15px #666;
}

@media only screen and (min-width: 767px) {
    #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik {
        padding: 30px;
    }
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .baslik {
    padding: 20px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$ start, endColorstr=$ stop, GradientType=0);
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    border: 2px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 40px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .form-step {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .label {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .text {
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    width: 100%;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .text.textbox {
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .text.textarea {
    max-height: 100px;
    min-height: 100px;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 10px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .text:focus {
    background-color: #e1e1e1;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik .step-baslik {
    font-size: 17px;
    font-weight: 500;
    color: #dc2031;
    margin-bottom: 20px;
}

#alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik input[type=submit] {
    background-color: #dc2031;
    -moz-box-shadow: 0px 3px 10px #dc2031;
    -webkit-box-shadow: 0px 3px 10px #dc2031;
    box-shadow: 0px 3px 10px #dc2031;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: none;
    width: 100%;
    cursor: pointer;
}

.desk #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik input[type=submit]:hover {
    background-color: #000000;
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

#girisYapFooterLayWrap {
    max-width: 1000px;
    padding-bottom: 40px;
    text-align: center;
}

#girisYapFooterLayWrap p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #898989;
    line-height: 20px;
}

#girisYapFooterLayWrap a {
    display: inline-block;
}

#girisYapFooterLayWrap a img {
    height: 40px;
}

#kampanyaPopup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 140;
    width: 100%;
    height: 100%;
}

#kampanyaPopup .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#kampanyaPopup .kapat {
    cursor: pointer;
}

#kampanyaPopup #kampanyaPopUpIcerik {
    margin: 50px auto;
    width: 90%;
    max-width: 700px;
    position: relative;
    z-index: 2;
    border: 3px solid #fff;
}

#kampanyaPopup #kampanyaPopUpIcerik .kapat {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 2;
    width: 30px;
    height: 30px;
    background-color: #dc2031;
    color: #fff;
    font-size: 13px;
    border-radius: 100%;
}

#kampanyaPopup #kampanyaPopUpIcerik img {
    width: 100%;
}

#sepeteEklePopup {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 120;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
}

#sepeteEklePopup.flexbox, #headerWrapper #logoAramaWrapper #aramaWrapper .pos_rel .input #sepeteEklePopup.icon, #headerWrapper #logoAramaWrapper #headerSepetimWrapper > ul > li > a#sepeteEklePopup.sepetLink:after, #headerWrapper #navigationMenuWrapper #navMenuUl > ul > li > a #sepeteEklePopup.label, #headerWrapper #markaNavigationWrapper #sepeteEklePopup.nav, #headerWrapper #markaNavigationWrapper #layoutMarkalar #sepeteEklePopup.swiper-slide, #footerWrapper #ustFooterWrapper .item #sepeteEklePopup.baslik, #footerWrapper #ustFooterWrapper .item #sepeteEklePopup.aciklama, #anasayfaYeniEklenenUrunler #sepeteEklePopup.nav, #anasayfaWrapper #anasayfaSlideSayfalama .inner #sepeteEklePopup.nav, #anasayfaWrapper #anasayfaMarkaWrapper #anasayfaMarkaSlider #sepeteEklePopup.nav, #anasayfaWrapper #anasayfaKategorilerMobile .swiper-slide #sepeteEklePopup.kategori-label, #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler #sepeteEklePopup.nav, #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide #sepeteEklePopup.kategori-label, #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariSlide #sepeteEklePopup.nav, .urunItems .urun_item #sepeteEklePopup.fiyatWrapper.indirimsiz, #anasayfaYeniEklenenUrunlerMobil .urun_item #sepeteEklePopup.fiyatWrapper.indirimsiz, .urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn #sepeteEklePopup.btn, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn #sepeteEklePopup.btn, .urunItems .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a#sepeteEklePopup, #anasayfaYeniEklenenUrunlerMobil .urun_item .bilgiAlPaylasWrapper .paylasBtn ul li a#sepeteEklePopup, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a #sepeteEklePopup.imgWrapper, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .resimliFiltreleme li a #sepeteEklePopup.icon, #urunlerWrapper #urunlerIcerik #urunlerFiltrelemeWrapper .links.filtreKaldir li a span#sepeteEklePopup.icon, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper #urunDetayAnaResim #sepeteEklePopup.nav, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item #sepeteEklePopup.nav, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li#sepeteEklePopup, #urunDetayWrapper #urunDetayIcerik #urunDetayGorsellerWrapper .tab_item .dosyalarListesi li span#sepeteEklePopup.icon, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetaySepetEkleWrapper #sepeteEkleWrapper .btns li#sepeteEklePopup, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li#sepeteEklePopup, #urunDetayWrapper #urunDetayIcerik #urunDetayIcerikWrapper #urunDetayBilgilendirmeWrapper #urunDetayBilgilendirmeUl li #sepeteEklePopup.icon, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .baslik #sepeteEklePopup.kapat, #urunDetayYorumYapWrapper #urunDetayYorumYapIcerik .icerik #isimGorunsunWrapper #isimCbWrap > span#sepeteEklePopup, #girisYapLayout #bayiOlWrapper #bayiOlAdimlar li #sepeteEklePopup.icon, #girisYapLayout #bayiOlWrapper #bayiOlAdimlarItems #bayilikOnaylandi #sepeteEklePopup.icon, #sepetimWrapper #sepetimBosWrapper #sepeteEklePopup.icon, #sepetimWrapper #sepetimIcerikWrapper #sepetUrunlerWrapper #sepetimItems .item .fiyatSepeteEkleWrapper .sepeteekleWrapper #sepeteEklePopup.nav, #mobileMenuWrapper #mobilMenuIcerik .baslik #sepeteEklePopup.kapat, #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a#sepeteEklePopup, #mobileMenuWrapper #mobilMenuIcerik #kategorileriYukle > ul > li > a #sepeteEklePopup.icon, #haftaninUrunleriWrapper .haftaninUrunleriItem .icerik #sepeteEklePopup.baslik, #aramaMarkaWrapper #sepeteEklePopup.img, #aramaMarkaWrapper #sepeteEklePopup.icerik, #urunDetayGaleriWrapper #urunDetayGaleriOzellikler li#sepeteEklePopup.kapat, #urunDetayGaleriWrapper #urunDetayGaleriIcerik #sepeteEklePopup.nav, #urunDetayGaleriWrapper #urunDetayGaleriResimler #sepeteEklePopup.nav, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper > .baslik span#sepeteEklePopup, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a#sepeteEklePopup, #urunDetayGaleriWrapper #urunDetayGaleriDosyalarWrapper #urunDetayGaleriDosyalarItems .item a span#sepeteEklePopup, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item #sepeteEklePopup.icon-wrapper, #teslimatBilgileriWrapper .alisveris-tamamla-teslimat-item .item .icon-wrapper #sepeteEklePopup.icon, #odemeBilgileri .item #sepeteEklePopup.baslikWrapper, #odemeBilgileri .item .baslikWrapper #sepeteEklePopup.icon, #odemeBilgileri #havaleHesapBilgileri .hesapNoItem #sepeteEklePopup.checkIcon, #alisverisiTamamlaYeniAdresPopup #alisverisiTamamlaYeniAdresIcerik #sepeteEklePopup.kapat, #kampanyaPopup #kampanyaPopUpIcerik #sepeteEklePopup.kapat, #sepeteEklePopup .icerik #sepeteEklePopup.kapat, #sepeteEklePopup .icerik .sepeteEkleWrapper .btns li#sepeteEklePopup {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

#sepeteEklePopup .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: calc(100% - 20px);
    height: 100%;
}

#sepeteEklePopup .kapat {
    cursor: pointer;
}

#sepeteEklePopup .icerik {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px;
    width: 300px;
    margin: 50px auto;
    position: relative;
    z-index: 2;
    background-color: #fff;
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 767px) {
    #sepeteEklePopup .icerik {
        width: 450px;
    }
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper {
    border: 2px solid #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 20px 10px 20px;
    margin-bottom: 20px;
    position: relative;
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper .baslik {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    background-color: #fff;
    position: absolute;
    top: -16px;
    left: 20px;
    z-index: 3;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper li {
    position: relative;
    margin-bottom: 10px;
    padding: 5px;
    min-height: 50px;
    padding-left: 60px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper li.aktif, .desk #sepeteEklePopup .icerik .urunVaryasyonlariWrapper li.aktif:hover {
    background-color: #dedede;
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper li.aktif img, .desk #sepeteEklePopup .icerik .urunVaryasyonlariWrapper li.aktif:hover img {
    border-color: #dc2031;
}

.desk #sepeteEklePopup .icerik .urunVaryasyonlariWrapper li:hover {
    background-color: #f0f0f0;
}

#sepeteEklePopup .icerik .urunVaryasyonlariWrapper li img {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 2px solid #ccc;
}

#sepeteEklePopup .icerik .kapat {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 2;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #dc2031;
    font-size: 16px;
    color: #fff;
}

#sepeteEklePopup .icerik .baslik {
    font-size: 20px;
    font-weight: 600;
    color: #dc2031;
    margin-bottom: 30px;
    line-height: 30px;
}

#sepeteEklePopup .icerik .label {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 8px;
}

#sepeteEklePopup .icerik select {
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.06);
    box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper {
    background-color: #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 15px;
    height: 84px;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .input {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 74px;
    display: block;
    width: 65%;
    line-height: 74px;
    text-align: center;
    float: left;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .input input[type=number] {
    display: none;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .input .adetVal {
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .input .label {
    font-size: 15px;
    font-weight: 400;
    color: #585858;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .btns {
    float: right;
    width: 33%;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .btns li {
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 48.5%;
    height: 74px;
    background-color: #7d7d7d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

#sepeteEklePopup .icerik .sepeteEkleWrapper .btns li:nth-child(2n) {
    margin-right: 0px;
}

.desk #sepeteEklePopup .icerik .sepeteEkleWrapper .btns li:hover {
    background-color: #666;
}

@media only screen and (min-width: 1024px) {
    #sepeteEklePopup .icerik .sepeteEkleWrapper .btns li {
        float: none;
        margin-bottom: 5px;
        width: 100%;
        height: 34.5px;
    }
}

#sepeteEklePopup .icerik .sepeteEkleBtns li {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    height: 60px;
    line-height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

#sepeteEklePopup .icerik .sepeteEkleBtns li.sepetEkle {
    background-color: #09bd00;
    -moz-box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
    -webkit-box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
    box-shadow: 0px 9px 16px rgba(9, 189, 0, 0.35);
}

@media only screen and (min-width: 1024px) {
    #sepeteEklePopup .icerik .sepeteEkleBtns li {
        font-size: 17px;
        height: 84px;
        line-height: 84px;
    }
}

@media only screen and (min-width: 1140px) {
    #sepeteEklePopup .icerik .sepeteEkleBtns li {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1280px) {
    #sepeteEklePopup .icerik .sepeteEkleBtns li {
        font-size: 22px;
    }
}

@media only screen and (min-width: 767px) {
    #layMarkalarMobil {
        display: none;
    }
}

#layMarkalarMobil .inner {
    white-space: nowrap;
    overflow-x: auto;
}

#layMarkalarMobil .inner .swiper-slide {
    width: 90px;
    display: inline-block;
}

#layMarkalarMobil .inner .swiper-slide img {
    width: 80%;
    margin: 0px auto;
}

#layMarkalarMobil .inner .swiper-slide.aktif, .desk #layMarkalarMobil .inner .swiper-slide.aktif:hover {
    background-color: #fff;
}

.desk #layMarkalarMobil .inner .swiper-slide:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#anasayfaYeniEklenenUrunlerMobil {
    white-space: nowrap;
    overflow-x: auto;
}

@media only screen and (min-width: 767px) {
    #anasayfaYeniEklenenUrunlerMobil {
        display: none;
    }
}

#anasayfaYeniEklenenUrunlerMobil .urun_item {
    width: 200px;
    display: inline-block;
    background-color: #fff;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*#cekilisWrapper {
    #cekilisHeaderWrapper {
        background-color: $anaRenk;
        padding-top: 50px;
        text-align: center;
        margin-bottom: 100px;

        @include tablet_portrait {
            margin-bottom: 150px;
        }

        h1, p, img {
            max-width: 600px;
            margin: 0px auto;
        }

        h1 {
            @include fontStyle(35px,400,#fff);
            margin-bottom: 15px;
        }

        p {
            @include fontStyle(19px,400,#fff);
            line-height: 30px;
        }

        img {
            transform: translateY(30px);
            width: 100%;

            @include tablet_portrait {
                transform: translateY(70px);
            }
        }
    }

    #cekilisKatilimWrapper {
        max-width: 600px;
        margin: 0px auto;
        text-align: center;

        #katilanKisiSayisi {
            margin-bottom: 30px;

            span {
                @include fontStyle(50px,600,#fff);
                background-color: #2a2a2a;
                padding: 10px;
                border-radius: 3px;
                display: inline-block;
            }
        }

        #katilanKisiText {
            @include fontStyle(25px,600,#000);
            margin-bottom: 30px;
        }

        #cekiliseKatilBtn {
            margin-bottom: 100px;

            input[type=submit] {
                background-color: $anaRenk;
                border-radius: 3px;
                outline: none;
                border: none;
                cursor: pointer;
                padding: 15px;
                @include fontStyle(17px,600,#fff);
            }
        }

        #katilanKisiAciklama {
            @include fontStyle(15px,400,#666);
            line-height: 25px;
        }
    }

    #cekilisHediyelerWrapper {
        .item {
            background-color: #fff;
            margin-bottom: 20px;
            box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
            padding: 20px;
            text-align: center;
            border: 2px solid $anaRenk;
            border-radius: 3px;


            .text {
                @include fontStyle(25px,500,$anaRenk);
                line-height: 35px;
            }

            .baslik {
                @include fontStyle(16px,500,#000);
                margin-bottom: 20px;
            }

            @include tablet_portrait {
                @include grid(4,2%);
            }
        }
    }
}*/


.topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
    display: none;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
    display: none;
}

/* Style navigation menu links */
.topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Style the active link (or home/logo) */
.topnav .active {
    background-color: #04AA6D;
    color: white;
}

#myaccount .myaccount-title h1{
    font-size: 30px;
    font-weight: 500;
    margin: 20px 0;
}
#myaccount .myaccount-title span {
    font-size: 20px;
}
#myaccount .panel-heading{
    font-size: 30px;
    font-weight: 500;
}
#myaccount .panel-body li {
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}



.product-index .product-filter {
    border: 0;
}

.filter-block form > div > div {
    border-bottom: 0;
}

.filter-block .layered_subtitle {
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-right: 45px;
    color: #dc2031;
    font-size: 22px;
    font-family: inherit;
    font-weight: 600;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    margin-left: 2px;
}


.shopping-cart .order-steps li.step_current {
    color: #FFFFFF !important;
}


li.col-sm-3.step_current > i {
    color: #FFFFFF !important;
}

.carousel {
    margin-bottom: 0;
}

.carousel .item {
    background-color: transparent !important;
}


.categories-filter label.check, .product-filter label.check {
    cursor: pointer;
    width: 100%;
}

.categories-filter label.check input, .product-filter label.check input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}

.categories-filter label.check span.name-box, .product-filter label.check span.name-box {
    padding: 7px 14px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    display: inline-block;
    color: #666;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
}
.categories-filter label.check span.icon, .product-filter label.check span.icon {
    display: none;
}
.categories-filter label.check input:checked+span.name-box, .product-filter label.check input:checked+span.name-box  {
    border-color: #dc2031;
    background-color: #dc20310f;
}
.categories-filter label.check input:checked+span.icon, .product-filter label.check input:checked+span.icon{
    display: block;
}
.filter-block .block_content {
    background: #f2f3f4 !important;
}
.filter-block ul li {
    margin-bottom: 15px;
}
#iletisimWrapper, .genelKategoriliLayout3, #hesapNumaralarimizWrapper {
    width:100%;
}
.manufacturer-ul li{
    float: left;
    margin-left: 30px;
}
.price-filter-input {
    width: 45%;
    margin-bottom: 20px;
    padding: 7px 14px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    display: inline-block;
    color: #666;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
}
.search-dropdown-menu{
    border-radius: 20px;
    -webkit-box-shadow: 0px 15px 35px rgb(0 0 0 / 20%);
    box-shadow: 0px 15px 35px rgb(0 0 0 / 20%);
    width: 100%;
    border: none;
    padding: 20px;
    top: 60px;
}
.search-dropdown-menu li {
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}
.search-dropdown-menu>.active>a, .search-dropdown-menu>.active>a:focus, .search-dropdown-menu>.active>a:hover {
    color: #333;
    text-decoration: none;
    background-color: #ffffff;
    outline: 0;
}
.search-dropdown-menu .active{
    border-color: #dc2031
}
#cart-complete {
    padding: 100px 0px;
}
#cart-complete .row {
    text-align: center;
    padding: 30px;
    background: white;
    border-radius: 10px;
}
#cart-complete .row h1{
    font-size: 30px;
    margin-bottom: 30px;
}
#cart-complete .row h2 {
    font-size: 20px;
    margin-bottom: 30px;
}
#cart-complete .row h3 {
    font-size: 15px;
    margin-bottom: 30px;
}
#cart-complete .row i {
    font-size: 100px;
    margin-bottom: 30px;
}
#cart-complete .row p {
    font-size: 15px;
}
.order-table{
    border-radius: 5px;
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #ffffff;
    padding: 15px 45px 13px;
    margin-bottom: 20px;
}
.order-row {
    display: table-row;
    width: 100%;
}
.order-cell{
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    color: #1c1c1c;
}
.panel-group .panel{
    margin-bottom: 14px;
}
.panel-heading {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
}
.panel-title{
    font-size: 15px;
}
.accordion-order .panel-title>a {
    padding: 10px 45px;
}
.wrapper-accordion--order .panel-title a .wrap-order-details-item {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.wrapper-accordion--order .panel-title a .wrap-order-details-item>span{
    display: table-cell;
    vertical-align: middle;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.panel-group .panel-default>.panel-heading{
    color: #333;
    background-color: #ffffff;
    border-color: #fff;
    padding-left: 45px;
    padding-right: 45px;
}
.all-revert > *{
    all: revert;
}
@media only screen and (max-width: 440px) {
    .topnav {
        display: block;
    }
    #anasayfaWrapper{
        padding: 0;
    }
    #markaNavigationWrapper {
        display: none !important;
    }
    #footerIcerik {
        text-align: center;
    }
    #footerSosyalLinks {
        width: 130px;
        margin-left: auto;
        margin-right: auto;
    }
    #footerSosyalAglarWrapper img {
        margin-left: auto;
        margin-right: auto;
    }
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .swiper-slide .kategori-label {
        font-size: 10px;
    }

    #anasayfaWrapper #anasayfaKategoriWrapper{
        margin: 10px 0px;
    }

    #anasayfaWrapper #haftaninFirsatlariWrapper #haftaninFirsatlariHeader #tumunuGorLink {
        margin-top: 0px;
    }

    .container-fluid {
        padding: 0;
    }
    #anasayfaWrapper
    .kategoriWrapper {
        padding: 0;
    }
    #anasayfaWrapper #anasayfaKategoriWrapper #anasayfaAnaKategoiler .nav {
        width: 30px;
    }
    #layered_block_left {
        display: inline-block;
    }
    .search {
        display: block;
    }
    .search-dropdown-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        padding: 15px;
        top: 45px;
    }
    .search-dropdown-menu li{
        padding: 5px;
        margin-bottom: 5px;
        font-size: 12px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 768px) {
    .search {
    display: block;
    }
}