/* Minification failed. Returning unminified contents.
(26499,36): run-time error CSS1030: Expected identifier, found ' '
(26499,36): run-time error CSS1031: Expected selector, found ' '
(26499,36): run-time error CSS1025: Expected comma or open brace, found ' '
 */
/* GENERAL */
.cs-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .cs-container {
        width: 750px
    }
}

@media (min-width:992px) {
    .cs-container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .cs-container {
        width: 1170px
    }
}

.cs-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.cs-row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
}

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

.cs-col-xs-1, .cs-col-xs-10, .cs-col-xs-11, .cs-col-xs-12, .cs-col-xs-2, .cs-col-xs-3, .cs-col-xs-4, .cs-col-xs-5, .cs-col-xs-6, .cs-col-xs-7, .cs-col-xs-8, .cs-col-xs-9 {
    float: left
}

.cs-col-xs-12 {
    width: 100%
}

.cs-col-xs-11 {
    width: 91.66666667%
}

.cs-col-xs-10 {
    width: 83.33333333%
}

.cs-col-xs-9 {
    width: 75%
}

.cs-col-xs-8 {
    width: 66.66666667%
}

.cs-col-xs-7 {
    width: 58.33333333%
}

.cs-col-xs-6 {
    width: 50%
}

.cs-col-xs-5 {
    width: 41.66666667%
}

.cs-col-xs-4 {
    width: 33.33333333%
}

.cs-col-xs-3 {
    width: 25%
}

.cs-col-xs-2 {
    width: 16.66666667%
}

.cs-col-xs-1 {
    width: 8.33333333%
}

.cs-col-xs-pull-12 {
    right: 100%
}

.cs-col-xs-pull-11 {
    right: 91.66666667%
}

.cs-col-xs-pull-10 {
    right: 83.33333333%
}

.cs-col-xs-pull-9 {
    right: 75%
}

.cs-col-xs-pull-8 {
    right: 66.66666667%
}

.cs-col-xs-pull-7 {
    right: 58.33333333%
}

.cs-col-xs-pull-6 {
    right: 50%
}

.cs-col-xs-pull-5 {
    right: 41.66666667%
}

.cs-col-xs-pull-4 {
    right: 33.33333333%
}

.cs-col-xs-pull-3 {
    right: 25%
}

.cs-col-xs-pull-2 {
    right: 16.66666667%
}

.cs-col-xs-pull-1 {
    right: 8.33333333%
}

.cs-col-xs-pull-0 {
    right: auto
}

.cs-col-xs-push-12 {
    left: 100%
}

.cs-col-xs-push-11 {
    left: 91.66666667%
}

.cs-col-xs-push-10 {
    left: 83.33333333%
}

.cs-col-xs-push-9 {
    left: 75%
}

.cs-col-xs-push-8 {
    left: 66.66666667%
}

.cs-col-xs-push-7 {
    left: 58.33333333%
}

.cs-col-xs-push-6 {
    left: 50%
}

.cs-col-xs-push-5 {
    left: 41.66666667%
}

.cs-col-xs-push-4 {
    left: 33.33333333%
}

.cs-col-xs-push-3 {
    left: 25%
}

.cs-col-xs-push-2 {
    left: 16.66666667%
}

.cs-col-xs-push-1 {
    left: 8.33333333%
}

.cs-col-xs-push-0 {
    left: auto
}

.cs-col-xs-offset-12 {
    margin-left: 100%
}

.cs-col-xs-offset-11 {
    margin-left: 91.66666667%
}

.cs-col-xs-offset-10 {
    margin-left: 83.33333333%
}

.cs-col-xs-offset-9 {
    margin-left: 75%
}

.cs-col-xs-offset-8 {
    margin-left: 66.6666667%
}

.cs-col-xs-offset-7 {
    margin-left: 58.33333333%
}

.cs-col-xs-offset-6 {
    margin-left: 50%
}

.cs-col-xs-offset-5 {
    margin-left: 41.6666667%
}

.cs-col-xs-offset-4 {
    margin-left: 33.33333333%
}

.cs-col-xs-offset-3 {
    margin-left: 25%
}

.cs-col-xs-offset-2 {
    margin-left: 16.66666667%
}

.cs-col-xs-offset-1 {
    margin-left: 8.33333333%
}

.cs-col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .cs-col-sm-1, .cs-col-sm-10, .cs-col-sm-11, .cs-col-sm-12, .cs-col-sm-2, .cs-col-sm-3, .cs-col-sm-4, .cs-col-sm-5, .cs-col-sm-6, .cs-col-sm-7, .cs-col-sm-8, .cs-col-sm-9 {
        float: left
    }

    .cs-col-sm-12 {
        width: 100%
    }

    .cs-col-sm-11 {
        width: 91.66666667%
    }

    .cs-col-sm-10 {
        width: 83.33333333%
    }

    .cs-col-sm-9 {
        width: 75%
    }

    .cs-col-sm-8 {
        width: 66.66666667%
    }

    .cs-col-sm-7 {
        width: 58.33333333%
    }

    .cs-col-sm-6 {
        width: 50%
    }

    .cs-col-sm-5 {
        width: 41.66666667%
    }

    .cs-col-sm-4 {
        width: 33.33333333%
    }

    .cs-col-sm-3 {
        width: 25%
    }

    .cs-col-sm-2 {
        width: 16.66666667%
    }

    .cs-col-sm-1 {
        width: 8.33333333%
    }

    .cs-col-sm-pull-12 {
        right: 100%
    }

    .cs-col-sm-pull-11 {
        right: 91.66666667%
    }

    .cs-col-sm-pull-10 {
        right: 83.33333333%
    }

    .cs-col-sm-pull-9 {
        right: 75%
    }

    .cs-col-sm-pull-8 {
        right: 66.66666667%
    }

    .cs-col-sm-pull-7 {
        right: 58.33333333%
    }

    .cs-col-sm-pull-6 {
        right: 50%
    }

    .cs-col-sm-pull-5 {
        right: 41.66666667%
    }

    .cs-col-sm-pull-4 {
        right: 33.33333333%
    }

    .cs-col-sm-pull-3 {
        right: 25%
    }

    .cs-col-sm-pull-2 {
        right: 16.66666667%
    }

    .cs-col-sm-pull-1 {
        right: 8.33333333%
    }

    .cs-col-sm-pull-0 {
        right: auto
    }

    .cs-col-sm-push-12 {
        left: 100%
    }

    .cs-col-sm-push-11 {
        left: 91.66666667%
    }

    .cs-col-sm-push-10 {
        left: 83.33333333%
    }

    .cs-col-sm-push-9 {
        left: 75%
    }

    .cs-col-sm-push-8 {
        left: 66.66666667%
    }

    .cs-col-sm-push-7 {
        left: 58.33333333%
    }

    .cs-col-sm-push-6 {
        left: 50%
    }

    .cs-col-sm-push-5 {
        left: 41.66666667%
    }

    .cs-col-sm-push-4 {
        left: 33.33333333%
    }

    .cs-col-sm-push-3 {
        left: 25%
    }

    .cs-col-sm-push-2 {
        left: 16.66666667%
    }

    .cs-col-sm-push-1 {
        left: 8.33333333%
    }

    .cs-col-sm-push-0 {
        left: auto
    }

    .cs-col-sm-offset-12 {
        margin-left: 100%
    }

    .cs-col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-sm-offset-9 {
        margin-left: 75%
    }

    .cs-col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-sm-offset-6 {
        margin-left: 50%
    }

    .cs-col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-sm-offset-3 {
        margin-left: 25%
    }

    .cs-col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .cs-col-md-1, .cs-col-md-10, .cs-col-md-11, .cs-col-md-12, .cs-col-md-2, .cs-col-md-3, .cs-col-md-4, .cs-col-md-5, .cs-col-md-6, .cs-col-md-7, .cs-col-md-8, .cs-col-md-9 {
        float: left
    }

    .cs-col-md-12 {
        width: 100%
    }

    .cs-col-md-11 {
        width: 91.66666667%
    }

    .cs-col-md-10 {
        width: 83.33333333%
    }

    .cs-col-md-9 {
        width: 75%
    }

    .cs-col-md-8 {
        width: 66.66666667%
    }

    .cs-col-md-7 {
        width: 58.33333333%
    }

    .cs-col-md-6 {
        width: 50%
    }

    .cs-col-md-5 {
        width: 41.66666667%
    }

    .cs-col-md-4 {
        width: 33.33333333%
    }

    .cs-col-md-3 {
        width: 25%
    }

    .cs-col-md-2 {
        width: 16.66666667%
    }

    .cs-col-md-1 {
        width: 8.33333333%
    }

    .cs-col-md-pull-12 {
        right: 100%
    }

    .cs-col-md-pull-11 {
        right: 91.66666667%
    }

    .cs-col-md-pull-10 {
        right: 83.33333333%
    }

    .cs-col-md-pull-9 {
        right: 75%
    }

    .cs-col-md-pull-8 {
        right: 66.66666667%
    }

    .cs-col-md-pull-7 {
        right: 58.33333333%
    }

    .cs-col-md-pull-6 {
        right: 50%
    }

    .cs-col-md-pull-5 {
        right: 41.66666667%
    }

    .cs-col-md-pull-4 {
        right: 33.33333333%
    }

    .cs-col-md-pull-3 {
        right: 25%
    }

    .cs-col-md-pull-2 {
        right: 16.66666667%
    }

    .cs-col-md-pull-1 {
        right: 8.33333333%
    }

    .cs-col-md-pull-0 {
        right: auto
    }

    .cs-col-md-push-12 {
        left: 100%
    }

    .cs-col-md-push-11 {
        left: 91.66666667%
    }

    .cs-col-md-push-10 {
        left: 83.33333333%
    }

    .cs-col-md-push-9 {
        left: 75%
    }

    .cs-col-md-push-8 {
        left: 66.66666667%
    }

    .cs-col-md-push-7 {
        left: 58.33333333%
    }

    .cs-col-md-push-6 {
        left: 50%
    }

    .cs-col-md-push-5 {
        left: 41.66666667%
    }

    .cs-col-md-push-4 {
        left: 33.33333333%
    }

    .cs-col-md-push-3 {
        left: 25%
    }

    .cs-col-md-push-2 {
        left: 16.66666667%
    }

    .cs-col-md-push-1 {
        left: 8.33333333%
    }

    .cs-col-md-push-0 {
        left: auto
    }

    .cs-col-md-offset-12 {
        margin-left: 100%
    }

    .cs-col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-md-offset-9 {
        margin-left: 75%
    }

    .cs-col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-md-offset-6 {
        margin-left: 50%
    }

    .cs-col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-md-offset-3 {
        margin-left: 25%
    }

    .cs-col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .cs-col-lg-1, .cs-col-lg-10, .cs-col-lg-11, .cs-col-lg-12, .cs-col-lg-2, .cs-col-lg-3, .cs-col-lg-4, .cs-col-lg-5, .cs-col-lg-6, .cs-col-lg-7, .cs-col-lg-8, .cs-col-lg-9 {
        float: left
    }

    .cs-col-lg-12 {
        width: 100%
    }

    .cs-col-lg-11 {
        width: 91.66666667%
    }

    .cs-col-lg-10 {
        width: 83.33333333%
    }

    .cs-col-lg-9 {
        width: 75%
    }

    .cs-col-lg-8 {
        width: 66.66666667%
    }

    .cs-col-lg-7 {
        width: 58.33333333%
    }

    .cs-col-lg-6 {
        width: 50%
    }

    .cs-col-lg-5 {
        width: 41.66666667%
    }

    .cs-col-lg-4 {
        width: 33.33333333%
    }

    .cs-col-lg-3 {
        width: 25%
    }

    .cs-col-lg-2 {
        width: 16.66666667%
    }

    .cs-col-lg-1 {
        width: 8.33333333%
    }

    .cs-col-lg-pull-12 {
        right: 100%
    }

    .cs-col-lg-pull-11 {
        right: 91.66666667%
    }

    .cs-col-lg-pull-10 {
        right: 83.33333333%
    }

    .cs-col-lg-pull-9 {
        right: 75%
    }

    .cs-col-lg-pull-8 {
        right: 66.66666667%
    }

    .cs-col-lg-pull-7 {
        right: 58.33333333%
    }

    .cs-col-lg-pull-6 {
        right: 50%
    }

    .cs-col-lg-pull-5 {
        right: 41.66666667%
    }

    .cs-col-lg-pull-4 {
        right: 33.33333333%
    }

    .cs-col-lg-pull-3 {
        right: 25%
    }

    .cs-col-lg-pull-2 {
        right: 16.66666667%
    }

    .cs-col-lg-pull-1 {
        right: 8.33333333%
    }

    .cs-col-lg-pull-0 {
        right: auto
    }

    .cs-col-lg-push-12 {
        left: 100%
    }

    .cs-col-lg-push-11 {
        left: 91.66666667%
    }

    .cs-col-lg-push-10 {
        left: 83.33333333%
    }

    .cs-col-lg-push-9 {
        left: 75%
    }

    .cs-col-lg-push-8 {
        left: 66.66666667%
    }

    .cs-col-lg-push-7 {
        left: 58.33333333%
    }

    .cs-col-lg-push-6 {
        left: 50%
    }

    .cs-col-lg-push-5 {
        left: 41.66666667%
    }

    .cs-col-lg-push-4 {
        left: 33.33333333%
    }

    .cs-col-lg-push-3 {
        left: 25%
    }

    .cs-col-lg-push-2 {
        left: 16.66666667%
    }

    .cs-col-lg-push-1 {
        left: 8.33333333%
    }

    .cs-col-lg-push-0 {
        left: auto
    }

    .cs-col-lg-offset-12 {
        margin-left: 100%
    }

    .cs-col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .cs-col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .cs-col-lg-offset-9 {
        margin-left: 75%
    }

    .cs-col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .cs-col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .cs-col-lg-offset-6 {
        margin-left: 50%
    }

    .cs-col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .cs-col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .cs-col-lg-offset-3 {
        margin-left: 25%
    }

    .cs-col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .cs-col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .cs-col-lg-offset-0 {
        margin-left: 0
    }
}

.cs-row div[class^="cs-col-"] {
    margin-top: 0px;
    margin-bottom: 0.83333333rem;
}

.cs-contentjustify {
    text-align: justify !important;
}

.cs-contentleft {
    text-align: left !important;
}

.cs-contentright {
    text-align: right !important;
}

.cs-contentdottedunderline {
    border-bottom: 1px dotted #e4e4e4;
}

aside.basket-sum .accordion-content /* p.alert.red */ {
    text-align: center;
}

aside.basket-sum .inputwrap /* p.alert.red */ {
    text-align: center;
}

aside.basket-sum .accordion-content /* p.alert-succes */ {
}

    aside.basket-sum .accordion-content p.alert-succes {
        background-color: #dff0d8;
        font-weight: 500;
        color: #3c763d;
        border: 1px solid #d6e9c6;
        padding-top: 9px;
        padding-bottom: 7px !important;
        font-size: 14px;
    }

aside.basket-sum .inputwrap div.alert.red {
    background-color: #f2dede;
    font-weight: 500;
    color: #a94442;
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 9px;
    border: 1px solid #ebccd1;
}

aside.basket-sum .accordion-content p.alert.red {
    background-color: #f2dede;
    font-weight: 500;
    color: #a94442;
    font-size: 14px;
    padding-top: 11px;
    border: 1px solid #ebccd1;
    margin-bottom: 0 !important;
}

/* FOOTER */
footer {
    padding-top: 0;
}

    footer .footer-menu .footer-group.cs-footergroup {
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer .footer-menu .cs-footer-doublerow, footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-content .cs-footer-doublerow {
        line-height: 1.8rem;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    footer .footer-menu .footer-group.cs-footergroup A:hover, footer .footer-menu .footer-group.cs-footergroup A:focus {
        border-bottom: 1px solid #000;
        color: #000;
    }

    footer .cs-footertooltips {
        display: none;
    }

    footer #footer-specs .spec.cs-tooltip * {
        cursor: pointer;
    }

/* PLAIN CONTENT */
section.listing .listing-main.cs-plaincontent {
    width: 100%;
    padding-bottom: 0;
}

.textfield .light.cs-plaincontentmaintitle {
    color: #b09c6a;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
    letter-spacing: .05em;
}

.textfield.wide.cs-fullwidthcontent {
    width: 100%;
}

    .textfield.wide.cs-fullwidthcontent p.cs-plaincontenttitle {
        font-weight: 600;
        color: #000;
    }

section.listing .listing-main.cs-plaincontent p span.cs-inlinestrong {
    font-weight: 600;
}

/* HELP PAGE */
.textfield .subtitle.spaced.cs-helptitle {
    line-height: 25px;
    letter-spacing: 0.05em;
    font-size: 1.975rem;
    color: #b09c6a;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 15px !important;
}

a.cs-helpoption {
    font-size: 1.26rem;
    color: #000;
    display: table;
}

    a.cs-helpoption:hover, a.cs-helpoption:focus {
        border-bottom: 1px solid #000;
    }

section.listing .listing-filters .filterlist .group.cs-filtergroup {
    letter-spacing: 0em;
}

a.cs-helpgrouptitle {
    font-size: 17px;
}

.accordion-default .accordion-element .accordion-button.cs-accordionbutton {
    letter-spacing: 0;
    font-weight: 500;
    font-size: 1.26rem;
}

.cs-accordioncontent .cs-satissozlesmesiliste {
    list-style-type: circle;
    padding-left: 16px;
}

/* MAIN MENU & HEADER */
#mobilemenu #mobilemenu-content {
    background: rgba(255, 255, 255, 1.0);
}

header #header-content {
    position: fixed;
    width: 100%;
    top: 39px;
    border-bottom: 1px solid #ccc;
}

.cs-mainmenusel {
    color: #f00;
}


    input#category_code + div.mini-proje-content {
        padding-top: 0;
    }

#paymentPage header #header-content {
    position: static;
}

    #paymentPage header #header-content > .wrapper {
        height: 85px;
    }

#paymentPage input#category_code + div {
    padding-top: 0;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col.cs-section-col-1 {
    width: 100% !important;
}

header #topmenu .topmenu .menu-section.topmenu-section.cs-section-2788 {
    width: 15% !important;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col .group h3 a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

header #topmenu .topmenu .menu-section.topmenu-section .section-col .group ul li a:hover {
    color: #000;
    text-decoration: underline;
}

/* MAIN PAGE : CAMPAIGNS */
/* Campaign-I CSS
	.cs-buttonimgoverlay { position:absolute; width:100%; height:100%; cursor:pointer; }
	.cs-outerwrap a.cs-campaignimgcon { position:relative; }
	.cs-outerwrap a.cs-campaignimgcon::before { position:absolute; top:0; left:-75%; z-index:2; display:block; content:''; width:50%; height:100%; background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg); }
	.cs-outerwrap a.cs-campaignimgcon:hover::before { -webkit-animation:shine .75s; animation:shine .75s; }
	@-webkit-keyframes shine { 100% { left:125%; } }
	@keyframes shine { 100% { left:125%; } }
	*/

/* SMOKIN CONTENT */
section .section-title.cs-HomeSpecial-SmokinMainTitle {
    padding: 1rem 0 1rem 0;
    font-size: 3.1rem;
    color: #b09c6a;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
}

section .section-title.cs-HomeSpecial-SmokinSubTitle {
    padding: 1rem 0 3rem 0;
    font-size: 1.5rem;
    color: #666;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
}

    section .section-title.cs-HomeSpecial-SmokinSubTitle span::before, section .section-title.cs-HomeSpecial-SmokinSubTitle span::after {
        height: 0;
    }

.outerwrap .innerwrap.cs-HomeSpecial-SmokinBanner {
    position: relative;
}

.cs-buttonimgoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cs-outerwrap a.cs-campaignimgcon {
    position: static;
}

    .cs-outerwrap a.cs-campaignimgcon::before {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .cs-outerwrap a.cs-campaignimgcon:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.cs-row.cs-HomeSpecial-SmokinR2 {
    padding-top: 20px;
}

.cs-HomeSpecial-SmokinListingMini {
    text-align: center;
}

.cs-row.cs-HomeSpecial-SmokinR1, .cs-row.cs-HomeSpecial-SmokinR2 {
    max-width: 91%;
    margin: 0 auto;
}

.textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
    text-align: center;
    font-size: 4.1rem;
    font-family: 'Roboto-Medium', sans-serif;
    padding-bottom: 35px;
    padding-top: 20px;
    font-weight: 700;
}

.textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
    border-bottom: 0;
    text-align: center;
    color: #666;
}

/* BABALAR CONTENT */
section .section-title.cs-HomeSpecial-BabalarMainTitle {
    padding: 1rem 0 1rem 0;
    font-size: 3.1rem;
    color: #b09c6a;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 700;
    letter-spacing: .2em;
}

section .section-title.cs-HomeSpecial-BabalarSubTitle {
    padding: 1rem 0 3rem 0;
    font-size: 1.5rem;
    color: #666;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
}

    section .section-title.cs-HomeSpecial-BabalarSubTitle span::before, section .section-title.cs-HomeSpecial-BabalarSubTitle span::after {
        height: 0;
    }

.outerwrap .innerwrap.cs-HomeSpecial-BabalarBanner {
    position: relative;
}

.cs-buttonimgoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cs-outerwrap a.cs-campaignimgcon {
    position: static;
}

    .cs-outerwrap a.cs-campaignimgcon::before {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .cs-outerwrap a.cs-campaignimgcon:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.cs-row.cs-HomeSpecial-BabalarR2 {
    padding-top: 20px;
}

.cs-HomeSpecial-BabalarListingMini {
    text-align: center;
}

.cs-row.cs-HomeSpecial-BabalarR1, .cs-row.cs-HomeSpecial-BabalarR2 {
    max-width: 91%;
    margin: 0 auto;
}

.textfield .light.cs-plaincontentmaintitle.cs-Babalarcontenttitle {
    text-align: center;
    font-size: 4.1rem;
    font-family: 'Roboto-Medium', sans-serif;
    padding-bottom: 35px;
    padding-top: 20px;
    font-weight: 700;
}

.textfield .light.cs-plaincontentmaintitle.cs-Babalarsubtitle {
    border-bottom: 0;
    text-align: center;
    color: #666;
}


/* MAIN PAGE : COLLECTION
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description { color:#000; }
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description { color:#000; }
	.listing-mini.triple-center .listing-wrapper .listing-element.cs-TripleSpecialMiddle:nth-of-type(3n+2) .section-description .btn.hollow { color:#000; border-color:#000; }
	 */

/* CATEGORY LANDING */
.cs-katlandinglist {
    padding-top: 20px;
}

    .cs-katlandinglist .section-description {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 1.80833333rem;
        line-height: 2.5rem;
    }

        .cs-katlandinglist .section-description .caption {
            font-size: 1.3rem;
            text-align: center;
            line-height: 1.6rem;
            padding-top: 8px;
        }

        .cs-katlandinglist .section-description .head {
            font-size: 2.3rem;
            text-align: center;
            padding-bottom: 10px;
        }

            .cs-katlandinglist .section-description .head strong {
                font-size: 3.1rem;
            }

/* CATEGORY LISTING */
.textfield.cs-catfooterdesc {
    width: 700px;
}

    .textfield.cs-catfooterdesc .midititle.cs-catfootertitle {
        font-size: 1.6rem;
    }

section.listing .listing-list li .product-image .product-controls .control, main.listing .listing-list li .product-image .product-controls .control {
    padding: 0.5rem 0 0.5rem 0;
}

.checkwrap.cs-hover label::before {
    opacity: 1;
}

.checkwrap.inherit.cs-hover label {
    color: #000;
}

#leftCategoryFilter a:hover {
    border-bottom: 1px solid #000;
    color: #000;
}

body#productList .checkwrap input {
    width: 2.5rem;
    height: 2.5rem;
}

body#productList .product .description .thintitle {
    font-size: 0.85rem;
    letter-spacing: 0.11rem;
    font-weight: 500;
}

body#home {
    background-image: none;
}

body#productList.threeItem {
    background-image: none;
}

body#productDetail {
    background-image: none;
}

body {
    background-image: none;
}

/* PAYMENT PAGE */
section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description.cs-bkmexpress, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description.cs-bkmexpress {
    padding-left: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options img.cs-bkmexpresslogo, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options img.cs-bkmexpresslogo {
    padding-top: 15px;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url {
    margin-top: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices.cs-transnotice, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices.cs-transnotice {
    display: inline-block;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title.cs-transtitle, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title.cs-transtitle {
    border: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options div.cs-transyapikredi, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options div.cs-transyapikredi {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    display: flex;
    margin: 0;
}

section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .cs-transdetail, main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .cs-transdetail {
    font-size: 1.2rem;
    line-height: 20px;
}

/* PRODUCT PAGE */
section.product-info .product-details .details-specs .accordion-element .accordion-content span.cs-urunakkorstrong, main.product-info .product-details .details-specs .accordion-element .accordion-content span.cs-urunakkorstrong {
    font-weight: 600;
}

.modal.sizechart.show .modal-element .modal-content .sizechart-notes.cs-sizechartnotes {
    margin-top: 1rem;
}

.listing-mini.highlow .listing-wrapper .listing-element.cs-prodcomp {
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap a.cs-prodcomplink {
    position: relative;
    left: auto;
    color: #fff;
    border-color: #fff;
    margin-top: 10px;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent, .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
    background: rgba(0,0,0,0.5);
    color: #fff;
    bottom: auto;
    top: calc(5%);
    padding: 10px;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent {
    left: 0;
    font-size: 1.7rem;
}

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
    right: 0;
    font-size: 1.7rem;
}

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

.listing-mini.highlow .listing-wrapper .listing-element .outerwrap .background {
    height: auto;
}

/* TOOLTIP */
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .tooltipster-fade.tooltipster-show {
        opacity: 1
    }

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

    .tooltipster-grow.tooltipster-show {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
    }

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform
}

    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -o-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,1);
        -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        -moz-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        -o-transition-timing-function: cubic-bezier(.23,.635,.495,2.4);
        transition-timing-function: cubic-bezier(.23,.635,.495,2.4)
    }

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-fall.tooltipster-initial {
        top: 0 !important
    }

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0
    }

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-slide.tooltipster-initial {
        left: -40px !important
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0
    }

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #666
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ededed;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ededed;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ededed;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ededed;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
    left: -9px
}

/* LOOKBOOK */
section.lookbook-head .head-title, main.lookbook-head .head-title.cs-LBheadtitle {
    background: #f5f5f5;
    border: 0;
}

section.lookbook-listing .textfield.cs-fullwidthcontent {
    width: 100%;
}

.cs-lookbooktitle h4 {
    font-weight: 600;
    font-size: 1.975rem;
    line-height: 2.75rem;
}

.cs-lookbooktitle, .cs-lookbookdesc {
    text-align: center;
}

.cs-lookbookdesc {
    font-size: 1.225rem;
    line-height: 1.875rem;
}

/* BASKET */
/*
	section.basket .basket-content #basket-list .row .column.product .product-quantity, main.basket .basket-content #basket-list .row .column.product .product-quantity { margin-left:31px; }
	.numberbox.sided .numberbox-button.number-decrease { left:-32px; }
	.numberbox.sided .numberbox-button.number-increase { left:31px; }
	*/
/*.column.product .description .numberbox.product-quantity {
    position: relative;
    margin-left: 32px;
}*/

/*.column.product .description .numberbox.product-quantity button.number-increase {
        position: absolute;
        width: 32px;
        height: 32px;
        left: 31px;
    }*/

.column.product .description .numberbox.product-quantity button.number-decrease {
    /*position: absolute;
        width: 32px;
        height: 32px;*/
    left: -1px;
}

/* CAMPAIGN PAGE */
.cs-row.cs-campaign {
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    position: relative;
    margin: 0;
    margin-top: 10px;
}

    .cs-row.cs-campaign p {
        font-size: 1.1rem;
    }

        .cs-row.cs-campaign p a.btn {
            font-size: 1rem;
            letter-spacing: 1px;
            font-weight: 600;
            padding: 8px 0 5px 0;
        }

    .cs-row.cs-campaign div {
        padding-bottom: 10px;
    }

        .cs-row.cs-campaign div.cs-col-md-4 {
            padding-left: 0;
            padding-right: 0;
        }

/* PIN COLORS */
.pinbox .pin.cs-BColorGold::before {
    background-color: #b09c6a;
}

/* MAIN SLIDER */
section#mainslider .owl-nav {
    position: absolute;
    top: 20%;
    width: 100%;
}

    section#mainslider .owl-nav .owl-prev {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/old-store/https:/statics.efor.com.tr/contents/images/slider-prev.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        left: 9%;
    }

    section#mainslider .owl-nav .owl-next {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/old-store/https:/statics.efor.com.tr/contents/images/slider-next.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        right: 9%;
    }

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    background: #eee;
    opacity: 0.5;
}

    .owl-carousel .owl-nav [class*='owl-']:hover {
        background: #eee;
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }

section#mainslider .owl-dots {
    display: none;
}

/* TOP BANNER */
.cs-SiteTopBanner {
    height: 60px;
    width: 100%;
    background-color: #efb303;
    color: #000000;
    text-align: center;
    font-size: 28px;
    padding-top: 20px;
    letter-spacing: 2px;
}

    .cs-SiteTopBanner span {
        font-weight: bold;
    }

/*.owl-stage-outer {
    padding-top: 35px;
}*/

/*.breadcrumb {
    padding-top: 35px;
}*/

header #topmenu {
    top: 147px;
}

    header #topmenu #collection {
        top: 19px !important;
    }

#checkout .cs-SiteTopBanner {
    font-size: 28px;
}




/* HOPI */
main#checkout #checkout-opts .checkout-opt.checkout-final .final-details.cs-hopicontainer {
    position: relative;
    overflow: hidden;
}

.cs-hopicontainer .cs-hopiball {
    position: absolute;
}

    .cs-hopicontainer .cs-hopiball.cs-ball1green {
        top: -50px;
        left: -50px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball2pink {
        top: -18px;
        left: 50%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball3blue {
        top: -50px;
        right: -50px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        bottom: -90px;
        left: 35%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        bottom: 10%;
        left: -18px;
    }

.cs-hopicontainer .cs-img-center {
    margin: 0 auto;
}

.cs-hopicontainer {
    background: transparent url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/hopiac.png) no-repeat left bottom;
}

    .cs-hopicontainer .cs-hopicampaign IMG {
        padding-top: 15px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodetitle P {
        font-size: 18px;
        font-weight: 600;
        color: #f18602;
        text-align: center;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodecode P {
        background-color: #f18602;
        color: #fff;
        padding: 12px;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background: #019fde url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/downloadicon.jpg) no-repeat 91% center;
        color: #fff;
        padding: 14px 32px 10px 0px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-top: 26px;
        display: block;
    }

    .cs-hopicontainer .cs-hopinote P {
        text-align: center;
    }


/* KURUMSAL SATIŞ */
.contact .left-side.cs-left-side {
    width: 40%;
    padding-right: 25px;
}

.contact .right-side.cs-right-side {
    width: 60%;
}

.textfield .description.cs-description * {
    font-size: 1.2rem;
}

main .content-form .wrap.cs-send-button {
    margin-top: 50px;
}

.wrapper.cs-kurumsalsatisbanner {
    padding-bottom: 30px;
}

/* COMODO */
footer #footer-payment .opt.comodologo img {
    height: 55px;
}

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

/* Very Large desktop */
@media (min-width: 1200px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 70px;
    }
}

/* Large desktop */
@media (min-width: 1100px) and (max-width: 1200px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
}

@media (min-width: 990px) and (max-width: 1099px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
}

@media (min-width: 980px) and (max-width: 989px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 22px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /* FOOTER */
    footer .footer-menu .footer-social .icon.cs-footericon {
        margin-right: 1.2rem;
    }
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 17px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background-image: none;
        padding: 14px 0px 10px 0px;
    }

    .cs-hopicontainer {
        background-position-x: -7%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* LOOKBOOK */
    .cs-lookbookdesc {
        font-size: 1.01666667rem;
        line-height: 1.16666667rem;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 16px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 15px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopiball.cs-ball2pink {
        top: -25px;
        left: 60%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: 65%;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        left: -25px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: auto;
        bottom: -60px;
        right: -50px;
    }

    .cs-hopicontent .cs-hopisplash {
        display: none;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background: #019fde url(/assets/old-store/https:/br-development.s3.amazonaws.com/contents/images/content/hopi/downloadicon.jpg) no-repeat 88% center;
        color: #fff;
        padding: 14px 32px 10px 0px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-top: 26px;
        display: block;
    }

    .cs-hopicontainer .cs-hopinote P {
        padding: 0 100px;
    }

    .cs-hopicontainer {
        background-image: none;
    }
}

@media (max-width: 640px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 48px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* SMOKIN CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
        font-size: 1.4rem;
    }
    /* BABALAR CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-babalarcontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-babalarsubtitle {
        font-size: 1.4rem;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }
    /* TOP BANNER */
    .cs-SiteTopBanner {
        font-size: 16px;
    }

    #checkout .cs-SiteTopBanner {
        font-size: 14px;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopinote P {
        padding: 0 50px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    /* MAIN MENU & HEADER */
    header #header-content > .wrapper {
        height: 85px;
    }

    #mobilemenu {
        top: 17%;
    }
    /* PRODUCT PAGE */
    .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentleft.cs-prodcompcontent {
        font-size: 1.3rem;
    }

    .listing-mini.highlow .listing-wrapper .listing-element .outerwrap .text.cs-contentright.cs-prodcompcontent {
        font-size: 1.3rem;
    }
    /* SMOKIN CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-smokincontenttitle {
        font-size: 2.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-smokinsubtitle {
        font-size: 1.4rem;
    }
    /* BABALAR CONTENT */
    .textfield .light.cs-plaincontentmaintitle.cs-babalarcontenttitle {
        font-size: 3.1rem;
    }

    .textfield .light.cs-plaincontentmaintitle.cs-babalarsubtitle {
        font-size: 1.4rem;
    }
    /* CAMPAIGN LABEL */
    section.listing .listing-list.triple li .ribbon img, main.listing .listing-list.triple li .ribbon img {
        left: 20%;
    }
    /* MAIN SLIDER */
    section#mainslider .owl-nav {
        display: none;
    }

    /* HOPI */
    .cs-hopicontainer .cs-hopiball.cs-ball1green {
        top: -60px;
        left: -60px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball3blue {
        top: -60px;
        right: -60px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball4orange {
        left: auto;
        bottom: -80px;
        right: -70px;
    }

    .cs-hopicontainer .cs-hopiball.cs-ball5pink {
        bottom: -20px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodelink A {
        background-image: none;
        padding: 12px 0px 9px 0px;
        margin-top: 23px;
    }

    .cs-hopicontainer .cs-hopinote P {
        padding: 0 20px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodetitle P {
        font-size: 15px;
    }

    .cs-hopicontainer .cs-hopicode .cs-hopicodecode P {
        font-size: 19px;
    }
}

@media (max-width: 360px) {
    #mobilemenu {
        top: 17%;
    }
}

@media (max-width: 320px) {
    #mobilemenu {
        top: 17%;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 30px;
    font-family: 'Roboto-Medium', sans-serif;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 14px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    /**
	* Remove all paddings around the image on small screen
	*/
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.customRadio.disabled, .customCheckbox .disabled {
    cursor: not-allowed;
}

.customRadio.disabled, .customCheckbox .disabled {
    background: url(/assets/images/disabledBg.png) no-repeat 0px -14px;
}

.sizer .customRadio {
    width: 40px;
    height: 40px;
    background: #fff;
    margin-right: 6px;
    border-radius: 0;
}

.sizer .customRadio {
    margin-bottom: 6px;
}

.sizer .customCheckbox, .sizer .customRadio {
    width: 40px;
    height: 40px;
    background: #f6f6f6;
    margin-right: 6px;
    margin-bottom: 6px;
    float: none;
}

.iradio_minimal.disabled {
    background: url(/assets/images/disabledBg.png) no-repeat 0px -6px;
    background-position: -160px 0;
    cursor: default;
}
/*.customRadio.disabled, .customCheckbox .disabled, .customCheckbox .disabled:hover, .customRadio.disabled:hover {
}*/
.icheckbox_minimal, .iradio_minimal {
    float: left;
}

.iradio_minimal {
    background-position: -100px 0;
}

.icheckbox_minimal, .iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(/assets/old-store/minimal.png) no-repeat #fff;
    border: none;
    cursor: pointer;
}

div.icheck-item input.icheck-input {
    position: absolute !important;
    display: block !important;
    opacity: 0 !important;
    z-index: -99 !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    outline: none !important;
}

.sizer .customRadio em {
    font-size: 14px;
}

.sizer .customRadio em {
    text-align: center;
}

.sizer .customRadio em {
    font-weight: bold
}

.sizer .customRadio.disabled em {
    font-weight: lighter
}

.sizer .customCheckbox em, .sizer .customRadio em {
    font-size: 14px;
    font-family: "Roboto-Medium" sans-serif;
    display: block;
    line-height: 40px;
}

em {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.slide {
    font-size: 18px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .slide .slider-content {
        position: absolute;
        top: 35%;
    }


section#mainslider .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
}

    section#mainslider .owl-nav .owl-prev {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/images/new-slider-prev.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        left: 0;
    }

    section#mainslider .owl-nav .owl-next {
        float: none;
        width: 50px;
        height: 70px;
        margin: 0;
        font-size: 0.00000001rem;
        background-image: url(/assets/images/new-slider-next.png);
        background-repeat: no-repeat;
        background-position: -9px 0;
        position: absolute;
        right: 0;
    }

.owl-carousel .owl-nav [class*='owl-'] {
    color: #fff;
    background: #eee;
    opacity: 0.5;
}

    .owl-carousel .owl-nav [class*='owl-']:hover {
        background: #eee;
        color: #fff;
        text-decoration: none;
        opacity: 0.8;
    }

section#mainslider .owl-dots {
    display: none;
}

.product-info .products.slider-carousel .owl-nav {
    top: 25% !important;
}

.products.slider-carousel .owl-nav {
    position: absolute !important;
    top: 30% !important;
    width: 100% !important;
}

    .products.slider-carousel .owl-nav .owl-prev {
        background-image: url(/assets/images/new-slider-prev.png) !important;
        left: 0 !important;
    }

    .products.slider-carousel .owl-nav .owl-next {
        background-image: url(/assets/images/new-slider-next.png) !important;
        right: 15px !important;
    }

    .products.slider-carousel .owl-nav .owl-next, .products.slider-carousel .owl-nav .owl-prev {
        float: none !important;
        width: 30px !important;
        height: 50px !important;
        margin: 0 !important;
        font-size: .00000001rem !important;
        background-repeat: no-repeat !important;
        background-position: -9px 0 !important;
        position: absolute !important;
        background-size: 75px !important;
    }


.video-slider.owl-carousel .owl-nav {
    position: absolute !important;
    top: 35% !important;
    width: 100% !important;
}

    .video-slider.owl-carousel .owl-nav .owl-prev {
        background-image: url(/assets/images/new-slider-prev.png) !important;
        left: 0 !important;
    }

    .video-slider.owl-carousel .owl-nav .owl-next {
        background-image: url(/assets/images/new-slider-next.png) !important;
        right: 0 !important;
    }

    .video-slider.owl-carousel .owl-nav .owl-next, .video-slider.owl-carousel .owl-nav .owl-prev {
        float: none !important;
        width: 30px !important;
        height: 50px !important;
        margin: 0 !important;
        font-size: .00000001rem !important;
        background-repeat: no-repeat !important;
        background-position: -9px 0 !important;
        position: absolute !important;
        background-size: 75px !important;
    }

.currency-live {
    min-height: 40px;
    max-height: 40px;
  
}

.currency-ul {
    margin: 0 auto;
    min-height: 30px;
    max-height: 30px;
    width: 50%;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
    float: right;
    background-color: #f5f5f5;
}

ul.currency-ul > li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    min-height: 15px;
    max-height: 15px;
    line-height: 15px;
    margin-top: 7px;
    text-align: center;
}
    ul.currency-ul > li:not(:last-child) {
        border-right: 1px solid #333333;
    }

ul.currency-ul span.type{
    font-weight:bold;
}
ul.currency-ul span.value {
    font-weight: bold;
}
html, body {
    margin: 0;
}
body {
    overflow-x: hidden;
}
.js-mobile-toggler a {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .selectboxit-container * {
        font: inherit;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*:focus {
    outline: 0 none;
}

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

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

iframe {
    border: 0;
}

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

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

strong {
    font-weight: 700;
}

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

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

a {
    text-decoration: none;
}

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

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

ul {
    list-style-type: none;
}

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

i {
    font-style: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
    font-size: 14px;
}

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

    body.blockoverflow {
        overflow: hidden;
    }

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

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

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

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

.divided {
    float: left;
}

    .divided.q2 {
        width: 50%;
    }

    .divided.q3 {
        width: 70%;
    }

    .divided.q1 {
        width: 30%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

select {
    height: 40px;
}

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

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

.inputwrap {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radiowrap {
    margin-right: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .btn.midi {
        width: 9.83333333rem;
    }

    .btn.narrow {
        width: 7.75rem;
    }

    .btn.mini {
        width: 5.91666667rem;
    }

    .btn.fullwidth {
        width: 100%;
    }

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

    .btn.left {
        float: left;
    }

    .btn.right {
        float: right;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modalcontent {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modal.enabled {
        display: block;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

.clean {
    margin: 0;
}

.clear-padding {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .textfield.full {
        width: auto;
    }

    .textfield.wide {
        width: 90%;
    }

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

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

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

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

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

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

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

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

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

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

    .textfield .mCSB_container {
        margin: 0;
    }

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

    .textfield .lighter {
        color: #e4e4e4;
    }

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

.mbxs {
    margin-bottom: 0.83333333rem;
}

.mtx1 {
    margin-top: 1.83333333rem;
}

.mbx1 {
    margin-bottom: 1.83333333rem;
}

.mtx2 {
    margin-top: 3.75rem;
}

.mbx2 {
    margin-bottom: 3.75rem;
}

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

    10% {
        opacity: 1;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .royalSlider > * {
        float: left;
    }

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

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

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

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

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

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rsVideoFrameHolder.rsVideoActive {
        opacity: 1;
    }

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

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

img.rsImg {
    max-width: none;
}

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

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

.rsNoDrag {
    cursor: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

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

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

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

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

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

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

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

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

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

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

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

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

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

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

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

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

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

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

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

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.tns {
    position: relative;
}

    .tns .sliderHolder {
        width: 100%;
        min-height: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }

    .tns .slider {
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        min-height: 100%;
        background: #EEE;
        opacity: 1;
    }

    .tns .sliderBg {
        width: 100%;
        min-height: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .tns .slides,
    .tns .thumbs {
        width: 100%;
        min-height: 100%;
        overflow: hidden;
        position: absolute;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    .tns .thumbs {
        min-height: 0%;
        bottom: 25px;
    }

    .tns .thumbsHolder {
        width: 100%;
        height: 104px;
        bottom: 30px;
        position: absolute;
        overflow: hidden;
    }

    .tns .captionHolder {
        width: 100%;
        min-height: 20px;
        position: absolute;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tns .caption {
        width: 100%;
        min-height: 20px;
        color: #EEE;
        top: 0px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        font-family: 'Roboto-Medium', sans-serif;
    }

    .tns .touchColor {
        color: #414042;
    }

    .tns .touchLightColor {
        color: #CCCCCC;
    }

    .tns .nColor {
        color: #2AACE3;
    }

    .tns .swipeColor {
        color: #939598;
    }

    .tns .headerColor {
        color: #58595B;
    }

    .tns .footerLink,
    .tns .footerLink a {
        font-size: 14px;
        text-decoration: none;
        color: #666;
        cursor: pointer;
        font-weight: bold;
    }

        .tns .footerLink:hover {
            color: #414042;
            text-decoration: none;
        }

    .tns .footerCopyright {
        font-size: 12px;
    }

    .tns .infobox {
        background: #EEE;
        border: 1px solid #AAA;
        margin: 15px auto 10px auto;
        padding: 10px;
    }

    .tns .blackBg {
        background: #000000;
    }

    .tns .darkGray {
        background: #101010;
    }

    .tns .blackBgAlpha60 {
        background: #000000;
        background: rgba(0, 0, 0, 0.6);
    }

    .tns .blackBgAlpha90 {
        background: #000000;
        background: rgba(0, 0, 0, 0.9);
    }

    .tns .lightGrayBg {
        background: #CCC;
    }

    .tns .controlHolder {
        width: 100%;
        height: 30px;
        background: url(/assets/images/plugins/tns/control_bg.png) repeat-x;
        position: absolute;
        bottom: 0px;
        overflow: hidden;
    }

    .tns .autoPlayIcon,
    .tns .nextIcon,
    .tns .prevIcon,
    .tns .zoomInIcon,
    .tns .zoomOutIcon,
    .tns .captionOnIcon,
    .tns .captionOffIcon,
    .tns .thumbsOnIcon,
    .tns .thumbsOffIcon,
    .tns .closeIcon {
        width: 21px;
        height: 30px;
        cursor: pointer;
        margin-left: -10px;
        background: url(/assets/images/plugins/tns/control_sheet.png) 0px 0px no-repeat;
    }

    .tns .autoPlayIcon {
        background-position: 0px 0px;
    }

    .tns .prevIcon {
        background-position: -50px 0px;
    }

    .tns .nextIcon {
        background-position: -75px 0px;
    }

    .tns .zoomOutIcon {
        background-position: -100px 0px;
    }

    .tns .zoomInIcon {
        background-position: -125px 0px;
    }

    .tns .captionOnIcon {
        background-position: -150px 0px;
    }

    .tns .captionOffIcon {
        background-position: -175px 0px;
    }

    .tns .thumbsOnIcon {
        background-position: -200px 0px;
    }

    .tns .thumbsOffIcon {
        background-position: -225px 0px;
    }

    .tns .closeIcon {
        background-position: -250px 0px;
    }

    .tns .controlPos1,
    .tns .controlPos2,
    .tns .controlPos3,
    .tns .controlPos4,
    .tns .controlPos5,
    .tns .controlPos6,
    .tns .controlPos7 {
        position: absolute;
    }

    .tns .controlPos1 {
        left: 12.5%;
    }

    .tns .controlPos2 {
        left: 25%;
    }

    .tns .controlPos3 {
        left: 37.5%;
    }

    .tns .controlPos4 {
        left: 50%;
    }

    .tns .controlPos5 {
        left: 62.5%;
    }

    .tns .controlPos6 {
        left: 75%;
    }

    .tns .controlPos7 {
        left: 87.5%;
    }

header #header-content {
    background-color: #FFF;
    z-index: 999;
    /*position: relative;*/
    width: 100%;
}

    header #header-content > .wrapper {
        height: 85px;
        background: #fff;
    }

    header #header-content.fixed {
        position: fixed;
    }

        header #header-content.fixed ~ .search-bar {
            position: fixed;
        }

        header #header-content.fixed ~ section.listing .listing-filters .filterlist {
            position: fixed !important;
        }

header .header-logo {
    display: block;
    position: absolute;
    width: 20.5rem;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    header .header-logo img {
        width: 100%;
    }

header .menu-header {
    z-index: 10;
    position: absolute;
    top: 50%;
    font-weight: 600;
    font-size: 0.975rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    header .menu-header > li {
        float: left;
        line-height: 85px;
        position: relative;
        margin: 0rem 1rem 0rem 1rem;
        letter-spacing: .11em;
    }

        header .menu-header > li:first-of-type {
            padding-left: 0;
        }

        header .menu-header > li:last-of-type {
            padding-right: 0;
        }

        header .menu-header > li > a.hoveraction:before {
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            height: 3px;
            background-color: #000;
            display: block;
            content: ' ';
            overflow: hidden;
            width: 0;
            -webkit-transition: width 200ms ease 0ms;
            transition: width 200ms ease 0ms;
        }

        header .menu-header > li > a.hoveraction:hover:before,
        header .menu-header > li > a.hoveraction:active:before,
        header .menu-header > li > a.hoveraction:focus:before {
            width: 80%;
        }

        header .menu-header > li a {
            display: inline-block;
            line-height: 1.875rem;
            cursor: pointer;
            position:relative;
        }
            header .menu-header > li a:hover{
                text-decoration:none;
            }
            header .menu-header > li a span,
            header .menu-header > li a i {
                display: inline-block;
                vertical-align: middle;
            }

            header .menu-header > li a i {
                margin-right: 0.83333333rem;
                font-size: 2.26666667rem;
                position: relative;
            }

                header .menu-header > li a i.right {
                    margin-left: 0.83333333rem;
                    margin-right: 0;
                }

                header .menu-header > li a i.small {
                    font-size: 1.6rem;
                    margin-right: 0.41666667rem;
                    margin-top: -0.41666667rem;
                }

                    header .menu-header > li a i.small.right {
                        margin-left: 0.41666667rem;
                        margin-right: 0;
                    }

            header .menu-header > li a .basketCount {
                font-family: 'Roboto-Medium', sans-serif;
                position: absolute;
                top: 0;
                right: 40px;
                display: inline-block;
                background-color: #b09c6a;
                color: #FFF;
                font-weight: 600;
                border-radius: 50%;
                min-width: 1.5rem;
                height: 1.5rem;
                line-height: 1.58333333rem;
                font-size: 0.975rem;
                padding-left: 0.08333333rem;
                box-sizing: border-box;
                text-align: center;
                -webkit-transform: translate(50%, -50%);
                -ms-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
            }

        header .menu-header > li.active a:before {
            width: 100%;
        }

        header .menu-header > li .submenu {
            /*border-top: 2.5px solid #333;*/
            background-color: #FFF;
            -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
            line-height: 1.875rem;
            min-width: 18.33333333rem;
            font-weight: 500;
            box-sizing: border-box;
            position: absolute;
            top: 75%;
            left: 0;
            z-index: 10;
            padding: 0.33333333rem 0rem 0.66666667rem 0rem;
        }

            header .menu-header > li .submenu ul {
                position: relative;
                padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            }

                header .menu-header > li .submenu ul li > * {
                    display: block;
                    padding: 0.16666667rem 2.08333333rem 0.16666667rem 2.08333333rem;
                }

                    header .menu-header > li .submenu ul li > *:hover {
                        color: #777676;
                        font-weight:bold;
                        text-decoration:underline;
                    }

            header .menu-header > li .submenu .seperate:after {
                content: ' ';
                overflow: hidden;
                position: absolute;
                bottom: 0;
                height: 1px;
                background-color: #e4e4e4;
                left: 1.66666667rem;
                right: 1.66666667rem;
            }

        header .menu-header > li .menu-basket.enable {
            left: -250%;
            width: 350%;
        }

        header .menu-header > li .menu-basket ul.products {
            padding: 0;
        }

            header .menu-header > li .menu-basket ul.products li {
                position: relative;
                margin: 0 1.8rem;
                padding: 1rem 0;
                border-bottom: 1px solid #e4e4e4;
            }

                header .menu-header > li .menu-basket ul.products li:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header .menu-header > li .menu-basket ul.products li img {
                    width: 30%;
                    float: left;
                    padding: 0;
                    border: 1px solid #e4e4e4;
                }

                header .menu-header > li .menu-basket ul.products li p {
                    width: 70%;
                    float: left;
                    padding: 1rem 0 0 1rem;
                    font-size: 0.925rem;
                    line-height: 1.6rem;
                }

                    header .menu-header > li .menu-basket ul.products li p * {
                        display: block;
                    }

                header .menu-header > li .menu-basket ul.products li .remove-product {
                    position: absolute;
                    top: .5rem;
                    right: -10%;
                    font-size: 1.3rem;
                }

        header .menu-header > li .menu-basket ul.total {
            padding: 1rem 1.8rem 0;
        }

            header .menu-header > li .menu-basket ul.total:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            header .menu-header > li .menu-basket ul.total li {
                width: 50%;
                float: left;
                text-align: right;
                font-size: 1.2rem;
            }

                header .menu-header > li .menu-basket ul.total li strong {
                    padding: 0;
                }

                    header .menu-header > li .menu-basket ul.total li strong:hover {
                        color: inherit;
                    }

                header .menu-header > li .menu-basket ul.total li:nth-child(odd) {
                    text-align: left;
                }

        header .menu-header > li .menu-basket ul:last-child {
            padding: .8rem 1.8rem;
        }

            header .menu-header > li .menu-basket ul:last-child .btn {
                font-size: 1.1rem;
                font-weight: 400;
                padding: .8rem .6rem;
            }

        header .menu-header > li .dropdown {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            display: block;
            padding: 1rem;
            border: 1px solid #e4e4e4;
            border-top: 2px solid #333;
            background: #FFF;
            width: 300%;
            right: 0;
            line-height: 1.2rem;
        }

            header .menu-header > li .dropdown.in {
                opacity: 1;
                visibility: visible;
                -webkit-transition: opacity 250ms ease, transform 250ms ease;
                transition: opacity 250ms ease, transform 250ms ease;
            }

    header .menu-header.left {
        left: 0;
    }

        header .menu-header.left > li:first-of-type {
            margin-left: 0;
        }

    header .menu-header.right {
        right: 0;
    }
    header .menu-header.right li:first-child a{
        font-weight:700;
    }
        header .menu-header.right > li:last-of-type {
            margin-right: 0;
        }

    header .menu-header.seperate > li:after {
        position: absolute;
        right: -1.16666667rem;
        display: block;
        height: 1.16666667rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        background-color: #e4e4e4;
        content: ' ';
        overflow: hidden;
    }

    header .menu-header.seperate > li:last-of-type:after {
        content: none;
    }

header #mobilenav {
    display: none;
    position: relative;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    line-height: 20px;
    background: #FFF;
}

    header #mobilenav .mobilebutton {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 20px;
        line-height: 20px;
        margin: 0 8px;
    }
    header #mobilenav .mobilebutton.cartbtn svg{
        margin-bottom:5px;
    }

    header #mobilenav #mobilebutton-menu {
        display: inline-block;
        position: relative;
        right: 0;
        width: 30px;
        height: 20px;
        cursor: pointer;
        z-index: 99999 !important;
    }

        header #mobilenav #mobilebutton-menu span {
            top: 0;
            position: absolute;
            left: 0;
            right: 0;
            height: 4px;
            border-radius: 2px;
            display: inline-block;
            width: 100%;
            background-color: #333;
            -webkit-transition: top 200ms ease, bottom 200ms ease, transform 200ms ease;
            transition: top 200ms ease, bottom 200ms ease, transform 200ms ease;
        }

            header #mobilenav #mobilebutton-menu span:nth-child(2),
            header #mobilenav #mobilebutton-menu span:nth-child(3) {
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            header #mobilenav #mobilebutton-menu span:nth-child(4) {
                bottom: 0;
                top: auto;
            }

        header #mobilenav #mobilebutton-menu.active span:nth-child(1) {
            top: 50%;
            -webkit-transform: translateY(-50%) scale(0);
            -ms-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(2) {
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(3) {
            -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
        }

        header #mobilenav #mobilebutton-menu.active span:nth-child(4) {
            bottom: 50%;
            -webkit-transform: translateY(50%) scale(0);
            -ms-transform: translateY(50%) scale(0);
            transform: translateY(50%) scale(0);
        }

    header #mobilenav #mobilebutton-search {
        font-size: 28px;
    }

    header #mobilenav #mobilebutton-basket i {
        margin-right: 10px;
        font-size: 31px;
        position: relative;
    }

    header #mobilenav #mobilebutton-basket .cart-text {
        position: relative;
        top: 7px !important;
        right: 5px;
    }

    header #mobilenav #mobilebutton-basket .basketCount {
        font-family: 'Roboto-Medium', sans-serif;
        position: absolute;
        top: 3px;
        right: 2px;
        display: inline-block;
        background-color: #b09c6a;
        color: #FFF;
        font-weight: 600;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        line-height: 19px;
        font-size: 11.5px;
        padding-left: 1px;
        box-sizing: border-box;
        text-align: center;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

header #topmenu {
    position: fixed;
    display: none;
    top: 86px;
    overflow: hidden;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    border-top: .2em solid #ccc
}

    header #topmenu .wrapper:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    header #topmenu #topmenu-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(89, 89, 89, 0.9);
        opacity: 0;
        z-index: 0;
        -webkit-transition: opacity 300ms ease 0ms;
        transition: opacity 300ms ease 0ms;
    }

        header #topmenu #topmenu-overlay.show {
            opacity: 1;
        }

    header #topmenu .topmenu {
        padding: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #FFF;
        z-index: 5;
        letter-spacing: .11em;
        -webkit-transition: transform 300ms ease, opacity 300ms ease;
        transition: transform 300ms ease, opacity 300ms ease;
    }

        header #topmenu .topmenu:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        header #topmenu .topmenu.show {
            opacity: 1;
            z-index: 10;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        header #topmenu .topmenu .menu-section {
            float: left;
            width: calc(16.666% - 16px);
        }

            header #topmenu .topmenu .menu-section ul li a {
                position: relative;
                display: inline-block;
            }

            header #topmenu .topmenu .menu-section.nav {
                font-weight: 700;
                font-size: 0.975rem;
                line-height: 1.8125rem;
                min-height: 229px;
                box-sizing: border-box;
                border-right: 0.2em solid #e4e4e4;
                padding: 15px;
            }

                header #topmenu .topmenu .menu-section.nav ul li {
                    padding: 0.5rem 0rem 0.5rem 0rem;
                }

            /*
                      
                        topmenude secılen yada uzerıne gelınen menunun altında border olusturuyor
                    header #topmenu .topmenu .menu-section.nav ul li a:after {
                        position: absolute;
                        bottom: 0;
                        height: 2.5px;
                        background-color: #000;
                        width: 0;
                        left: 0;
                        content: ' ';
                        overflow: hidden;
                        -webkit-transition: width 200ms ease 0ms;
                        transition: width 200ms ease 0ms;
                    }

                    header #topmenu .topmenu .menu-section.nav ul li a:hover:after,
                    header #topmenu .topmenu .menu-section.nav ul li a.active:after {
                        width: 100%;
                    }*/

            header #topmenu .topmenu .menu-section.topmenu-section {
                display: none;
                width: calc(75% - 16px);
                line-height: 1.45833333rem;
                font-size: 0.975rem;
                letter-spacing: .11em;
                color: #5a5a5a;
                font-weight: 400;
                padding: 15px;
                padding-top: 0px;
            }

                header #topmenu .topmenu .menu-section.topmenu-section:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header #topmenu .topmenu .menu-section.topmenu-section .section-col {
                    width: 50%;
                    float: left;
                }

                    header #topmenu .topmenu .menu-section.topmenu-section .section-col .group {
                        margin-bottom: 1.5rem;
                    }

                        header #topmenu .topmenu .menu-section.topmenu-section .section-col .group .group-title {
                            font-weight: 700;
                            font-size: 0.975rem;
                            margin-bottom: 0.33333333rem;
                            color: #333;
                        }

                header #topmenu .topmenu .menu-section.topmenu-section.active {
                    display: block;
                }

            header #topmenu .topmenu .menu-section.banner {
                width: calc(33.333% - 16px);
                margin-right: 0;
                margin-left: 16px;
            }

    header #topmenu.enabled {
        display: block;
    }

header #searchbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    display: none;
}

    header #searchbar #searchbar-overlay {
        background-color: white;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        opacity: 0;
        -webkit-transition: opacity 350ms ease;
        transition: opacity 350ms ease;
    }

    header #searchbar #searchbar-close {
        position: absolute;
        top: 3.33333333rem;
        right: 3.33333333rem;
        z-index: 20;
        font-size: 3.01666667rem;
        color: #5a5a5a;
        -webkit-transition: transform 350ms ease;
        transition: transform 350ms ease;
        -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    header #searchbar #searchbar-container {
        display: block;
        opacity: 0;
        position: relative;
        z-index: 5;
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(-20%);
        -webkit-transition: opacity 350ms ease, transform 350ms ease;
        transition: opacity 350ms ease, transform 350ms ease;
        background-color: #fafafa;
        padding: 6.5rem 0rem 6.5rem 0rem;
    }

        header #searchbar #searchbar-container:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        header #searchbar #searchbar-container .icon {
            float: left;
            width: 4.83333333rem;
            display: inline-block;
            line-height: 4.16666667rem;
            font-size: 3.85rem;
            color: #333;
            text-align: left;
        }

        header #searchbar #searchbar-container #searchbar-text {
            width: calc(100% - 4.833333333333333rem);
            float: left;
            border: none;
            background: transparent;
            line-height: 4.16666667rem;
            height: 4.16666667rem;
            font-size: 3.85rem;
            padding: 0;
            margin: 0;
            font-weight: 300;
            font-family: 'Roboto-Medium', sans-serif;
            color: #5a5a5a;
        }

            header #searchbar #searchbar-container #searchbar-text::-webkit-input-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text:-moz-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text::-moz-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

            header #searchbar #searchbar-container #searchbar-text:-ms-input-placeholder {
                color: #5a5a5a;
                opacity: 1;
            }

    header #searchbar #searchbar-suggestions {
        position: absolute;
        top: 17.16666667rem;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        margin-top: 6.5rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row {
            -webkit-transform: translateY(20%);
            -ms-transform: translateY(20%);
            transform: translateY(20%);
            width: calc(33.333% - 66.666px);
            margin-right: 100px;
            float: left;
            opacity: 0;
            -webkit-transition: opacity 200ms ease, transform 200ms ease;
            transition: opacity 200ms ease, transform 200ms ease;
        }

            header #searchbar #searchbar-suggestions .suggestion-row:nth-of-type(2) {
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms;
            }

            header #searchbar #searchbar-suggestions .suggestion-row:last-of-type {
                margin-right: 0;
                -webkit-transition-delay: 100ms;
                transition-delay: 100ms;
            }

            header #searchbar #searchbar-suggestions .suggestion-row .row-title {
                font-size: 1.475rem;
                line-height: 5rem;
                border-bottom: 1px solid #e4e4e4;
            }

            header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product {
                border-bottom: 1px solid #e4e4e4;
                padding: 2rem 0rem 2rem 0rem;
            }

                header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image {
                    width: 6.66666667rem;
                    float: left;
                    border: 1px solid #e4e4e4;
                    margin-right: 2rem;
                }

                    header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image .outerwrap {
                        padding-bottom: 137.037%;
                    }

                        header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product .suggestion-image .outerwrap img {
                            width: 100%;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            -webkit-transform: translate(-50%, -50%);
                            -ms-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                        }

    header #searchbar.active {
        display: block;
    }

    header #searchbar.show #searchbar-container {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    header #searchbar.show #searchbar-overlay {
        opacity: 1;
    }

    header #searchbar.show #searchbar-suggestions:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    header #searchbar.show #searchbar-suggestions .suggestion-row {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms;
    }

        header #searchbar.show #searchbar-suggestions .suggestion-row:nth-of-type(2) {
            -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
        }

        header #searchbar.show #searchbar-suggestions .suggestion-row:nth-of-type(3) {
            -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
        }

    header #searchbar.show #searchbar-close {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

header.plain .header-logo {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

header.checkout #header-content {
    width: calc(88% - 10px);
    position: fixed !important;
    border-bottom: 1px solid #ccc;
}


    header.checkout #header-content > .wrapper {
        border-bottom: none;
        max-width: none;
    }

header.checkout .header-logo {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    header.checkout .header-logo:after {
        position: absolute;
        height: 100%;
        top: 0;
        width: 1px;
        display: block;
        content: ' ';
        overflow: hidden;
        background-color: #e4e4e4;
        right: -1.83333333rem;
    }

.search-bar {
    position: absolute;
    z-index: 9;
    width: 100%;
    display: none;
    background: #FFF;
}

    .search-bar input {
        width: 100%;
        display: block;
        padding: 1.02rem 2.5rem 1.1rem 5rem;
    }

    .search-bar .icon {
        position: absolute;
        font-size: 2.1rem;
        padding: 0.9rem 0.66666667rem 0.66666667rem 1.33333333rem;
    }

    .search-bar .btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 70px !important;
        padding: 1.02rem 7% 1.1rem 7%;
        max-width: 70px;
    }

    .search-bar.open {
        display: block;
        position: absolute;
    }

    #mini .search-bar.open {
        display: block;
        position: absolute;
    }

header.checkout .header-securepayment {
    position: absolute;
    width: 13.58333333rem;
    left: 24.16666667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*footer {
    border-top: 2px solid #b6b6b6;
    padding: 5.41666667rem 0rem 5.41666667rem 0rem;
}*/

footer #footer-subscription {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    border-bottom: 2px solid #333;
}

    footer #footer-subscription:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    footer #footer-subscription input,
    footer #footer-subscription button {
        border: none;
        background: none;
        padding: 0;
        display: block;
        margin: 0;
        height: 3.33333333rem;
        line-height: 3.33333333rem;
        font-size: 1.1625rem;
        letter-spacing: .03em;
    }

        footer #footer-subscription input[type="email"],
        footer #footer-subscription button[type="email"] {
            float: left;
            width: calc(100% - 20px);
        }

            footer #footer-subscription input[type="email"]::-webkit-input-placeholder,
            footer #footer-subscription button[type="email"]::-webkit-input-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]:-moz-placeholder,
            footer #footer-subscription button[type="email"]:-moz-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]::-moz-placeholder,
            footer #footer-subscription button[type="email"]::-moz-placeholder {
                color: #333;
                opacity: 1;
            }

            footer #footer-subscription input[type="email"]:-ms-input-placeholder,
            footer #footer-subscription button[type="email"]:-ms-input-placeholder {
                color: #333;
                opacity: 1;
            }

        footer #footer-subscription input[type="submit"],
        footer #footer-subscription button[type="submit"] {
            float: left;
            width: 20px;
        }

            footer #footer-subscription input[type="submit"]:before,
            footer #footer-subscription button[type="submit"]:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\f178';
            }

footer #footer-specs {
    text-align: center;
    font-size: 1.1rem;
    line-height: 3.33333333rem;
    letter-spacing: .035em;
    font-weight: 600;
    padding: 2.91666667rem 0rem 2.91666667rem 0rem;
}

    footer #footer-specs .spec {
        display: inline;
        margin: 0rem 2.33333333rem 0rem 2.33333333rem;
    }

        footer #footer-specs .spec .icon {
            font-size: 2.35rem;
            margin-right: 0.66666667rem;
            vertical-align: middle;
            display: inline-block;
        }

            footer #footer-specs .spec .icon.delivery {
                font-size: 3.1rem;
            }

footer .footer-menu {
    border-top: 1px solid #e4e4e4;
    color: #5a5a5a;
    padding-top: 3.66666667rem;
    padding-bottom: 3.66666667rem;
    font-size: 1.1rem;
    line-height: 2.375rem;
    letter-spacing: .03em;
}

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

    footer .footer-menu .footer-title {
        font-size: 1.1rem;
        font-weight: 700;
        color: #333;
    }

    footer .footer-menu .footer-group {
        float: left;
        width: 25%;
    }

    footer .footer-menu .footer-social {
        color: #333;
        line-height: 22px;
        font-size: 1.26666667rem;
        margin-top: 1.16666667rem;
        margin-left: 1.5rem;
    }

        footer .footer-menu .footer-social:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        footer .footer-menu .footer-social .icon {
            float: left;
            margin-right: 1.25rem;
        }

            footer .footer-menu .footer-social .icon:last-of-type {
                margin-right: 0;
            }

    footer .footer-menu p {
        font-size: 1.0375rem;
        line-height: 1.875rem;
    }

        footer .footer-menu p.telephone {
            font-weight: 500;
            font-size: 1rem;
            line-height: 2.375rem;
        }

footer .footer-menu-mobile {
    display: none;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0rem 2.33333333rem 0rem 2.33333333rem;
    padding-bottom: 2.16666667rem;
    margin-left: auto;
    margin-right: auto;
}

    footer .footer-menu-mobile .footer-menu-title {
        font-size: 14px;
        padding-bottom: 0.83333333rem;
        margin-bottom: 0.41666667rem;
        border-bottom: 1px solid #b6b6b6;
        letter-spacing: .11em;
        font-weight: 700;
    }

    footer .footer-menu-mobile .footer-menu-pane {
        margin-bottom: 1.66666667rem;
    }

        footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-button {
            font-size: 13px;
            letter-spacing: .11em;
            display: block;
            font-weight: 600;
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            border-bottom: 1px solid #e4e4e4;
        }

            footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-button .accordion-indicator {
                float: right;
                margin-right: 0.83333333rem;
                margin-left: 0.83333333rem;
            }

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

        footer .footer-menu-mobile .footer-menu-pane .accordion-element .accordion-content {
            padding: 0.5rem 0rem 1rem 0rem;
            line-height: 2rem;
            font-size: 13px;
            letter-spacing: .11em;
            font-weight: 500;
        }

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

    footer .footer-menu-mobile .footer-social .icon {
        font-size: 1.43333333rem;
        margin-right: 0.83333333rem;
        display: inline-block;
    }

footer #footer-payment {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    line-height: 18px;
    font-size: 1.1rem;
    padding: 1.66666667rem 0rem 1.66666667rem 0rem;
    font-weight: 600;
}

    footer #footer-payment .opt {
        display: inline-block;
        vertical-align: middle;
        margin: 0rem 0.66666667rem 0rem 0.66666667rem;
    }

        footer #footer-payment .opt img {
            height: 18px;
            display: block;
        }

footer #footer-address {
    padding: 1.16666667rem 0rem 1.16666667rem 0rem;
    color: #5a5a5a;
    font-size: 1.18333333rem;
    letter-spacing: .03em;
    text-align: center;
    font-style: normal;
    line-height: 1.66666667rem;
}

    footer #footer-address p {
        margin: 0.5rem 0rem 0.5rem 0rem;
    }

    footer #footer-address .footer-logo {
        margin-top: 0.33333333rem;
        display: inline-block;
        width: 87px;
        margin-left: 8px;
        margin-right: 8px;
        vertical-align: bottom;
    }
/*== Mobile Menu ==*/
#mobilemenu {
    display: none;
    position: absolute;
    z-index: 120;
    top: 131px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
}

    #mobilemenu #mobilemenu-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 1;
        background-color: #e4e4e4;
        cursor: pointer;
        -webkit-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
    }

    #mobilemenu #mobilemenu-content {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 200ms ease;
        transition: transform 200ms ease;
        overflow-y: auto;
        background-color: rgba(255, 255, 255, 0.9);
        width: 350px;
        max-width: 80%;
        box-sizing: border-box;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li .link {
            display: block;
            position: relative;
            border-bottom: 1px solid #e4e4e4;
            cursor: pointer;
            padding: 13px 25px 11px 0;
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li ul {
            overflow: hidden;
            padding-left: 12px;
            margin: 0px 0 20px;
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list li ul li .link {
                padding: 10px 20px 8px 0;
            }

            #mobilemenu #mobilemenu-content #mobilemenu-list li ul ul {
                margin: 0 0 5px;
            }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub > .link:after {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90f';
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub > .link:after {
            position: absolute;
            display: inline-block;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub.expanded > .link:after {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e90e';
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list > li {
            font-size: 20px;
            line-height: 23px;
            letter-spacing: .11em;
            font-weight: 600;
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li {
                font-size: 17px;
               /* line-height: 16px;*/
            }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li .link:after {
                    color: #5a5a5a;
                }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li {
                    font-weight: 500;
                    letter-spacing: .05em;
                }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li .link {
                        border-bottom: none;
                    }

                        #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li .link:after {
                            color: #b6b6b6;
                        }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li ul li ul li {
                        font-weight: 400;
                    }

            #mobilemenu #mobilemenu-content #mobilemenu-list > li.user {
                line-height: 40px;
            }

                #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link {
                    font-weight: 700;
                }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link:before {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e907';
                    }

                    #mobilemenu #mobilemenu-content #mobilemenu-list > li.user > .link:before {
                        position: absolute;
                        right: 22px;
                        top: 50%;
                        font-size: 26px;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

    #mobilemenu.active {
        display: block;
    }

        #mobilemenu.active.show #mobilemenu-content {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        #mobilemenu.active.show #mobilemenu-overlay {
            opacity: .8;
        }
/*== Sections by type ==*/
section,
main {
    /*== Generic ==*/
    /*== Lookbook ==*/
    /*== Product Listing ==*/
    /*== Product Page ==*/
    /*== Basket Page ==*/
    /*== Checkout ==*/
    /*== Account ==*/
    /*== Login & Register ==*/
}

    section.gray,
    main.gray {
        background-color: #fafafa;
    }

    section .section-title,
    main .section-title {
        font-weight: 700;
        overflow: hidden;
        color: #333;
        text-align: center;
        font-size: 0.93333333rem;
        width: 51.66666667rem;
        max-width: 100%;
        margin: 0 auto;
        letter-spacing: .3em;
        padding: 3rem 0rem 4rem 0rem;
    }

        section .section-title span,
        main .section-title span {
            position: relative;
        }

            section .section-title span strong,
            main .section-title span strong {
                font-weight: 800;
            }

            section .section-title span:before,
            main .section-title span:before,
            section .section-title span:after,
            main .section-title span:after {
                position: absolute;
                display: block;
                width: 300vw;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                content: ' ';
                height: 1px;
                background-color: #e4e4e4;
            }

            section .section-title span:before,
            main .section-title span:before {
                right: 0;
                margin-right: calc(100% + 34px);
            }

            section .section-title span:after,
            main .section-title span:after {
                left: 0;
                margin-left: calc(100% + 34px);
            }

        section .section-title.narrow,
        main .section-title.narrow {
            padding: 2.5rem 0rem 2.5rem 0rem;
        }

        section .section-title.mini,
        main .section-title.mini {
            width: 68%;
            margin-left: auto;
            margin-right: auto;
        }

        section .section-title.serif,
        main .section-title.serif {
            font-family: 'Roboto-Medium', sans-serif;
            font-size: 1.7rem;
            letter-spacing: .02em;
            font-weight: 400;
        }

    section.breadcrumb,
    main.breadcrumb {
        position: relative;
    }

        section.breadcrumb .wrapper,
        main.breadcrumb .wrapper {
            overflow: hidden;
            overflow-x: hidden;
            position: relative;
            width:100% !important;
        }

        section.breadcrumb .breadcrumb-list,
        main.breadcrumb .breadcrumb-list {
            width: 100%;
            line-height: 2rem;
            font-size: 1.1rem;
            padding:0px 64px;
            color: #5a5a5a;
            white-space: nowrap;
        }

            section.breadcrumb .breadcrumb-list:after,
            main.breadcrumb .breadcrumb-list:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.breadcrumb .breadcrumb-list .crumb,
            main.breadcrumb .breadcrumb-list .crumb {
                display: inline-block;
                margin-left: 0.75rem;
                color: #979494;
                font-family: "Roboto-Light";
                font-size:12px !important
            }
                section.breadcrumb .breadcrumb-list .crumb:last-child a,
                main.breadcrumb .breadcrumb-list .crumb:last-child a {
                    color: #ed1c24;
                    text-decoration: underline;
                    font-family: "Roboto-Light";
                }

                section.breadcrumb .breadcrumb-list .crumb:before,
                main.breadcrumb .breadcrumb-list .crumb:before {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: url(/assets/images/chevron-right-gray.svg);
                }

                section.breadcrumb .breadcrumb-list .crumb:before,
                main.breadcrumb .breadcrumb-list .crumb:before {
                    margin-right: 0.75rem;
                }

                section.breadcrumb .breadcrumb-list .crumb:first-of-type,
                main.breadcrumb .breadcrumb-list .crumb:first-of-type {
                    margin-left: 0;
                }

                    section.breadcrumb .breadcrumb-list .crumb:first-of-type:before,
                    main.breadcrumb .breadcrumb-list .crumb:first-of-type:before {
                        content: none;
                        display: none;
                    }

        section.breadcrumb:after,
        main.breadcrumb:after {
            position: absolute;
            content: ' ';
            overflow: hidden;
            top: 0;
            right: 0;
            bottom: 0;
            width: 2.5rem;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, #ffffff 81%, #ffffff 100%);
        }

    section.banner-line,
    main.banner-line {
        display: block;
        text-align: center;
        background: #ff6000;
        background: -moz-linear-gradient(left, #ffb600 0%, #ffcc03 100%);
        background: -webkit-linear-gradient(left, #ffb600 0%, #ffcc03 100%);
        background: linear-gradient(to right, #ffb600 0%, #ffcc03 100%);
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        line-height: 2.5rem;
        box-sizing: border-box;
        font-size: 1.43333333rem;
        letter-spacing: .11em;
        color: #000;
    }

        section.banner-line a,
        main.banner-line a {
            display: block;
            overflow: hidden;
        }

        section.banner-line .banner-content,
        main.banner-line .banner-content {
            display: inline-block;
            font-weight: 600;
            margin: 0 .5em;
            position: relative;
        }

            section.banner-line .banner-content.serif,
            main.banner-line .banner-content.serif {
                font-family: 'Roboto-Medium', sans-serif;
                font-size: 1.225em;
                /* 18px */
                font-weight: 800;
            }

            section.banner-line .banner-content .discount,
            main.banner-line .banner-content .discount {
                display: inline;
                font-size: 1.766em;
                /* 30 */
                font-weight: 700;
                letter-spacing: .01em;
                vertical-align: top;
                display: inline-block;
                margin-top: -0.33333333rem;
            }

                section.banner-line .banner-content .discount .percent,
                main.banner-line .banner-content .discount .percent {
                    font-size: .633em;
                    /* 16px */
                    font-weight: 400;
                }

            section.banner-line .banner-content .serif,
            main.banner-line .banner-content .serif {
                font-family: 'Roboto-Medium', sans-serif;
                font-size: 1.125em;
                font-weight: 800;
            }

            section.banner-line .banner-content .large,
            main.banner-line .banner-content .large {
                font-size: 1.537em;
                margin-left: .2em;
                margin-right: .2em;
            }

                section.banner-line .banner-content .large.serif,
                main.banner-line .banner-content .large.serif {
                    font-size: 2.016em;
                }

        section.banner-line.narrow,
        main.banner-line.narrow {
            font-size: 1.1rem;
            line-height: 2.33333333rem;
            padding: 0.41666667rem 0rem 0.41666667rem 0rem;
        }

            section.banner-line.narrow .banner-content,
            main.banner-line.narrow .banner-content {
                margin: 0 .2em;
            }

        section.banner-line.plain,
        main.banner-line.plain {
            background: none;
            filter: none;
        }

        section.banner-line.lined .banner-content:first-child:before,
        main.banner-line.lined .banner-content:first-child:before {
            position: absolute;
            height: 1px;
            content: ' ';
            overflow: hidden;
            right: calc(100% + 2em);
            top: 58%;
            background-color: #333;
            width: 100vw;
            display: block;
        }

        section.banner-line.lined .banner-content:last-child:after,
        main.banner-line.lined .banner-content:last-child:after {
            position: absolute;
            height: 1px;
            content: ' ';
            overflow: hidden;
            left: calc(100% + 2em);
            top: 58%;
            background-color: #333;
            width: 100vw;
            display: block;
        }

    section.lookbook-head:after,
    main.lookbook-head:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.lookbook-head .head-image,
    main.lookbook-head .head-image {
        width: 81.452%;
    }

        section.lookbook-head .head-image .outerwrap,
        main.lookbook-head .head-image .outerwrap {
            padding-bottom: 66.107%;
        }

            section.lookbook-head .head-image .outerwrap img,
            main.lookbook-head .head-image .outerwrap img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%;
            }

    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        position: absolute;
        width: 33.931%;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 1px solid #b6b6b6;
        box-sizing: border-box;
    }

        section.lookbook-head .head-title .outerwrap,
        main.lookbook-head .head-title .outerwrap {
            padding-bottom: 95.465%;
        }

        section.lookbook-head .head-title .textarea,
        main.lookbook-head .head-title .textarea {
            position: absolute;
            left: 4rem;
            right: 4rem;
            bottom: 3.16666667rem;
            font-weight: 700;
            font-size: 1.76666667rem;
            line-height: 2.41666667rem;
            letter-spacing: .18em;
        }

            section.lookbook-head .head-title .textarea:before,
            main.lookbook-head .head-title .textarea:before {
                width: 2.33333333rem;
                height: 3px;
                background-color: #000;
                content: ' ';
                overflow: hidden;
                display: block;
            }

            section.lookbook-head .head-title .textarea .text,
            main.lookbook-head .head-title .textarea .text {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            }

    section.lookbook-listing,
    main.lookbook-listing {
        /* Bir tarafta büyük, bir tarafta küçük */
    }

        section.lookbook-listing.bigsmall .outerwrap,
        main.lookbook-listing.bigsmall .outerwrap {
            padding-bottom: 65.982%;
        }

        section.lookbook-listing.bigsmall .imagewrap,
        main.lookbook-listing.bigsmall .imagewrap {
            position: absolute;
            width: 34.700%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            section.lookbook-listing.bigsmall .imagewrap.left,
            main.lookbook-listing.bigsmall .imagewrap.left {
                left: 0;
            }

                section.lookbook-listing.bigsmall .imagewrap.left.outer,
                main.lookbook-listing.bigsmall .imagewrap.left.outer {
                    left: 8.547%;
                }

            section.lookbook-listing.bigsmall .imagewrap.right,
            main.lookbook-listing.bigsmall .imagewrap.right {
                right: 0;
            }

                section.lookbook-listing.bigsmall .imagewrap.right.outer,
                main.lookbook-listing.bigsmall .imagewrap.right.outer {
                    right: 8.547%;
                }

            section.lookbook-listing.bigsmall .imagewrap.big,
            main.lookbook-listing.bigsmall .imagewrap.big {
                width: 47.179%;
            }

                section.lookbook-listing.bigsmall .imagewrap.big.wide,
                main.lookbook-listing.bigsmall .imagewrap.big.wide {
                    width: 54.358%;
                }

            section.lookbook-listing.bigsmall .imagewrap img,
            main.lookbook-listing.bigsmall .imagewrap img {
                width: 100%;
            }

        section.lookbook-listing.triple-scatter:after,
        main.lookbook-listing.triple-scatter:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.lookbook-listing.triple-scatter .listing-row.wide,
        main.lookbook-listing.triple-scatter .listing-row.wide {
            width: 54.358%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .textfield,
            main.lookbook-listing.triple-scatter .listing-row.wide .textfield {
                width: 100%;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap {
                    padding-bottom: 32.913%;
                }

                    section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                    main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap {
                        padding: 0 11.532%;
                        box-sizing: border-box;
                    }

            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap {
                margin-bottom: 6.771%;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap {
                    padding-bottom: 108.346%;
                }

        section.lookbook-listing.triple-scatter .listing-row.narrow,
        main.lookbook-listing.triple-scatter .listing-row.narrow {
            width: 35.299%;
        }

            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap {
                margin-bottom: 10.462%;
            }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap {
                    padding-bottom: 126.763%;
                }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big {
                    margin-bottom: 15.291%;
                }

                    section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
                    main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap {
                        padding-bottom: 126.763%;
                    }

                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap {
                    padding-bottom: 76.155%;
                }

        section.lookbook-listing.triple-scatter .listing-row.left,
        main.lookbook-listing.triple-scatter .listing-row.left {
            float: left;
        }

            section.lookbook-listing.triple-scatter .listing-row.left.narrow,
            main.lookbook-listing.triple-scatter .listing-row.left.narrow {
                margin-left: 5.384%;
            }

        section.lookbook-listing.triple-scatter .listing-row.right,
        main.lookbook-listing.triple-scatter .listing-row.right {
            float: right;
        }

            section.lookbook-listing.triple-scatter .listing-row.right.narrow,
            main.lookbook-listing.triple-scatter .listing-row.right.narrow {
                margin-right: 5.384%;
            }

        section.lookbook-listing.triple-scatter .outerwrap,
        main.lookbook-listing.triple-scatter .outerwrap {
            overflow: visible;
        }

        section.lookbook-listing.triple-scatter .lookbook-items,
        main.lookbook-listing.triple-scatter .lookbook-items {
            left: 0;
            right: 0;
            top: 100%;
            position: absolute;
        }

        section.lookbook-listing.triple-scatter .image img,
        main.lookbook-listing.triple-scatter .image img {
            min-width: 100%;
            display: block;
            max-width: auto;
            min-height: 100%;
        }

        section.lookbook-listing.carousel .wrapper:after,
        main.lookbook-listing.carousel .wrapper:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.lookbook-listing.carousel .title,
        main.lookbook-listing.carousel .title {
            text-align: center;
            width: 100%;
            clear: both;
            margin-bottom: 1.83333333rem;
            font-size: 1.85rem;
        }

        section.lookbook-listing.carousel .sliderelement,
        main.lookbook-listing.carousel .sliderelement {
            margin-left: -3.83333333rem;
            width: calc(100% + 7.666666666666667rem);
        }

            section.lookbook-listing.carousel .sliderelement .imagewrap,
            main.lookbook-listing.carousel .sliderelement .imagewrap {
                margin-left: 3.83333333rem;
                margin-right: 3.83333333rem;
            }

    section .lookbook-items,
    main .lookbook-items {
        line-height: 1.66666667rem;
        padding: 1.16666667rem 0rem 1.16666667rem 0rem;
        font-size: 0.93333333rem;
        letter-spacing: .11em;
        font-weight: 500;
        text-align: center;
    }

        section .lookbook-items li,
        main .lookbook-items li {
            position: relative;
            display: inline-block;
            padding: 0rem 0.91666667rem 0rem 0.91666667rem;
        }

            section .lookbook-items li .item-price,
            main .lookbook-items li .item-price {
                font-weight: 700;
            }

            section .lookbook-items li .item-title:after,
            main .lookbook-items li .item-title:after {
                content: ' -- ';
            }

            section .lookbook-items li:after,
            main .lookbook-items li:after {
                content: '|';
                position: absolute;
                right: -3px;
            }

            section .lookbook-items li:last-of-type:after,
            main .lookbook-items li:last-of-type:after {
                display: none;
                content: none;
            }

    section.listing .wrapper:after,
    main.listing .wrapper:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.listing .help-title,
    main.listing .help-title {
        font-size: 1.68333333rem;
        font-weight: 600;
    }

    section.listing .listing-filters,
    main.listing .listing-filters {
        float: left;
        width: 25.384%;
        max-height: calc(100% - 100px);
    }

        section.listing .listing-filters.help .arrow,
        main.listing .listing-filters.help .arrow {
            display: none;
        }

        section.listing .listing-filters .filterlist,
        main.listing .listing-filters .filterlist {
            margin-right: 5rem;
            margin-top: 1.66666667rem;
            min-width: 20%;
        }

            /*section.listing .listing-filters .filterlist.gapped,
            main.listing .listing-filters .filterlist.gapped {
                margin-top: 5rem;
            }*/

            section.listing .listing-filters .filterlist .group,
            main.listing .listing-filters .filterlist .group {
                font-size: 0.975rem;
                line-height: 1.66666667rem;
                letter-spacing: .11em;
            }

                section.listing .listing-filters .filterlist .group .group-title,
                main.listing .listing-filters .filterlist .group .group-title {
                    display: block;
                    padding: 1.33333333rem 0rem 1.16666667rem 0rem;
                    font-weight: 700;
                }

                    section.listing .listing-filters .filterlist .group .group-title:after,
                    main.listing .listing-filters .filterlist .group .group-title:after {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        content: '\e909';
                    }

                    section.listing .listing-filters .filterlist .group .group-title:after,
                    main.listing .listing-filters .filterlist .group .group-title:after {
                        float: right;
                        display: inline-block;
                        line-height: 1.66666667rem;
                        font-size: 1.43333333rem;
                    }

                section.listing .listing-filters .filterlist .group ul,
                main.listing .listing-filters .filterlist .group ul {
                    overflow: hidden;
                    color: #5a5a5a;
                    display: none;
                    border-bottom: 1px solid #e4e4e4;
                    box-sizing: content-box;
                }

                    section.listing .listing-filters .filterlist .group ul.scrollbar,
                    main.listing .listing-filters .filterlist .group ul.scrollbar {
                        max-height: 15.83333333rem;
                    }

                    section.listing .listing-filters .filterlist .group ul li,
                    main.listing .listing-filters .filterlist .group ul li {
                        padding: 0.75rem 0rem 0.75rem 0rem;
                        margin-top: -3.16666667rem;
                        -webkit-transition: margin 250ms ease;
                        transition: margin 250ms ease;
                    }

                        section.listing .listing-filters .filterlist .group ul li:before,
                        main.listing .listing-filters .filterlist .group ul li:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            /*content: '\e90c';*/
                        }

                        section.listing .listing-filters .filterlist .group ul li:before,
                        main.listing .listing-filters .filterlist .group ul li:before {
                            width: 0.83333333rem;
                            display: inline-block;
                            margin-right: 0.5rem;
                            color: #333;
                            font-size: 1.18333333rem;
                            float: left;
                        }

                        section.listing .listing-filters .filterlist .group ul li.checkwrap,
                        main.listing .listing-filters .filterlist .group ul li.checkwrap {
                            clear: both;
                        }

                            section.listing .listing-filters .filterlist .group ul li.checkwrap label,
                            main.listing .listing-filters .filterlist .group ul li.checkwrap label {
                                margin-left: 0 !important;
                                cursor: pointer;
                                height: auto;
                                display: inline-block;
                            }

                            section.listing .listing-filters .filterlist .group ul li.checkwrap:before,
                            main.listing .listing-filters .filterlist .group ul li.checkwrap:before {
                                position: absolute;
                            }

                        section.listing .listing-filters .filterlist .group ul li.active > a,
                        main.listing .listing-filters .filterlist .group ul li.active > a {
                            color: #333;
                            font-weight: 600;
                        }

                        section.listing .listing-filters .filterlist .group ul li.active:before,
                        main.listing .listing-filters .filterlist .group ul li.active:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            content: '\e90a';
                        }

                        section.listing .listing-filters .filterlist .group ul li > a.expanded,
                        main.listing .listing-filters .filterlist .group ul li > a.expanded {
                            color: #333;
                            font-weight: 600;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable:before,
                        main.listing .listing-filters .filterlist .group ul li.expandable:before {
                            display: none;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable .expand,
                        main.listing .listing-filters .filterlist .group ul li.expandable .expand {
                            width: 0.83333333rem;
                            display: inline-block;
                            margin-right: 0.5rem;
                            color: #333;
                            font-size: 1.18333333rem;
                            float: left;
                        }

                            section.listing .listing-filters .filterlist .group ul li.expandable .expand:before,
                            main.listing .listing-filters .filterlist .group ul li.expandable .expand:before {
                                font-family: 'icomoon' !important;
                                speak: none;
                                font-style: normal;
                                font-weight: normal;
                                font-variant: normal;
                                text-transform: none;
                                -webkit-font-smoothing: antialiased;
                                -moz-osx-font-smoothing: grayscale;
                                content: '\e90c';
                            }

                        section.listing .listing-filters .filterlist .group ul li.expandable > ul,
                        main.listing .listing-filters .filterlist .group ul li.expandable > ul {
                            display: none;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable.expand > ul,
                        main.listing .listing-filters .filterlist .group ul li.expandable.expand > ul {
                            display: block;
                        }

                        section.listing .listing-filters .filterlist .group ul li.expandable.expand > .expand:before,
                        main.listing .listing-filters .filterlist .group ul li.expandable.expand > .expand:before {
                            font-family: 'icomoon' !important;
                            speak: none;
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            text-transform: none;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            content: '\e90a';
                        }

                        section.listing .listing-filters .filterlist .group ul li ul,
                        main.listing .listing-filters .filterlist .group ul li ul {
                            border-bottom: none;
                            padding-bottom: 0rem;
                            margin-top: 0rem;
                        }

                            section.listing .listing-filters .filterlist .group ul li ul li,
                            main.listing .listing-filters .filterlist .group ul li ul li {
                                padding-left: 1.83333333rem;
                            }

                                section.listing .listing-filters .filterlist .group ul li ul li:before,
                                main.listing .listing-filters .filterlist .group ul li ul li:before {
                                    display: none;
                                }

                section.listing .listing-filters .filterlist .group.expand .group-title:after,
                main.listing .listing-filters .filterlist .group.expand .group-title:after {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: '\e918';
                }

                section.listing .listing-filters .filterlist .group.expand ul,
                main.listing .listing-filters .filterlist .group.expand ul {
                    display: block;
                }

                    section.listing .listing-filters .filterlist .group.expand ul li,
                    main.listing .listing-filters .filterlist .group.expand ul li {
                        margin-top: 0;
                    }

                        section.listing .listing-filters .filterlist .group.expand ul li ul,
                        main.listing .listing-filters .filterlist .group.expand ul li ul {
                            margin-top: 0.5rem;
                        }

                section.listing .listing-filters .filterlist .group.expand > ul,
                main.listing .listing-filters .filterlist .group.expand > ul {
                    padding: 1rem 0rem 1rem 0rem;
                }

    section.listing .listing-main,
    main.listing .listing-main {
        float: right;
        width: 100%;
        padding-bottom: 9.16666667rem;
    }

        section.listing .listing-main .listing-head,
        main.listing .listing-main .listing-head {
            height: 5rem;
            display: table;
            width: 100%;
        }

            /*section.listing .listing-main .listing-head:after,*/
            main.listing .listing-main .listing-head:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.listing .listing-main .listing-head .listing-title,
            main.listing .listing-main .listing-head .listing-title {
                font-size: 1.64166667rem;
                float: left;
                letter-spacing: .11em;
            }

                section.listing .listing-main .listing-head .listing-title:after,
                main.listing .listing-main .listing-head .listing-title:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.listing .listing-main .listing-head .listing-title .listing-innertitle,
                main.listing .listing-main .listing-head .listing-title .listing-innertitle {
                    float: left;
                    vertical-align: bottom;
                    line-height: 1.5rem;
                    margin: 1.75rem 0rem 1.75rem 0rem;
                }

            section.listing .listing-main .listing-head .listing-resultcount,
            main.listing .listing-main .listing-head .listing-resultcount {
                float: left;
                font-weight: 600;
                color: #5a5a5a;
                font-size: 1.05833333rem;
                line-height: 1.16666667rem;
                margin: 2.08333333rem 0rem 1.75rem 0rem;
                margin-left: 0.41666667rem;
            }

            section.listing .listing-main .listing-head .listing-order,
            main.listing .listing-main .listing-head .listing-order {
                margin: 1.25rem 0rem 1.25rem 0rem;
                float: right;
                width: 25% !important;
                color: #5a5a5a;
            }

            section.listing .listing-main .listing-head .listing-filter,
            main.listing .listing-main .listing-head .listing-filter {
                display: none;
                margin: 1.25rem 0rem 1.25rem 1.66666667rem;
                float: right;
                color: #5a5a5a;
                line-height: 2.5rem;
                font-size: 1.1rem;
                font-weight: 500;
            }

                section.listing .listing-main .listing-head .listing-filter .icon,
                main.listing .listing-main .listing-head .listing-filter .icon {
                    font-size: 0.93333333rem;
                    display: inline-block;
                    vertical-align: top;
                    margin-top: -0.08333333rem;
                    margin-left: 0.08333333rem;
                }

    section.listing .listing-list,
    main.listing .listing-list {
        margin: 0rem -0.75rem 0rem -0.75rem;
    }

        section.listing .listing-list:after,
        main.listing .listing-list:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.listing .listing-list li,
        main.listing .listing-list li {
            float: left;
            margin: 0rem 0.75rem 1.5rem 0.75rem;
        }

            section.listing .listing-list li:after,
            main.listing .listing-list li:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.listing .listing-list li .outerwrap,
            main.listing .listing-list li .outerwrap {
                overflow: hidden;
                box-sizing: border-box;
            }

                section.listing .listing-list li .outerwrap.border,
                main.listing .listing-list li .outerwrap.border {
                    border: 1px solid #e4e4e4;
                }

            section.listing .listing-list li .innerimage,
            main.listing .listing-list li .innerimage {
                border: 1px solid #e4e4e4;
            }

            section.listing .listing-list li .product-image,
            main.listing .listing-list li .product-image {
                box-sizing: border-box;
                padding-bottom: 100%;
                width: 100%;
                position: absolute;
                overflow: hidden;
            }

                section.listing .listing-list li .product-image img,
                main.listing .listing-list li .product-image img {
                    /*height: 100%;*/
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    width: 100%;
                    top: 0;
                    border-radius: 5px;
                }

                section.listing .listing-list li .product-image .product-controls,
                main.listing .listing-list li .product-image .product-controls {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: #FFF;
                    opacity: 0;
                    -webkit-transform: translateY(100%);
                    -ms-transform: translateY(100%);
                    transform: translateY(100%);
                    -webkit-transition: transform 200ms ease, opacity 200ms ease;
                    transition: transform 200ms ease, opacity 200ms ease;
                }

            section.listing .listing-list li .description .control,
            main.listing .listing-list li .description .control {
                width: 100%;
                float: left;
                padding: 1.25rem 0rem 1.25rem 0rem;
                /*padding-left: 0.83333333rem;
                        padding-right: 0.83333333rem;*/
            }

            section.listing .listing-list li .description .favorite-button,
            main.listing .listing-list li .description .favorite-button {
                width: 15%;
                float: left;
            }

            section.listing .listing-list li .description .quicklook-button,
            main.listing .listing-list li .description .quicklook-button {
                width: 15%;
                float: right;
            }

            section.listing .listing-list li .description .product-details,
            main.listing .listing-list li .description .product-details {
                width: 70%;
                float: left;
            }

            section.listing .listing-list li .description .control:before,
            main.listing .listing-list li .description .control:before {
                display: inline-block;
                vertical-align: middle;
                font-size: 1.1rem;
                margin-right: 0.41666667rem;
                margin-top: -0.16666667rem;
            }

            section.listing .listing-list li .description .control.fav i,
            main.listing .listing-list li .description .control.fav i {
                font-size: 19px;
            }

            section.listing .listing-list li .description .control.quicklook,
            main.listing .listing-list li .description .control.quicklook {
                background-color: #fff;
                border-color: #fff;
                color: #333
            }

            section.listing .listing-list li .description .control.fav,
            main.listing .listing-list li .description .control.fav {
                background-color: #fff;
                border-color: #fff;
                color: #333
            }

            section.listing .listing-list li .description .control.quicklook:hover,
            main.listing .listing-list li .description .control.quicklook:hover {
                background-color: transparent;
                color: #333;
            }

                section.listing .listing-list li .description .control.quicklook:hover.disabled,
                main.listing .listing-list li .description .control.quicklook:hover.disabled {
                    background-color: #5a5a5a;
                    color: #FFF;
                }

                section.listing .listing-list li .description .control.quicklook:hover.lined:before,
                main.listing .listing-list li .description .control.quicklook:hover.lined:before {
                    border-color: #5a5a5a;
                }

            section.listing .listing-list li .description .control.quicklook i,
            main.listing .listing-list li .description .control.quicklook i {
                font-size: 19px;
            }

            /*section.listing .listing-list li .product-image:hover .description,
                main.listing .listing-list li .product-image:hover .description {
                    opacity: 1;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }*/

            section.listing .listing-list li .discount,
            main.listing .listing-list li .discount {
                position: absolute;
                top: 2%;
                left: 3.5%;
                z-index: 10;
                font-family: 'Roboto-Medium', sans-serif;
                font-weight: 700;
                letter-spacing: .01em;
                font-size: 2.26666667rem;
            }

                section.listing .listing-list li .discount:before,
                main.listing .listing-list li .discount:before {
                    position: relative;
                    content: '%';
                    font-size: 53%;
                    line-height: 0;
                    top: -0.6em;
                    vertical-align: baseline;
                    display: inline-block;
                }

                section.listing .listing-list li .discount:after,
                main.listing .listing-list li .discount:after {
                    font-family: 'icomoon' !important;
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    /*content: '\e910';*/
                }

                section.listing .listing-list li .discount:after,
                main.listing .listing-list li .discount:after {
                    font-size: 1.1rem;
                    display: inline-block;
                    margin-left: -0.25rem;
                    margin-bottom: -0.08333333rem;
                    vertical-align: bottom;
                }

            section.listing .listing-list li .right-side-ribbon .ribbon,
            main.listing .listing-list li .right-side-ribbon .ribbon {
                position: initial;
                display: inline-block;
                font-weight: 600;
                font-size: 0.85rem;
                letter-spacing: .10em;
                top: 3%;
                left: 3.5%;
                z-index: 10;
                /*background-color: #b09c6a;*/
                line-height: 1.33333333rem;
                padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
                color: #FFF;
            }

                section.listing .listing-list li .right-side-ribbon .ribbon.right,
                main.listing .listing-list li .right-side-ribbon .ribbon.right {
                    left: auto;
                    right: 3.5%;
                }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon img {
            top: 3%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon img {
            left: 85%;
            top: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img {
            top: 9%;
            left: 85%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img {
            top: 15%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img {
            left: 85%;
            top: 9%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img {
            left: 85%;
            top: 15%;
        }

        section.listing .listing-list li .right-side-ribbon .ribbon.bottom,
        main.listing .listing-list li .right-side-ribbon .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon img {
            top: 3%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon img {
            left: 85%;
            top: 3%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.ikili img {
            top: 9%;
            left: 85%;
        }

        section.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .right-side-ribbon .ribbon.uclu img {
            top: 15%;
            left: 85%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .right-side-ribbon .ribbon.ikili img {
            left: 85%;
            top: 9%;
        }

        section.listing .listing-list.dual li .right-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li right-side-ribbon .ribbon.uclu img {
            left: 85%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon .ribbon,
        main.listing .listing-list li .left-side-ribbon .ribbon {
            position: initial;
            display: inline-block;
            font-weight: 600;
            font-size: 0.85rem;
            letter-spacing: .10em;
            top: 3%;
            left: 3.5%;
            z-index: 10;
            /*background-color: #b09c6a;*/
            line-height: 1.33333333rem;
            padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
            color: #FFF;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img {
            top: 3%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img {
            left: 15%;
            top: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon-without-rate .ribbon.bottom,
        main.listing .listing-list li .left-side-ribbon-without-rate .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon img {
            top: 3%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon img {
            left: 15%;
            top: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.ikili img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon-without-rate .ribbon.uclu img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon-without-rate .ribbon.uclu img,
        main.listing .listing-list.dual li left-side-ribbon-without-rate .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img {
            top: 21%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

        section.listing .listing-list li .left-side-ribbon .ribbon.bottom,
        main.listing .listing-list li .left-side-ribbon .ribbon.bottom {
            top: auto;
            bottom: 3%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon img {
            top: 9%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.ikili img {
            top: 15%;
            left: 15%;
        }

        section.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.triple li .left-side-ribbon .ribbon.uclu img {
            top: 21%;
            left: 15%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img,
        main.listing .listing-list.dual li .left-side-ribbon .ribbon.ikili img {
            left: 15%;
            top: 9%;
        }

        section.listing .listing-list.dual li .left-side-ribbon .ribbon.uclu img,
        main.listing .listing-list.dual li left-side-ribbon .ribbon.uclu img {
            left: 15%;
            top: 15%;
        }

         main.listing .listing-list li .description {
            margin: 10px;
            
        }
        /*section.listing .listing-list li .description *,
main.listing .listing-list li .description * {
  white-space: nowrap;
}*/
        section.listing .listing-list.dual li,
        main.listing .listing-list.dual li {
            width: calc(50% - 1.5rem);
        }

            main.listing .listing-list.dual li .outerwrap {
                padding-bottom: calc(60% + 7.25rem);
            }

            section.listing .listing-list.dual li .product-image,
            main.listing .listing-list.dual li .product-image {
                padding-bottom: 0px;
            }

        section.listing .listing-list.triple li,
        main.listing .listing-list.triple li {
            margin: 0rem 0.75rem 1.5rem 0.75rem;
            width: calc(33.333% - 1.5rem);
        }

         
            main.listing .listing-list.triple li .outerwrap {
                padding-bottom: calc(70% + 7.25rem);
            }

                
                main.listing .listing-list.triple li .outerwrap {
                    padding-bottom: calc(70% + 7.375rem);
                }

            section.listing .listing-list.triple li .product-image,
            main.listing .listing-list.triple li .product-image {
                padding-bottom: 60%;
            }

            section.listing .listing-list.triple li.double,
            main.listing .listing-list.triple li.double {
                width: calc(66.666% - 1.5rem);
            }

                section.listing .listing-list.triple li.double .outerwrap,
                main.listing .listing-list.triple li.double .outerwrap {
                    padding-bottom: calc(68.90790048013968% + 7.375rem + 2px);
                }

            section.listing .listing-list.triple li.triple,
            main.listing .listing-list.triple li.triple {
                width: calc(100% - 1.5rem);
            }

    section.listing .listing-pagination,
    main.listing .listing-pagination {
        line-height: 4.16666667rem;
        height: 4.16666667rem;
        font-size: 1.475rem;
        text-align: center;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        color: #5a5a5a;
    }

        section.listing .listing-pagination:after,
        main.listing .listing-pagination:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.listing .listing-pagination .prev,
        main.listing .listing-pagination .prev,
        section.listing .listing-pagination .next,
        main.listing .listing-pagination .next {
            float: left;
            display: inline-block;
            border-left: 1px solid #e4e4e4;
            border-right: 1px solid #e4e4e4;
            height: 4.16666667rem;
            width: 3.83333333rem;
            font-size: 2.6rem;
        }

            section.listing .listing-pagination .prev:before,
            main.listing .listing-pagination .prev:before,
            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90b';
            }

            section.listing .listing-pagination .prev:before,
            main.listing .listing-pagination .prev:before,
            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                display: inline-block;
                vertical-align: middle;
                margin-top: -0.33333333rem;
            }

        section.listing .listing-pagination .next,
        main.listing .listing-pagination .next {
            float: right;
        }

            section.listing .listing-pagination .next:before,
            main.listing .listing-pagination .next:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90c';
            }

        section.listing .listing-pagination .pagination-list li,
        main.listing .listing-pagination .pagination-list li {
            display: inline-block;
            margin: 0rem 1.25rem 0rem 1.25rem;
        }

            section.listing .listing-pagination .pagination-list li a.current,
            main.listing .listing-pagination .pagination-list li a.current {
                font-weight: bold;
                color: #333;
            }

            section.listing .listing-pagination .pagination-list li.seall,
            main.listing .listing-pagination .pagination-list li.seall {
                font-size: 0.975rem;
                font-weight: 600;
                text-decoration: underline;
            }

        section.listing .listing-pagination.mobile,
        main.listing .listing-pagination.mobile {
            display: none;
            border: none;
        }

    section.product-info:after,
    main.product-info:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section.product-info .quicklook-header,
    main.product-info .quicklook-header {
        font-size: 1.18333333rem;
        font-weight: 700;
        padding-bottom: 0.83333333rem;
        letter-spacing: .05em;
        margin-bottom: 1.66666667rem;
        border-bottom: 2px dotted #e4e4e4;
    }

    section.product-info .product-gallery,
    main.product-info .product-gallery {
        width: 50%;
        float: left;
        position: relative;
        /*overflow: hidden;*/
    }

        section.product-info .product-gallery:after,
        main.product-info .product-gallery:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-gallery .product-slider,
        main.product-info .product-gallery .product-slider {
            width: 100%;
            box-sizing: border-box;
            /*padding-bottom: 80%;
            height: 0;*/
            position: relative;
        }

            section.product-info .product-gallery .product-slider .rsOverflow,
            main.product-info .product-gallery .product-slider .rsOverflow {
                position: absolute;
                right: 0;
                top: 0;
                z-index: 1;
                border: 1px solid #e4e4e4;
                width: 100% !important;
                height: 100% !important;
                overflow: hidden;
                box-sizing: border-box;
            }

            section.product-info .product-gallery .product-slider .rsContent,
            main.product-info .product-gallery .product-slider .rsContent {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                section.product-info .product-gallery .product-slider .rsContent img,
                main.product-info .product-gallery .product-slider .rsContent img {
                    position: absolute;
                    width: 100% !important;
                    height: 100% !important;
                    margin: 0 !important;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

            section.product-info .product-gallery .product-slider .rsThumbs,
            main.product-info .product-gallery .product-slider .rsThumbs {
                position: absolute;
                height: 58.123%;
                top: 50%;
                left: 5.85%;
                right: auto;
                width: 15%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 10;
            }

.product-slider .rsBullets {
    position: absolute;
    height: 3%;
    bottom: 5%;
    left: 0%;
    right: auto;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(+44%);
    -ms-transform: translateX(+44%);
    transform: translateX(+44%);
    z-index: 10;
}

section.product-info .product-gallery .product-slider .rsThumbs .rsThumb,
main.product-info .product-gallery .product-slider .rsThumbs .rsThumb {
    width: 100%;
    position: relative;
    padding-bottom: 136%;
    margin: 0 auto;
    float: none;
    border-bottom: 2px solid #e4e4e4;
    overflow: hidden;
}

    section.product-info .product-gallery .product-slider .rsThumbs .rsThumb img,
    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb img {
        position: absolute;
        height: 95%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 5px;
    }

.product-slider .rsBullets .rsBullet {
    width: 4%;
    position: relative;
    padding-bottom: 3%;
    margin-right: 1%;
    float: left;
    border: 3px solid #e4e4e4;
    border-radius: 50%;
    overflow: hidden;
    height: 5%;
    cursor: pointer;
}

.rsNavSelected {
    background-color: #e4e4e4;
}

section.product-info .product-gallery .product-slider .rsBullets .rsBullet img,
main.product-info .product-gallery .product-slider .rsBullets .rsBullet img {
    position: absolute;
    height: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 5px;
}

/*section.product-info .product-gallery .product-slider .rsThumbs .rsThumb:first-of-type,
                    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb:first-of-type {
                        border-top: 1px solid #FFF;
                    }

                    section.product-info .product-gallery .product-slider .rsThumbs .rsThumb:last-of-type,
                    main.product-info .product-gallery .product-slider .rsThumbs .rsThumb:last-of-type {
                        border-bottom: 1px solid #FFF;
                    }*/

section.product-info .product-gallery .gallery-thumbscover,
main.product-info .product-gallery .gallery-thumbscover {
    position: absolute;
    height: calc(58.123% + 30px);
    width: calc(15% + 28px);
    top: 50%;
    left: calc(5.85% - 14px);
    box-sizing: border-box;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

section.product-info .product-gallery:after,
main.product-info .product-gallery:after {
    position: absolute;
    display: block;
    z-index: 50;
    background-color: #FFF;
    -webkit-transition: opacity 200ms ease 0ms;
    transition: opacity 200ms ease 0ms;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    content: ' ';
    overflow: hidden;
    opacity: 0;
    z-index: -50;
}

section.product-info .product-gallery.loadinit:after,
main.product-info .product-gallery.loadinit:after {
    z-index: 50;
}

section.product-info .product-gallery.loadinit.loading:after,
main.product-info .product-gallery.loadinit.loading:after {
    opacity: 1;
}

section.product-info .product-gallery #gallery-zoom-open,
main.product-info .product-gallery #gallery-zoom-open {
    position: absolute;
    bottom: 8.166667rem;
    right: 1.16666667rem;
    color: #333;
    z-index: 10;
    font-size: 2.6rem;
    display: inline-block;
    padding: 0.41666667rem 0.41666667rem 0.41666667rem 0.41666667rem;
    background-color: #FFF;
}

section.product-info .product-details,
main.product-info .product-details {
    width: 41.367%;
    margin-right: 3.333%;
    float: right;
}

    section.product-info .product-details .details-head,
    main.product-info .product-details .details-head {
        height: 5rem;
        position: relative;
    }

        section.product-info .product-details .details-head .description,
        main.product-info .product-details .details-head .description {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    section.product-info .product-details .details-options,
    main.product-info .product-details .details-options {
        text-align: center;
        margin-top: 2rem;
    }

        section.product-info .product-details .details-options .color-title,
        main.product-info .product-details .details-options .color-title {
            font-size: 1.01666667rem;
            font-weight: 600;
            letter-spacing: .11em;
            margin-bottom: 1.25rem;
        }

        section.product-info .product-details .details-options .color-list .color,
        main.product-info .product-details .details-options .color-list .color {
            display: inline-block;
            position: relative;
            overflow: hidden;
            margin: 0 4px;
            height: 33px;
            width: 33px;
            border-radius: 20px;
            border: 2px solid #1d1d1d;
        }

            section.product-info .product-details .details-options .color-list .color.active label,
            main.product-info .product-details .details-options .color-list .color.active label,
            section.product-info .product-details .details-options .color-list .color:focus label,
            main.product-info .product-details .details-options .color-list .color:focus label,
            section.product-info .product-details .details-options .color-list .color:active label,
            main.product-info .product-details .details-options .color-list .color:active label {
                top: 0;
                bottom: 0;
            }

            section.product-info .product-details .details-options .color-list .color a.active label,
            main.product-info .product-details .details-options .color-list .color a.active label {
                top: 0;
                bottom: 0;
                border-radius: 20px;
                border: 2px solid white;
                margin: 1px;
            }

            section.product-info .product-details .details-options .color-list .color a label,
            main.product-info .product-details .details-options .color-list .color a label {
                top: 0;
                bottom: 0;
                border-radius: 20px;
                border: 2px solid white;
                margin: 1px;
            }

            section.product-info .product-details .details-options .color-list .color label,
            main.product-info .product-details .details-options .color-list .color label {
                background-color: #ffb600;
                position: absolute;
                top: 5px;
                bottom: 5px;
                left: 0;
                right: 0;
                z-index: 2;
                cursor: pointer;
                -webkit-transition: top 150ms ease, bottom 150ms ease;
                transition: top 150ms ease, bottom 150ms ease;
            }

                section.product-info .product-details .details-options .color-list .color label:hover,
                main.product-info .product-details .details-options .color-list .color label:hover {
                    top: 0;
                    bottom: 0;
                }

            section.product-info .product-details .details-options .color-list .color input,
            main.product-info .product-details .details-options .color-list .color input {
                position: absolute;
                opacity: 0;
                z-index: 1;
                width: 0;
                height: 0;
            }

                section.product-info .product-details .details-options .color-list .color input:checked + label,
                main.product-info .product-details .details-options .color-list .color input:checked + label {
                    top: 0;
                    bottom: 0;
                }

        section.product-info .product-details .details-options .options-numbers-seperator,
        main.product-info .product-details .details-options .options-numbers-seperator {
            clear: both;
        }

            section.product-info .product-details .details-options .options-numbers-seperator.top,
            main.product-info .product-details .details-options .options-numbers-seperator.top {
                margin-top: 1.66666667rem;
                margin-bottom: 1.66666667rem;
                border-bottom: 1px solid;
            }

        section.product-info .product-details .details-options .options-numbers,
        main.product-info .product-details .details-options .options-numbers {
            padding: 0 0;
            float: left;
            /*.numbers-container{
						float: left;
						margin: 0 4px;
						&.size{
							width: ~"calc(100% - 118px)";
						}

						&.quantity{
							width: 100px;
						}
					}*/
        }

            section.product-info .product-details .details-options .options-numbers:after,
            main.product-info .product-details .details-options .options-numbers:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.product-info .product-details .details-options .options-numbers.left,
            main.product-info .product-details .details-options .options-numbers.left {
                margin: 0 10px;
                width: calc(85% - 118px);
            }

body#productDetail section.product-info .product-details .details-options .options-numbers.left,
body#productDetail main.product-info .product-details .details-options .options-numbers.left {
    margin: 0 10px;
    width: calc(80% - 118px);
}

body#cartDetail section.product-info .product-details .details-options .options-numbers.left,
body#cartDetail main.product-info .product-details .details-options .options-numbers.left {
    margin: 0 10px;
    width: calc(80% - 118px);
}

section.product-info .product-details .details-options .options-numbers.right,
main.product-info .product-details .details-options .options-numbers.right {
    margin: 0 10px;
    width: 30%;
}

section.product-info .product-details .details-options .options-numbers.wide,
main.product-info .product-details .details-options .options-numbers.wide {
    padding: 0;
}

section.product-info .product-details .details-options .options-numbers .numbers-element,
main.product-info .product-details .details-options .options-numbers .numbers-element {
    font-weight: 700;
}

    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size,
    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size {
        width: 100%;
    }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-text span.right,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-text span.right {
            display: none;
        }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option:after,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor,
        main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor {
            padding: 0 5px;
            height: 2.91666667rem;
            line-height: 2.91666667rem;
            position: relative;
        }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span {
                font-weight: 600;
                letter-spacing: .11em;
                font-size: 0.975rem;
                line-height: 2.91666667rem;
                height: 2.91666667rem;
            }

                section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.size,
                main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.size {
                    float: left;
                }

                section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right,
                main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right {
                    float: right;
                }

                    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.warning,
                    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.warning {
                        color: #cc5858;
                    }

                    section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.disabled,
                    main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor span.right.disabled {
                        color: #5a5a5a;
                    }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor:after,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor:after {
                position: absolute;
                bottom: 0;
                height: 1px;
                background-color: #e4e4e4;
                display: block;
                content: ' ';
                overflow: hidden;
                left: 5px;
                right: 5px;
            }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor.selectboxit-option-last:after,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size .selectboxit-option .selectboxit-option-anchor.selectboxit-option-last:after {
                display: none;
            }

section.product-info .product-details .details-options .options-sizehelp,
main.product-info .product-details .details-options .options-sizehelp {
    font-size: 0.85rem;
    letter-spacing: .11em;
    color: #b6b6b6;
    font-weight: 600;
}

section.product-info .product-details .details-options .options-other,
main.product-info .product-details .details-options .options-other {
    border-top: 1px dotted #e4e4e4;
    border-bottom: 1px dotted #e4e4e4;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 1.83333333rem;
}

    section.product-info .product-details .details-options .options-other .option,
    main.product-info .product-details .details-options .options-other .option {
        text-decoration: underline;
        font-weight: 600;
        letter-spacing: .11em;
        font-size: 0.93333333rem;
        margin: 0rem 0.75rem 0rem 0.75rem;
        white-space: nowrap;
    }

section.product-info .product-details .details-specs,
main.product-info .product-details .details-specs {
    margin-top: 3.33333333rem;
}

    section.product-info .product-details .details-specs .accordion-element .accordion-button,
    main.product-info .product-details .details-specs .accordion-element .accordion-button {
        display: block;
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4;
        font-weight: 600;
        line-height: 1.66666667rem;
        padding: 0.58333333rem 0rem 0.58333333rem 0rem;
        letter-spacing: .11em;
    }

        section.product-info .product-details .details-specs .accordion-element .accordion-button:after,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.product-info .product-details .details-specs .accordion-element .accordion-button:before,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: '\e912';*/
        }

        section.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator,
        main.product-info .product-details .details-specs .accordion-element .accordion-button .accordion-indicator {
            float: right;
            margin-right: 0.83333333rem;
            margin-left: 0.83333333rem;
        }

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

        section.product-info .product-details .details-specs .accordion-element .accordion-button:before,
        main.product-info .product-details .details-specs .accordion-element .accordion-button:before {
            margin-right: 0.83333333rem;
        }

    section.product-info .product-details .details-specs .accordion-element .accordion-content,
    main.product-info .product-details .details-specs .accordion-element .accordion-content {
        padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
        font-size: 1.05833333rem;
        line-height: 1.83333333rem;
    }

        section.product-info .product-details .details-specs .accordion-element .accordion-content *,
        main.product-info .product-details .details-specs .accordion-element .accordion-content * {
            padding-bottom: 0.83333333rem;
        }

            section.product-info .product-details .details-specs .accordion-element .accordion-content *:last-child,
            main.product-info .product-details .details-specs .accordion-element .accordion-content *:last-child {
                padding-bottom: 0rem;
            }

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

    section.product-info .product-details .details-specs .accordion-element:last-of-type .accordion-button,
    main.product-info .product-details .details-specs .accordion-element:last-of-type .accordion-button {
        border-bottom: none;
    }

.cs-cookie .details-specs {
    margin-top: 3.33333333rem;
}

    .cs-cookie .details-specs .accordion-element .accordion-button {
        display: block;
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4;
        font-weight: 600;
        line-height: 1.66666667rem;
        padding: 0.58333333rem 0rem 0.58333333rem 0rem;
        letter-spacing: .11em;
    }

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

        .cs-cookie .details-specs .accordion-element .accordion-button:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: '\e912';*/
        }

        .cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator {
            float: right;
            margin-right: 0.83333333rem;
            margin-left: 0.83333333rem;
        }

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

        .cs-cookie .details-specs .accordion-element .accordion-button:before {
            margin-right: 0.83333333rem;
        }

    .cs-cookie .details-specs .accordion-element .accordion-content {
        padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
        font-size: 1.05833333rem;
        line-height: 1.83333333rem;
    }

        .cs-cookie .details-specs .accordion-element .accordion-content * {
            padding-bottom: 0.83333333rem;
        }

            .cs-cookie .details-specs .accordion-element .accordion-content *:last-child {
                padding-bottom: 0rem;
            }

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

    .cs-cookie .details-specs .accordion-element:last-of-type .accordion-button {
        border-bottom: none;
    }

section.product-info .product-details .details-sharer,
main.product-info .product-details .details-sharer {
    text-align: left;
}

    section.product-info .product-details .details-sharer:before,
    main.product-info .product-details .details-sharer:before {
        width: 350px;
        max-width: 100%;
        display: block;
        content: ' ';
        margin: 0 auto;
    }

    section.product-info .product-details .details-sharer .share-button,
    main.product-info .product-details .details-sharer .share-button {
        margin: 1rem 0.53333333rem;
        display: inline-block;
        color: #000;
        -webkit-transition: color 150ms ease 0ms;
        transition: color 150ms ease 0ms;
        font-size: 20px;
    }

        section.product-info .product-details .details-sharer a.share-button:hover,
        main.product-info .product-details .details-sharer a.share-button:hover,
        section.product-info .product-details .details-sharer a.share-button:active,
        main.product-info .product-details .details-sharer a.share-button:active,
        section.product-info .product-details .details-sharer a.share-button:focus,
        main.product-info .product-details .details-sharer a.share-button:focus {
            color: #ed1c24;
        }

section#gallery-zoom,
main#gallery-zoom {
    position: fixed;
    z-index: -10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

    section#gallery-zoom.active,
    main#gallery-zoom.active {
        opacity: 1;
        z-index: 11001;
    }

    section#gallery-zoom #gallery-zoom-close,
    main#gallery-zoom #gallery-zoom-close,
    section#gallery-zoom #gallery-zoom-zoomin,
    main#gallery-zoom #gallery-zoom-zoomin,
    section#gallery-zoom #gallery-zoom-zoomout,
    main#gallery-zoom #gallery-zoom-zoomout {
        position: absolute;
        top: 1.66666667rem;
        right: 1.66666667rem;
        background-color: #FFF;
        color: #333;
        font-size: 2.6rem;
        width: 3.33333333rem;
        height: 3.33333333rem;
        line-height: 3.33333333rem;
        text-align: center;
        z-index: 10;
    }

    section#gallery-zoom #gallery-zoom-zoomout,
    main#gallery-zoom #gallery-zoom-zoomout {
        top: auto;
        bottom: 1.66666667rem;
    }

    section#gallery-zoom #gallery-zoom-zoomin,
    main#gallery-zoom #gallery-zoom-zoomin {
        top: auto;
        bottom: 6.66666667rem;
    }

section.similar-products,
main.similar-products {
    padding-top: 5.33333333rem;
    padding-bottom: 5.33333333rem;
}

section.lastvisited,
main.lastvisited {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

section.basket-head .basket-title,
main.basket-head .basket-title {
    font-size: 1.68333333rem;
    font-weight: 600;
}

section.basket:after,
main.basket:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section.basket .basket-content,
main.basket .basket-content {
    box-sizing: border-box;
    padding-right: 3rem;
}

    section.basket .basket-content #basket-list .row,
    main.basket .basket-content #basket-list .row {
        border: none;
    }

        section.basket .basket-content #basket-list .row:after,
        main.basket .basket-content #basket-list .row:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section.basket .basket-content #basket-list .row .checkwrap,
        main.basket .basket-content #basket-list .row .checkwrap {
            float: left;
            margin-top: 1.25rem;
            width: 5%;
        }
        section.basket .basket-content #basket-list .row.head .checkwrap,
        main.basket .basket-content #basket-list .row.head .checkwrap {
            margin-top: .5rem;
        }
        /*section.basket .basket-content #basket-list .row .column,
        main.basket .basket-content #basket-list .row .column {
            padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            text-align: left;
            float: left;
        }*/

            section.basket .basket-content #basket-list .row .column.product,
            main.basket .basket-content #basket-list .row .column.product {
                padding-left: 0;
                width: 41.269%;
            }

                section.basket .basket-content #basket-list .row .column.product:after,
                main.basket .basket-content #basket-list .row .column.product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.basket .basket-content #basket-list .row .column.product .product-image,
                main.basket .basket-content #basket-list .row .column.product .product-image {
                    width: 6.5rem;
                    border: 1px solid #e4e4e4;
                    float: left;
                    margin-right: 1.66666667rem;
                }

                section.basket .basket-content #basket-list .row .column.product .description,
                main.basket .basket-content #basket-list .row .column.product .description {
                    margin: 0;
                }

                section.basket .basket-content #basket-list .row .column.product .product-quantity,
                main.basket .basket-content #basket-list .row .column.product .product-quantity {
                    margin-top: 1.41666667rem;
                }

            section.basket .basket-content #basket-list .row .column.data,
            main.basket .basket-content #basket-list .row .column.data {
                width: 14.923%;
                padding-top: 2.91666667rem;
                vertical-align: top;
                line-height: 1.83333333rem;
            }

            section.basket .basket-content #basket-list .row .column.remove,
            main.basket .basket-content #basket-list .row .column.remove {
                width: 8.885%;
                padding-top: 2.91666667rem;
                vertical-align: top;
                text-align: right;
                line-height: 1.83333333rem;
                padding-right: 0;
            }

                section.basket .basket-content #basket-list .row .column.remove .product-remove,
                main.basket .basket-content #basket-list .row .column.remove .product-remove {
                    border: none;
                    display: inline-block;
                    font-size: 1.6rem;
                }

        section.basket .basket-content #basket-list .row.head,
        main.basket .basket-content #basket-list .row.head {
            line-height: 1.66666667rem;
            font-size: 1.05833333rem;
            font-weight: 500;
            border-bottom: 2px solid #b6b6b6;
        }

            section.basket .basket-content #basket-list .row.head .column,
            main.basket .basket-content #basket-list .row.head .column {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            }

                section.basket .basket-content #basket-list .row.head .column.delete,
                main.basket .basket-content #basket-list .row.head .column.delete {
                    padding-right: 0.08333333rem;
                }

section.basket .basket-sum,
main.basket .basket-sum {
    box-sizing: border-box;
    padding-left: 23px;
}

    section.basket .basket-sum .sum-head,s
    main.basket .basket-sum .sum-head {
        text-align: center;
        padding: 1.66666667rem 0rem 1.66666667rem 0rem;
        line-height: 1.66666667rem;
        font-size: 1.05833333rem;
        font-weight: 500;
        border-bottom: 2px solid #b6b6b6;
    }

/*    section.basket .basket-sum .sum-costs,
    main.basket .basket-sum .sum-costs {
        margin-bottom: 1.41666667rem;
    }*/

        section.basket .basket-sum .sum-costs .cost,
        main.basket .basket-sum .sum-costs .cost {
            padding: 8px 0;
            line-height: 1.83333333rem;
            letter-spacing: .11em;
            border-bottom: 1px solid #D9D9D9;
        }

            section.basket .basket-sum .sum-costs .cost:after,
            main.basket .basket-sum .sum-costs .cost:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.basket .basket-sum .sum-costs .cost .cost-title,
            main.basket .basket-sum .sum-costs .cost .cost-title {
                float: left;
                font-size: 14px;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

            section.basket .basket-sum .sum-costs .cost .cost-amount,
            main.basket .basket-sum .sum-costs .cost .cost-amount {
                float: right;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

                section.basket .basket-sum .sum-costs .cost .cost-amount.total,
                main.basket .basket-sum .sum-costs .cost .cost-amount.total {
                    font-weight: 700;
                    font-size: 1.225rem;
                }

    section.basket .basket-sum .sum-options,
    main.basket .basket-sum .sum-options {
        border-top: 1px dotted #e4e4e4;
        margin-top: 1.5rem;
    }

        section.basket .basket-sum .sum-options .accordion-element .accordion-button,
        main.basket .basket-sum .sum-options .accordion-element .accordion-button {
            font-size: 1.05833333rem;
            line-height: 1.83333333rem;
            padding: 1.08333333rem 0rem 1.08333333rem 0rem;
            border-bottom: 1px dotted #e4e4e4;
            letter-spacing: .11em;
            display: block;
        }

            section.basket .basket-sum .sum-options .accordion-element .accordion-button:after,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-indicator {
                float: left;
                margin-right: 0.83333333rem;
            }

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

            section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar,
            main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar {
                float: right;
                display: inline-block;
                vertical-align: middle;
            }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar:after,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar img,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar img {
                    width: 25px;
                    float: left;
                    margin-right: 0.83333333rem;
                }

                section.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar button,
                main.basket .basket-sum .sum-options .accordion-element .accordion-button .accordion-infobar button {
                    width: 1.66666667rem;
                    height: 1.66666667rem;
                    border-radius: 50%;
                    background-color: #b6b6b6;
                    color: #FFF;
                    text-align: center;
                    vertical-align: middle;
                    font-weight: 800;
                    line-height: 1.66666667rem;
                }

        section.basket .basket-sum .sum-options .accordion-element .accordion-content,
        main.basket .basket-sum .sum-options .accordion-element .accordion-content {
            padding: 1.16666667rem 0rem 1.16666667rem 0rem;
            font-size: 1.05833333rem;
            line-height: 1.91666667rem;
            border-bottom: 1px dotted #e4e4e4;
        }

            section.basket .basket-sum .sum-options .accordion-element .accordion-content > *,
            main.basket .basket-sum .sum-options .accordion-element .accordion-content > * {
                padding-bottom: 0.83333333rem;
            }

                section.basket .basket-sum .sum-options .accordion-element .accordion-content > *:last-child,
                main.basket .basket-sum .sum-options .accordion-element .accordion-content > *:last-child {
                    padding-bottom: 0rem;
                }

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

        section.basket .basket-sum .sum-options .accordion-element.accordion-expanded .accordion-button,
        main.basket .basket-sum .sum-options .accordion-element.accordion-expanded .accordion-button {
            font-weight: 600;
        }

section#checkout,
main#checkout {
    position: relative;
}

    section#checkout:after,
    main#checkout:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#checkout .wrapper,
    main#checkout .wrapper {
        position: relative;
        z-index: 10;
    }

        section#checkout .wrapper:after,
        main#checkout .wrapper:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

    section#checkout .bgfix,
    main#checkout .bgfix {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 50%;
        background-color: #fafafa;
    }

    section#checkout #checkout-opts,
    main#checkout #checkout-opts {
        width: 65.470%;
        background-color: #FFF;
        min-height: 100vh;
        padding: 1% 1% 1% 1%;
        box-sizing: border-box;
    }

        section#checkout #checkout-opts .checkout-section-title,
        main#checkout #checkout-opts .checkout-section-title {
            font-size: 1.43333333rem;
            font-weight: 700;
            line-height: 3.16666667rem;
            padding-bottom: 0.83333333rem;
            border-bottom: 1px solid #e4e4e4;
        }

        section#checkout #checkout-opts .checkout-section-navigation,
        main#checkout #checkout-opts .checkout-section-navigation {
            margin-bottom: 3.33333333rem;
        }

        section#checkout #checkout-opts .checkout-section-title a,
        main#checkout #checkout-opts .checkout-section-title a {
            float: right;
            font-size: 0.93333333rem;
            margin-top: 0.5rem;
        }

        section#checkout #checkout-opts .checkout-section-navigation:after,
        main#checkout #checkout-opts .checkout-section-navigation:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-opts .checkout-steps,
        main#checkout #checkout-opts .checkout-steps {
            font-size: 1.18333333rem;
        }

            section#checkout #checkout-opts .checkout-steps .steps-list,
            main#checkout #checkout-opts .checkout-steps .steps-list {
                margin-bottom: 2.91666667rem;
                counter-reset: checkout_step;
            }

                section#checkout #checkout-opts .checkout-steps .steps-list:after,
                main#checkout #checkout-opts .checkout-steps .steps-list:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-opts .checkout-steps .steps-list .step,
                main#checkout #checkout-opts .checkout-steps .steps-list .step {
                    float: left;
                    margin-right: 1.5rem;
                    line-height: 1.5rem;
                    font-weight: 500;
                    margin-bottom: 0.83333333rem;
                }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step:before,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step:before {
                        counter-increment: checkout_step;
                        content: counter(checkout_step);
                        vertical-align: bottom;
                        width: 1.5rem;
                        height: 1.5rem;
                        display: inline-block;
                        text-align: center;
                        line-height: 1.66666667rem;
                        font-size: 0.93333333rem;
                        font-weight: 600;
                        border: 1px solid #333;
                        border-radius: 50%;
                        margin-right: 0.91666667rem;
                    }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step.active:before,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step.active:before {
                        background-color: #333;
                        color: #FFF;
                    }

                    section#checkout #checkout-opts .checkout-steps .steps-list .step a:hover,
                    main#checkout #checkout-opts .checkout-steps .steps-list .step a:hover {
                        text-decoration: underline;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type:after,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses {
            position: relative;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address {
                float: left;
                width: calc(50% - 6%);
            }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address.right,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address.right {
                    margin-left: 12%;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew {
                    float: right;
                    display: inline-block;
                    border: 1px solid #333;
                    color: #FFF;
                    font-weight: 500;
                    font-size: 1.1rem;
                    line-height: inherit;
                    width: auto;
                    padding: 0.5rem 0.83333333rem 0.5rem 0.83333333rem;
                    border-radius: 3px;
                    vertical-align: middle;
                    margin-top: -0.41666667rem;
                    background-color: #333;
                    -webkit-transition: background-color 200ms ease 0ms;
                    transition: background-color 200ms ease 0ms;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew:hover,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-addnew:hover {
                        background-color: transparent;
                        color: #333;
                    }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-title,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-title {
                    font-size: 1.225rem;
                    font-weight: 600;
                    line-height: 1.41666667rem;
                    padding-bottom: 1.66666667rem;
                    margin-bottom: 1.33333333rem;
                    border-bottom: 1px solid #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content {
                    line-height: 2.08333333rem;
                    font-size: 1.1rem;
                    font-weight: 500;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-title {
                        margin-bottom: 0.41666667rem;
                        letter-spacing: .03em;
                        font-weight: 600;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone {
                        margin-right: 0.83333333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone:last-child,
                        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-content .address-content-phones .phone:last-child {
                            margin-right: 0;
                        }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts {
                    margin-top: 1rem;
                    text-align: left;
                    border-top: 1px solid #e4e4e4;
                    padding: 1.33333333rem 0rem 0rem 0rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts:after,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt {
                        font-size: 1.05833333rem;
                        line-height: 1.16666667rem;
                        font-weight: 500;
                        letter-spacing: .03em;
                        display: inline-block;
                        padding-bottom: 0.33333333rem;
                        vertical-align: top;
                        margin-right: 0.83333333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt i,
                        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt i {
                            font-size: 1.51666667rem;
                            margin-right: 0.58333333rem;
                            display: inline-block;
                            vertical-align: middle;
                            margin-top: -0.25rem;
                            color: #b09c6a;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .storedelivery-icon,
                    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .storedelivery-icon {
                        font-size: 3.1rem;
                        margin-top: -1.08333333rem;
                        margin-right: 0.5rem;
                        display: inline-block;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option {
            padding: 1.91666667rem 0rem 1.91666667rem 0rem;
            border-bottom: 1px dotted #e4e4e4;
            letter-spacing: .03em;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-title,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-title {
                font-size: 1.225rem;
                line-height: 1.66666667rem;
                margin-bottom: 0.83333333rem;
                font-weight: 600;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail {
                font-size: 1.14166667rem;
                line-height: 2.08333333rem;
                font-weight: 500;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail:after,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail .option-cost,
                main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-options .options-list .option .option-detail .option-cost {
                    float: right;
                    font-size: 1.30833333rem;
                    margin-left: 2.5rem;
                    font-weight: 600;
                }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options {
            /*label{
								.rsize(12.5);
								font-weight: @demibold;

							}*/
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options:after,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options .checkwrap + .checkwrap,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-options .checkwrap + .checkwrap {
                margin-left: 1rem;
            }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-inputs .input,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-notes .notes-inputs .input {
            margin-top: 1.25rem;
            font-size: 1.26666667rem;
            padding: 1.08333333rem 1.16666667rem 1.08333333rem 1.16666667rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav {
            margin-bottom: 2.08333333rem;
            margin-top: 2.08333333rem;
            border-bottom: 2px solid #ffcc03;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav:after,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option {
                float: left;
                margin-right: 0.83333333rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child {
                    margin-right: 0;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
                    font-size: 1.14166667rem;
                    font-weight: 600;
                    background-color: #fafafa;
                    padding: 1.66666667rem 1.33333333rem 1.25rem 1.33333333rem;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    -webkit-transition: background-color 200ms ease 0ms;
                    transition: background-color 200ms ease 0ms;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt.expanded,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt.expanded {
                        background-color: #ffcc03;
                        color: #FFF;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand {
            position: relative;
            z-index: 10;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand:after,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap {
                float: none;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap label,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand .radiowrap label {
                    display: block;
                }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard {
                padding-top: 0;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo
                /*main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo*/ {
                    border: 1px dashed #e4e4e4;
                    background-color: #fafafa;
                    padding: 2.16666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo:after,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field {
                        width: 100%;
                        margin-bottom: 1.66666667rem;
                        float: left;
                    }
                        /*&.carddate, &.cvv{
											.rcalc(20);
											.rmarginl(20);
											width: ~"calc(27.099% - @{remcalc})";
										}*/
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field input,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field input {
                            font-size: 1.14166667rem;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name {
                            width: 52%;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth,
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear,
                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv {
                            margin-left: 1.66666667rem;
                            width: calc(27.099% - 1.6666666666666667rem);
                        }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardmonth span.error,
                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cardyear span.error,
                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv span.error,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv span.error {
                                width: 200%;
                                text-align: right;
                                position: absolute;
                                bottom: -1.56rem;
                                right: 0;
                            }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .installment-indicator,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .installment-indicator {
                        font-size: 1.14166667rem;
                    }

                /*section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment {
                    margin-top: 2.5rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-title {
                        text-align: center;
                        font-size: 1.14166667rem;
                        line-height: 1.66666667rem;
                        font-weight: 600;
                        padding: 1rem 0rem 1rem 0rem;
                        border-bottom: 1px solid #e4e4e4;
                        background-color: #fafafa;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info {
                        padding: 2.5rem 1.66666667rem 2.5rem 1.66666667rem;
                        font-size: 1.05833333rem;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info:after,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info:after {
                            display: block;
                            content: ' ';
                            clear: both;
                            height: 0px;
                            overflow: hidden;
                        }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info .installment-logo,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-info .installment-logo {
                            float: right;
                            height: 16px;
                            margin-left: 5px;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table {
                        border-bottom: 1px solid #e4e4e4;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row,
                        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row {
                            border-top: 1px solid #e4e4e4;
                            font-size: 1.05833333rem;
                        }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row:after,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row:after {
                                display: block;
                                content: ' ';
                                clear: both;
                                height: 0px;
                                overflow: hidden;
                            }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row.head,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row.head {
                                border-color: #e4e4e4;
                                font-weight: 500;
                            }

                            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col,
                            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col {
                                float: left;
                                text-align: right;
                                box-sizing: border-box;
                                padding-top: 0.91666667rem;
                                padding-bottom: 0.91666667rem;
                                line-height: 1.5rem;
                            }*/

/*                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
                                    margin-left: 1.66666667rem;
                                    width: calc(25.176% - 1.6666666666666667rem);
                                    text-align: left;
                                    margin-right: 0;
                                }*/

                                    /*section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) span,
                                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) span,
                                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label,
                                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label {
                                        padding-left: 4.16666667rem;
                                        font-size: 1.05833333rem;
                                    }

                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
                                    width: 34.766%;
                                }

                                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
                                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
                                    width: 40.058%;
                                }*/

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-title {
                font-size: 1.30833333rem;
                line-height: 1.83333333rem;
                padding: 1rem 0rem 1rem 0rem;
                font-weight: 500;
                border-bottom: 1px dotted #e4e4e4;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                margin-right: 0;
                border-bottom: 1px dotted #e4e4e4;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label {
                    position: relative;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo {
                        width: 14.792%;
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: 4.16666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details {
                        margin-left: calc(14.792% + 4.583333333333333rem);
                        font-size: 1.14166667rem;
                        line-height: 2.08333333rem;
                        font-weight: 500;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices {
                margin-top: 2.5rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button {
                    font-size: 1.20416667rem;
                    line-height: 1.66666667rem;
                    display: inline-block;
                    font-weight: 500;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button i,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-button i {
                        display: inline-block;
                        margin-bottom: -0.08333333rem;
                        margin-left: 0.5rem;
                    }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-content,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element .accordion-content {
                    margin: 0rem 0rem 2.5rem 0rem;
                    padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                    font-size: 1.18333333rem;
                    font-weight: 500;
                    line-height: 2.04166667rem;
                    text-align: justify;
                    border-top: 1px dotted #e4e4e4;
                    border-bottom: 1px dotted #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button {
                    margin-bottom: 2.5rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button i,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-notices .accordion-element.accordion-expanded .accordion-button i {
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-title,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-title {
                font-size: 1.30833333rem;
                line-height: 1.66666667rem;
                padding: 1rem 0rem 1rem 0rem;
                font-weight: 500;
                border-bottom: 1px dotted #e4e4e4;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description {
                position: relative;
                padding-left: 29.585%;
                font-size: 1.1rem;
                line-height: 1.875rem;
                font-weight: 500;
                text-align: justify;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 22.189%;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-url {
                    display: inline-block;
                    margin-top: 1.66666667rem;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > * {
                    margin-bottom: 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *:last-child,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description > *:last-child {
                        margin-bottom: 0;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param,
            main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param {
                border: 1px dashed #e4e4e4;
                background-color: #fafafa;
                padding: 2.16666667rem 1.66666667rem 0.5rem 1.66666667rem;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field,
                main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field {
                    float: left;
                    width: calc(50% - 0.8333333333333334rem);
                    margin-bottom: 1.66666667rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.full,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.full {
                        width: 100%;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left {
                        margin-right: 1.66666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field label,
                    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field label {
                        display: block;
                        font-size: 1.05833333rem;
                        margin-bottom: 1rem;
                        font-weight: 500;
                    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
            margin-left: 0;
            margin-right: 0;
            width: auto;
            border: 1px dashed #e4e4e4;
            padding: 1.75rem 1.75rem 1.75rem 1.75rem;
            height: 20.25rem;
            font-size: 1.14166667rem;
            font-weight: 500;
            line-height: 2.08333333rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .checkwrap.medium.smaller,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .checkwrap.medium.smaller {
            margin-top: 12px;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details,
        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details {
            position: relative;
            /*border: 1.5px dashed #e4e4e4;*/
            width: 860px;
            max-width: 100%;
            margin: 0 auto;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details:after,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right {
                float: right;
                width: 50%;
                min-height: 35rem;
                padding: 1.66666667rem 3rem 2.5rem 3rem;
                box-sizing: border-box;
                font-size: 1.12083333rem;
                line-height: 2.04166667rem;
                letter-spacing: .11em;
                font-weight: 500;
                border: 1.5px dashed #e4e4e4;
                border-left: none;
            }

                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-title,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-title,
                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-title,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-title {
                    font-size: 1.12083333rem;
                    line-height: 3.5rem;
                    margin-bottom: 0.83333333rem;
                    padding-bottom: 0.66666667rem;
                    letter-spacing: .11em;
                    font-weight: 600;
                    border-bottom: 1px solid #e4e4e4;
                }

                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section,
                section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section,
                main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section {
                    margin-top: 1.25rem;
                }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .detail-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .detail-title,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .detail-title,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .detail-title {
                        font-weight: 600;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .innertitle,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .innertitle,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .innertitle,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .innertitle {
                        font-weight: 500;
                        font-size: 1.12083333rem;
                        line-height: 2.04166667rem;
                        margin-bottom: 0.41666667rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .narrow,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .narrow,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .narrow,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .narrow {
                        letter-spacing: 0;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .masterpass-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .masterpass-logo,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .masterpass-logo,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .masterpass-logo {
                        width: 12.58333333rem;
                        margin-bottom: 0.83333333rem;
                    }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr {
                        margin: 0.83333333rem 0rem 0.83333333rem 0rem;
                        border-color: #e4e4e4;
                    }

                        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr.dotted,
                        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section hr.dotted,
                        section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr.dotted,
                        main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section hr.dotted {
                            border-bottom: 1px dotted #e4e4e4;
                        }

                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .card-save,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left .details-section .card-save,
                    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .card-save,
                    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right .details-section .card-save {
                        margin-top: 1.66666667rem;
                    }

            section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
            main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left {
                position: absolute;
                left: 0;
                top: 0;
                /*bottom: 0;*/
                background-color: #fafafa;
                border: 1.5px dashed #e4e4e4;
            }

        section#checkout #checkout-opts .checkout-opt a.checkout-title,
        main#checkout #checkout-opts .checkout-opt a.checkout-title {
            margin: 1.5rem 0.2rem;
            width: calc(50% - 0.60rem);
        }

    section#checkout #checkout-sum,
    main#checkout #checkout-sum {
        position: fixed;
        top: calc(13.5% - -3px);
        right: 4%;
        bottom: 0;
        width: 32.50%;
        background-color: #ffffff;
        border: 1px solid #ccc;
        max-height: 84.5%;
        box-sizing: border-box;
        padding-top: 85px;
        padding: 4% 1%;
    }

    #formShippingAddress.clickshow-subject.enable ~ section#checkout #checkout-opts .checkout-opt a.checkout-title, main#checkout #checkout-opts .checkout-opt a.checkout-title.teslim.expanded {
        background-color: #ED1C24;
        color: #FFF;
    }

    #formBillingAddress.clickshow-subject.enable ~ section#checkout #checkout-opts .checkout-opt a.checkout-title, main#checkout #checkout-opts .checkout-opt a.checkout-title.fatura.expanded {
        background-color: #ED1C24;
        color: #FFF;
    }

    section#checkout #checkout-sum .sum-title,
    main#checkout #checkout-sum .sum-title {
        font-size: 1.35rem;
        line-height: 3rem;
        padding-bottom: 0.83333333rem;
        font-weight: 700;
        border-bottom: 1px solid #333;
    }

    section#checkout #checkout-sum .sum-basket,
    main#checkout #checkout-sum .sum-basket {
        margin: 1.5rem 0rem .75rem 0rem;
    }

        section#checkout #checkout-sum .sum-basket:after,
        main#checkout #checkout-sum .sum-basket:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-sum .sum-basket .basket-list,
        main#checkout #checkout-sum .sum-basket .basket-list {
            margin-bottom: 0.83333333rem;
            max-height: 27.5rem;
        }

            section#checkout #checkout-sum .sum-basket .basket-list:after,
            main#checkout #checkout-sum .sum-basket .basket-list:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-sum .sum-basket .basket-list .item,
            main#checkout #checkout-sum .sum-basket .basket-list .item {
                overflow: hidden;
                float: left;
                width: 5.41666667rem;
                margin: 0rem 0.5rem 0.83333333rem 0rem;
                -webkit-transition: width 300ms ease, margin 300ms ease;
                transition: width 300ms ease, margin 300ms ease;
            }

                section#checkout #checkout-sum .sum-basket .basket-list .item:after,
                main#checkout #checkout-sum .sum-basket .basket-list .item:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item .product-image,
                main#checkout #checkout-sum .sum-basket .basket-list .item .product-image {
                    cursor: pointer;
                    border: 1px solid #e4e4e4;
                    width: 5.41666667rem;
                    margin-right: 1.5rem;
                    float: left;
                    position: relative;
                    z-index: 10;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item .description,
                main#checkout #checkout-sum .sum-basket .basket-list .item .description {
                    height: 8.33333333rem;
                    margin: 0;
                    -webkit-transform: translateX(-100%);
                    -ms-transform: translateX(-100%);
                    transform: translateX(-100%);
                    opacity: 0;
                    -webkit-transition: width 300ms ease, opacity 300ms ease, transform 300ms ease;
                    transition: width 300ms ease, opacity 300ms ease, transform 300ms ease;
                    width: 100%;
                    position: relative;
                    z-index: 1;
                }

                section#checkout #checkout-sum .sum-basket .basket-list .item.expand,
                main#checkout #checkout-sum .sum-basket .basket-list .item.expand {
                    width: 100%;
                    clear: both;
                }

                    section#checkout #checkout-sum .sum-basket .basket-list .item.expand .description,
                    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
                        opacity: 1;
                        -webkit-transform: translateX(0);
                        -ms-transform: translateX(0);
                        transform: translateX(0);
                    }

            section#checkout #checkout-sum .sum-basket .basket-list .mCSB_3_scrollbar,
            main#checkout #checkout-sum .sum-basket .basket-list .mCSB_3_scrollbar {
                margin-top: 0;
            }

        section#checkout #checkout-sum .sum-basket #basket-expand,
        main#checkout #checkout-sum .sum-basket #basket-expand {
            color: #333;
            font-size: 1.1rem;
        }

            section#checkout #checkout-sum .sum-basket #basket-expand:before,
            main#checkout #checkout-sum .sum-basket #basket-expand:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e90a';
            }

            section#checkout #checkout-sum .sum-basket #basket-expand span,
            main#checkout #checkout-sum .sum-basket #basket-expand span {
                border-bottom: 1px solid #b6b6b6;
                padding-bottom: 0.16666667rem;
                vertical-align: middle;
                display: inline-block;
            }

            section#checkout #checkout-sum .sum-basket #basket-expand:before,
            main#checkout #checkout-sum .sum-basket #basket-expand:before {
                display: inline-block;
                font-size: 1.51666667rem;
                margin-right: 0.41666667rem;
                vertical-align: middle;
            }

            section#checkout #checkout-sum .sum-basket #basket-expand:hover,
            main#checkout #checkout-sum .sum-basket #basket-expand:hover {
                color: #000;
            }

                section#checkout #checkout-sum .sum-basket #basket-expand:hover span,
                main#checkout #checkout-sum .sum-basket #basket-expand:hover span {
                    border-color: #333;
                }

            section#checkout #checkout-sum .sum-basket #basket-expand.expanded:before,
            main#checkout #checkout-sum .sum-basket #basket-expand.expanded:before {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    section#checkout #checkout-sum .sum-costs,
    main#checkout #checkout-sum .sum-costs {
        margin-bottom: 1.41666667rem;
    }

        section#checkout #checkout-sum .sum-costs .cost,
        main#checkout #checkout-sum .sum-costs .cost {
            padding: 0.91666667rem 0rem 0.91666667rem 0rem;
            line-height: 1.83333333rem;
            letter-spacing: .11em;
            border-bottom: 1px dotted #e4e4e4;
        }

            section#checkout #checkout-sum .sum-costs .cost:after,
            main#checkout #checkout-sum .sum-costs .cost:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#checkout #checkout-sum .sum-costs .cost:last-of-type,
            main#checkout #checkout-sum .sum-costs .cost:last-of-type {
                border-bottom: none;
            }

            section#checkout #checkout-sum .sum-costs .cost .cost-title,
            main#checkout #checkout-sum .sum-costs .cost .cost-title {
                float: left;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

            section#checkout #checkout-sum .sum-costs .cost .cost-amount,
            main#checkout #checkout-sum .sum-costs .cost .cost-amount {
                float: right;
                font-size: 1.05833333rem;
                line-height: 1.83333333rem;
                font-weight: 500;
            }

                section#checkout #checkout-sum .sum-costs .cost .cost-amount.total,
                main#checkout #checkout-sum .sum-costs .cost .cost-amount.total {
                    font-weight: 700;
                    font-size: 1.225rem;
                }

    section#checkout #checkout-sum .sum-donation .donation-description,
    main#checkout #checkout-sum .sum-donation .donation-description {
        font-size: 1.1rem;
        line-height: 1.875rem;
        padding-bottom: 0.83333333rem;
        font-weight: 500;
        border-bottom: 1px dotted #e4e4e4;
    }

    section#checkout #checkout-sum .sum-donation .donation-selection,
    main#checkout #checkout-sum .sum-donation .donation-selection {
        width: 100%;
        font-weight: 400;
    }

    section#checkout #checkout-sum .sum-donation .donation-logos,
    main#checkout #checkout-sum .sum-donation .donation-logos {
        text-align: justify;
    }

        section#checkout #checkout-sum .sum-donation .donation-logos:after,
        main#checkout #checkout-sum .sum-donation .donation-logos:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#checkout #checkout-sum .sum-donation .donation-logos .logo,
        main#checkout #checkout-sum .sum-donation .donation-logos .logo {
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            section#checkout #checkout-sum .sum-donation .donation-logos .logo img,
            main#checkout #checkout-sum .sum-donation .donation-logos .logo img {
                height: 55px;
            }

        section#checkout #checkout-sum .sum-donation .donation-logos:after,
        main#checkout #checkout-sum .sum-donation .donation-logos:after {
            content: ' ';
            overflow: hidden;
            width: 100%;
            display: inline-block;
            font-size: 0;
            line-height: 0;
        }

    section#checkout.final .bgfix,
    main#checkout.final .bgfix {
        display: none;
    }

    section#checkout.final #checkout-opts,
    main#checkout.final #checkout-opts {
        width: auto;
        float: none;
    }

section .content-form:after,
main .content-form:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}
section .content-form .content-form-fullwidth,
main .content-form .content-form-fullwidth,
section .content-form .content-form-right,
main .content-form .content-form-right {
    float: left;
    width: 100%;
}
section .content-form .content-form-left,
main .content-form .content-form-left,
section .content-form .content-form-right,
main .content-form .content-form-right {
    float: left;
    width: 45.254%;
}

    section .content-form .content-form-left:after,
    main .content-form .content-form-left:after,
    section .content-form .content-form-right:after,
    main .content-form .content-form-right:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

section .content-form .content-form-full:after,
main .content-form .content-form-full:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section .content-form .content-form-left,
main .content-form .content-form-left {
    margin-right: 9.492%;
}

section .content-form .content-form-right,
main .content-form .content-form-right {
    clear: right;
}

section .content-form .wrap,
main .content-form .wrap {
    margin-bottom: 1.66666667rem;
    font-weight: 500;
}

    section .content-form .wrap:after,
    main .content-form .wrap:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section .content-form .wrap textarea,
    main .content-form .wrap textarea {
        height: 10.58333333rem;
    }

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

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

    section .content-form .wrap .radiowrap.full,
    main .content-form .wrap .radiowrap.full,
    section .content-form .wrap .checkwrap.full,
    main .content-form .wrap .checkwrap.full {
        margin: 1.66666667rem 0rem 1.66666667rem 0rem;
    }

    section .content-form .wrap .radiowrap.narrow label,
    main .content-form .wrap .radiowrap.narrow label,
    section .content-form .wrap .checkwrap.narrow label,
    main .content-form .wrap .checkwrap.narrow label {
        letter-spacing: 0;
    }

section .content-form hr,
main .content-form hr {
    border-bottom: 1px dotted #e4e4e4;
    clear: both;
    margin-bottom: 1.66666667rem;
}

section.account-head .account-title,
main.account-head .account-title {
    font-size: 1.68333333rem;
    font-weight: 600;
}

section#account:after,
main#account:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

section#account .account-nav,
main#account .account-nav {
    float: left;
    width: 19.316%;
    margin-right: 6.838%;
}

    section#account .account-nav .nav-title,
    main#account .account-nav .nav-title {
        line-height: 4.5rem;
        font-size: 1.0375rem;
        border-bottom: 2px solid #b6b6b6;
        letter-spacing: .11em;
        font-weight: 500;
    }

    section#account .account-nav .nav-list .nav-link,
    main#account .account-nav .nav-list .nav-link {
        line-height: 3.66666667rem;
        border-bottom: 1px dotted #e4e4e4;
    }

        section#account .account-nav .nav-list .nav-link .link-button.active,
        main#account .account-nav .nav-list .nav-link .link-button.active {
            font-weight: 600;
        }

section#account .account-content,
main#account .account-content {
    float: left;
    width: 73.846%;
}

body #productDetail .account-content {
    float: left;
    /*width: 73.846%;*/
    width: 100%
}
body #cartDetail .account-content {
    float: left;
    /*width: 73.846%;*/
    width: 100%
}

body#productDetail .account-content .content-list .list-row.head, body#productList .account-content .content-list .list-row.head {
    line-height: 4.5rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
}

body#productDetail .account-content .content-list .list-row, body#productList .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

        body#productDetail .account-content .content-list .list-row.head .list-column, body#productList .account-content .content-list .list-row.head .list-column {
            padding: 0;
        }
        @media screen and (min-width:1200px) and (max-width:1265px){
            body#productDetail .account-content .content-list .list-row.head, body#productList .account-content .content-list .list-row.head {
                line-height: 20px;
                padding: 14px 0;
            }
        }
body#productDetail .account-content .content-list .list-row .list-column, body#productList .account-content .content-list .list-row .list-column {
    float: left;
    padding: 1.83333333rem 0rem 1.83333333rem 0rem;
    box-sizing: border-box;
}

body#productDetail .account-content .content-list .list-row:after, body#productList .account-content .content-list .list-row:after {
    display: block;
    content: ' ';
    clear: both;
    height: 0px;
    overflow: hidden;
}

body#productDetail .account-content .content-list .list-row .list-column.widetext, body#productList .account-content .content-list .list-row .list-column.widetext {
    letter-spacing: .11em;
}

body#productDetail .account-content .content-list.products .list-row .list-column.address-name, body#productList .account-content .content-list.products .list-row .list-column.address-name {
    width: 25%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.address-name .address, body#productList .account-content .content-list.products .list-row .list-column.address-name .address {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.store-name, body#productList .account-content .content-list.products .list-row .list-column.store-name {
    width: 25%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.store-name .store, body#productList .account-content .content-list.products .list-row .list-column.store-name .store {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.city-name, body#productList .account-content .content-list.products .list-row .list-column.city-name {
    width: 15%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.city-name .city, body#productList .account-content .content-list.products .list-row .list-column.city-name .city {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.stock-total, body#productList .account-content .content-list.products .list-row .list-column.stock-total {
    width: 15%;
}

    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total .total, body#productList .account-content .content-list.products .list-row .list-column.stock-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#productDetail .account-content .content-list.products .list-row .list-column.store-map, body#productList .account-content .content-list.products .list-row .list-column.store-map {
    width: 10%;
}

    body#productList.account-content .content-list.products .list-row .list-column.store-map .message-compose, body#productDetail.account-content .content-list.products .list-row .list-column.store-map .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }
body#cartDetail .account-content .content-list .list-row.head {
    line-height: 4.5rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
}

body#cartDetail .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

    body#cartDetail .account-content .content-list .list-row.head .list-column {
        padding: 0;
    }

    body#cartDetail .account-content .content-list .list-row .list-column {
        float: left;
        padding: 1.83333333rem 0rem 1.83333333rem 0rem;
        box-sizing: border-box;
    }

    body#cartDetail .account-content .content-list .list-row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    body#cartDetail .account-content .content-list .list-row .list-column.widetext {
        letter-spacing: .11em;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
    width: 25%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name .address {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
    width: 25%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name .store {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
    width: 15%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.city-name .city {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
    width: 15%;
}

    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

body#cartDetail .account-content .content-list.products .list-row .list-column.store-map {
    width: 10%;
}

    body#cartDetail.account-content .content-list.products .list-row .list-column.store-map .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }


.product-details .alert-v1 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: -60px;
    left: 15px;
    width: 200px;
    background: #565656;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

    .product-details .alert-v1.reveal {
        opacity: 1;
        visibility: visible;
    }

product-details .alert-v1 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: -60px;
    left: 15px;
    width: 200px;
    background: #565656;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    product-details .alert-v1.reveal {
        opacity: 1;
        visibility: visible;
    }

    product-details .alert-v1 .arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #565656;
    }

section#account .account-content.message .btn.new-message,
main#account .account-content.message .btn.new-message {
    position: absolute;
    top: 0;
    right: 0;
}

section#account .account-content .content-title,
main#account .account-content .content-title {
    line-height: 4.5rem;
    font-size: 1.0375rem;
    border-bottom: 2px solid #b6b6b6;
    letter-spacing: .11em;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

    section#account .account-content .content-title:after,
    main#account .account-content .content-title:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#account .account-content .content-title .title,
    main#account .account-content .content-title .title {
        font-weight: 600;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-size: 1.0375rem;
        margin-right: 3.16666667rem;
        padding-bottom: 0.16666667rem;
    }

        section#account .account-content .content-title .title.link,
        main#account .account-content .content-title .title.link {
            color: #b6b6b6;
            border-bottom: 1.5px solid #b6b6b6;
        }

            section#account .account-content .content-title .title.link.dark,
            main#account .account-content .content-title .title.link.dark {
                color: #333;
                border-color: #333;
            }

        section#account .account-content .content-title .title.back .icon,
        main#account .account-content .content-title .title.back .icon {
            font-size: 1.43333333rem;
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.41666667rem;
            margin-top: -0.16666667rem;
        }

        section#account .account-content .content-title .title:last-child,
        main#account .account-content .content-title .title:last-child {
            margin-right: 0;
        }

    section#account .account-content .content-title.left,
    main#account .account-content .content-title.left {
        width: 50%;
        float: left;
    }

    section#account .account-content .content-title.right,
    main#account .account-content .content-title.right {
        width: 50%;
        float: right;
        text-align: right;
    }

section#account .account-content .content-subtitle,
main#account .account-content .content-subtitle {
    line-height: 1.66666667rem;
    padding: 1.08333333rem 0rem 1.08333333rem 0rem;
    font-size: 1.1rem;
    margin-bottom: 1.66666667rem;
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
}

    section#account .account-content .content-subtitle.nogap,
    main#account .account-content .content-subtitle.nogap {
        margin-bottom: 0;
    }

/*section#account .account-content .content-form:after,
main#account .account-content .content-form:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-left,
main#account .account-content .content-form .content-form-left,
section#account .account-content .content-form .content-form-right,
main#account .account-content .content-form .content-form-right {
  float: left;
  width: 45.254%;
}
section#account .account-content .content-form .content-form-left:after,
main#account .account-content .content-form .content-form-left:after,
section#account .account-content .content-form .content-form-right:after,
main#account .account-content .content-form .content-form-right:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-full:after,
main#account .account-content .content-form .content-form-full:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .content-form-left,
main#account .account-content .content-form .content-form-left {
  margin-right: 9.492%;
}
section#account .account-content .content-form .content-form-right,
main#account .account-content .content-form .content-form-right {
  clear: right;
}
section#account .account-content .content-form .wrap,
main#account .account-content .content-form .wrap {
  margin-bottom: 1.66666667rem;
  font-weight: 500;
}
section#account .account-content .content-form .wrap:after,
main#account .account-content .content-form .wrap:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0px;
  overflow: hidden;
}
section#account .account-content .content-form .wrap textarea,
main#account .account-content .content-form .wrap textarea {
  height: 10.58333333rem;
}
section#account .account-content .content-form .wrap .label,
main#account .account-content .content-form .wrap .label {
  line-height: 1.66666667rem;
  font-size: 0.9375rem;
  letter-spacing: .11em;
  font-weight: 500;
  margin-bottom: 0.83333333rem;
  display: block;
}
section#account .account-content .content-form .wrap .radiowrap label,
main#account .account-content .content-form .wrap .radiowrap label,
section#account .account-content .content-form .wrap .checkwrap label,
main#account .account-content .content-form .wrap .checkwrap label {
  padding-left: 2.08333333rem;
  font-size: 0.9375rem;
  letter-spacing: .11em;
}
section#account .account-content .content-form .wrap .radiowrap.full,
main#account .account-content .content-form .wrap .radiowrap.full,
section#account .account-content .content-form .wrap .checkwrap.full,
main#account .account-content .content-form .wrap .checkwrap.full {
  margin: 1.66666667rem 0rem 1.66666667rem 0rem;
}
section#account .account-content .content-form .wrap .radiowrap.narrow label,
main#account .account-content .content-form .wrap .radiowrap.narrow label,
section#account .account-content .content-form .wrap .checkwrap.narrow label,
main#account .account-content .content-form .wrap .checkwrap.narrow label {
  letter-spacing: 0;
}
section#account .account-content .content-form hr,
main#account .account-content .content-form hr {
  border-bottom: 1px dotted #e4e4e4;
  clear: both;
  margin-bottom: 1.66666667rem;
}*/
section#account .account-content .content-list .list-row,
main#account .account-content .content-list .list-row {
    border-bottom: 1px dotted #e4e4e4;
    font-weight: 500;
    position: relative;
    font-size: 1.0375rem;
    line-height: 1.875rem;
}

    section#account .account-content .content-list .list-row:after,
    main#account .account-content .content-list .list-row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#account .account-content .content-list .list-row .list-column,
    main#account .account-content .content-list .list-row .list-column {
        float: left;
        padding: 1.83333333rem 0rem 1.83333333rem 0rem;
        box-sizing: border-box;
    }

        section#account .account-content .content-list .list-row .list-column.right,
        main#account .account-content .content-list .list-row .list-column.right {
            text-align: right;
        }

        section#account .account-content .content-list .list-row .list-column.widetext,
        main#account .account-content .content-list .list-row .list-column.widetext {
            letter-spacing: .11em;
        }

    section#account .account-content .content-list .list-row.head,
    main#account .account-content .content-list .list-row.head {
        line-height: 4.5rem;
        border-bottom: 2px solid #b6b6b6;
        letter-spacing: .11em;
    }

        section#account .account-content .content-list .list-row.head .list-column,
        main#account .account-content .content-list .list-row.head .list-column {
            padding: 0;
        }

section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
    width: 17.824%;
}

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title {
        letter-spacing: .11em;
        font-weight: inherit;
    }

section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
    font-size: 1.1rem;
    width: calc(68.403% - 10rem);
}

section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
    width: 10rem;
}

section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete,
main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: right;
    width: 3.33333333rem;
}

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete {
        position: absolute;
        line-height: 1.33333333rem;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete .icon {
            font-size: 1.26666667rem;
            color: #b6b6b6;
            vertical-align: top;
            display: inline-block;
            margin-top: -0.08333333rem;
        }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:hover .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:hover .icon,
        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:active .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:active .icon,
        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:focus .icon,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete:focus .icon {
            color: #333;
        }

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
    width: 43.983%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code {
    width: 16.435%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start {
    width: 16.087%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end {
    width: 15.046%;
}

section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
    width: 8.449%;
}

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status .status,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status .status {
        font-weight: 700;
        color: #2a9dcc;
    }

section#account .account-content .content-list.messages .list-row .list-column.message-subject,
main#account .account-content .content-list.messages .list-row .list-column.message-subject {
    width: 47.571%;
    padding-right: 1.66666667rem;
}

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .title,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .title {
        font-weight: 700;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .subtitle,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .subtitle {
        margin: 0.41666667rem 0rem 0.41666667rem 0rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject .message,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject .message {
        font-size: 1.1rem;
    }

section#account .account-content .content-list.messages .list-row .list-column.message-code,
main#account .account-content .content-list.messages .list-row .list-column.message-code {
    width: 21.759%;
}

section#account .account-content .content-list.messages .list-row .list-column.message-date,
main#account .account-content .content-list.messages .list-row .list-column.message-date {
    width: 13.825%;
}

section#account .account-content .content-list.messages .list-row .list-column.message-status,
main#account .account-content .content-list.messages .list-row .list-column.message-status {
    width: 16.845%;
}

    section#account .account-content .content-list.messages .list-row .list-column.message-status .status,
    main#account .account-content .content-list.messages .list-row .list-column.message-status .status {
        font-weight: 700;
        color: #2a9dcc;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-title,
main#account .account-content .content-list.orders .list-row .list-column.order-title {
    width: 13.104%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-id,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-id {
        font-weight: 700;
        margin-top: 1.875rem;
    }


    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:before,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:before {
        content: '(';
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:after,
    main#account .account-content .content-list.orders .list-row .list-column.order-title .order-quantity:after {
        content: ')';
    }

section#account .account-content .content-list.orders .list-row .list-column.order-date,
main#account .account-content .content-list.orders .list-row .list-column.order-date {
    width: 13.643%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-date .date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date .date {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-name,
main#account .account-content .content-list.orders .list-row .list-column.order-name {
    width: 11.643%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-name .name,
    main#account .account-content .content-list.orders .list-row .list-column.order-name .name {
        margin-top: 1.875rem;
        margin-right: .9rem;
        /*margin-left: .9rem;*/
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-status,
main#account .account-content .content-list.orders .list-row .list-column.order-status {
    width: 11.865%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-status .status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status .status {
        margin-top: 1.875rem;
        display: block;
        font-weight: 600;
        margin-bottom: -0.41666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery,
    main#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery {
        font-size: 0.975rem;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-total,
main#account .account-content .content-list.orders .list-row .list-column.order-total {
    width: 10.120%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-total .total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total .total {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
    }

section#account .account-content .content-list.orders .list-row .list-column.order-message,
main#account .account-content .content-list.orders .list-row .list-column.order-message {
    width: 15.268%;
}

    section#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose,
    main#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose {
        margin-top: 1.875rem;
        display: inline-block;
        font-weight: 600;
        text-decoration: underline;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
    width: 41.666%;
    position: relative;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product .product-image,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product .product-image {
        float: left;
        width: 5.5rem;
        border: 1px solid #e4e4e4;
        margin-right: 1.5rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product .description,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product .description {
        position: absolute;
        left: 7rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
    width: 15.740%;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
    }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price.old,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price.old {
            text-decoration: line-through;
        }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
    width: 17.708%;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
    width: calc(24.886% - 2.0833333333333335rem);
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
        margin-top: 3.08333333rem;
    }

section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete,
main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete {
    width: 2.08333333rem;
}

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton {
        margin-top: 3.83333333rem;
        font-weight: 600;
        display: inline-block;
        font-size: 1.51666667rem;
    }

section#account .account-content.message,
main#account .account-content.message {
    /*margin-top: 7.58333333rem;*/
    font-weight: 500;
    border-bottom: 1px solid #e4e4e4;
    font-size: 1.0375rem;
}

    section#account .account-content.message .message-title,
    main#account .account-content.message .message-title {
        padding: 1.66666667rem 2.5rem 1.66666667rem 2.5rem;
        line-height: 1.83333333rem;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        letter-spacing: .11em;
        font-size: inherit;
        font-weight: inherit;
    }

    section#account .account-content.message .message-stats,
    main#account .account-content.message .message-stats {
        padding: 1.41666667rem 2.5rem 1.41666667rem 2.5rem;
    }

        section#account .account-content.message .message-stats .stat,
        main#account .account-content.message .message-stats .stat {
            line-height: 2.5rem;
            letter-spacing: .11em;
        }

            section#account .account-content.message .message-stats .stat:after,
            main#account .account-content.message .message-stats .stat:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.message .message-stats .stat label,
            main#account .account-content.message .message-stats .stat label {
                width: 5.66666667rem;
                float: left;
            }

    section#account .account-content.message .message-list,
    main#account .account-content.message .message-list {
        margin: 0rem 2.5rem 0rem 2.5rem;
        border-top: 1px dotted #e4e4e4;
        padding: 2.33333333rem 0rem 2.33333333rem 0rem;
    }

        section#account .account-content.message .message-list .message,
        main#account .account-content.message .message-list .message {
            margin-bottom: 2.5rem;
        }

            section#account .account-content.message .message-list .message:after,
            main#account .account-content.message .message-list .message:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.message .message-list .message .message-badge,
            main#account .account-content.message .message-list .message .message-badge {
                float: left;
                letter-spacing: .11em;
                width: 10.41666667rem;
            }

                section#account .account-content.message .message-list .message .message-badge .badge-from,
                main#account .account-content.message .message-list .message .message-badge .badge-from {
                    font-weight: 700;
                    font-size: inherit;
                    margin-bottom: 1.5rem;
                }

            section#account .account-content.message .message-list .message .message-body,
            main#account .account-content.message .message-list .message .message-body {
                width: calc(100% - 10.416666666666666rem - 2px);
                box-sizing: border-box;
                float: left;
                padding: 2.5rem 2.5rem 2.5rem 2.5rem;
                font-size: 1.1rem;
                line-height: 1.875rem;
                border: 1px dashed #e4e4e4;
            }

    section#account .account-content.message .message-reply,
    main#account .account-content.message .message-reply {
        padding: 0rem 2.5rem 2.5rem 2.5rem;
    }

        section#account .account-content.message .message-reply:after,
        main#account .account-content.message .message-reply:after {
            display: block;
            content: ' ';
            clear: both;
            height: 0px;
            overflow: hidden;
        }

        section#account .account-content.message .message-reply .reply-info,
        main#account .account-content.message .message-reply .reply-info {
            float: left;
            letter-spacing: .11em;
            width: 8.91666667rem;
        }

            section#account .account-content.message .message-reply .reply-info .info-title,
            main#account .account-content.message .message-reply .reply-info .info-title {
                font-size: inherit;
            }

        section#account .account-content.message .message-reply .reply-message,
        main#account .account-content.message .message-reply .reply-message {
            width: calc(100% - 8.916666666666666rem);
            box-sizing: border-box;
            margin-bottom: 2.5rem;
            float: left;
        }

            section#account .account-content.message .message-reply .reply-message textarea,
            main#account .account-content.message .message-reply .reply-message textarea {
                padding: 2.5rem 2.5rem 2.5rem 2.5rem;
            }

        section#account .account-content.message .message-reply .reply-send,
        main#account .account-content.message .message-reply .reply-send {
            float: right;
            clear: both;
            width: calc(100% - 8.916666666666666rem);
            box-sizing: border-box;
        }

            section#account .account-content.message .message-reply .reply-send .btn,
            main#account .account-content.message .message-reply .reply-send .btn {
                margin-right: 2.08333333rem;
            }

section#account .account-content.orderinfo,
main#account .account-content.orderinfo {
    font-size: 1.0375rem;
    line-height: 1.875rem;
    border-bottom: 1px solid #e4e4e4;
}

    section#account .account-content.orderinfo .orderinfo-title,
    main#account .account-content.orderinfo .orderinfo-title {
        border-top: 1px solid #e4e4e4;
        padding: 1.66666667rem 0rem 1.66666667rem 0rem;
        text-align: center;
        line-height: 1.83333333rem;
        font-weight: 700;
        font-size: inherit;
        letter-spacing: .11em;
        clear: both;
    }

    section#account .account-content.orderinfo .orderinfo-details,
    main#account .account-content.orderinfo .orderinfo-details {
        width: 53rem;
        max-width: 100%;
        margin: 0 auto;
    }

        section#account .account-content.orderinfo .orderinfo-details .row,
        main#account .account-content.orderinfo .orderinfo-details .row {
            border-top: 1px dotted #e4e4e4;
            padding: 1.25rem 0rem 1.25rem 0rem;
        }

            section#account .account-content.orderinfo .orderinfo-details .row:after,
            main#account .account-content.orderinfo .orderinfo-details .row:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            section#account .account-content.orderinfo .orderinfo-details .row .column,
            main#account .account-content.orderinfo .orderinfo-details .row .column {
                font-weight: 700;
                letter-spacing: .11em;
            }

                section#account .account-content.orderinfo .orderinfo-details .row .column.left,
                main#account .account-content.orderinfo .orderinfo-details .row .column.left {
                    float: left;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.right,
                main#account .account-content.orderinfo .orderinfo-details .row .column.right {
                    float: right;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.center,
                main#account .account-content.orderinfo .orderinfo-details .row .column.center {
                    text-align: center;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.full,
                main#account .account-content.orderinfo .orderinfo-details .row .column.full {
                    clear: both;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.small,
                main#account .account-content.orderinfo .orderinfo-details .row .column.small {
                    width: 33.069%;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.big,
                main#account .account-content.orderinfo .orderinfo-details .row .column.big {
                    width: 66.931%;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.lalign,
                main#account .account-content.orderinfo .orderinfo-details .row .column.lalign {
                    text-align: left;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.ralign,
                main#account .account-content.orderinfo .orderinfo-details .row .column.ralign {
                    text-align: right;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column.product,
                main#account .account-content.orderinfo .orderinfo-details .row .column.product {
                    position: relative;
                }

                    section#account .account-content.orderinfo .orderinfo-details .row .column.product .product-image,
                    main#account .account-content.orderinfo .orderinfo-details .row .column.product .product-image {
                        float: left;
                        width: 5.5rem;
                        border: 1px solid #e4e4e4;
                        margin-right: 1.5rem;
                    }

                    section#account .account-content.orderinfo .orderinfo-details .row .column.product .description,
                    main#account .account-content.orderinfo .orderinfo-details .row .column.product .description {
                        position: absolute;
                        left: 7rem;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        margin: 0;
                    }

                section#account .account-content.orderinfo .orderinfo-details .row .column .title,
                main#account .account-content.orderinfo .orderinfo-details .row .column .title {
                    font-weight: 700;
                    font-size: inherit;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column .regular,
                main#account .account-content.orderinfo .orderinfo-details .row .column .regular {
                    font-weight: 500;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .column .narrow,
                main#account .account-content.orderinfo .orderinfo-details .row .column .narrow {
                    letter-spacing: 0;
                }

            section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus,
            main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus {
                background-color: #e4e4e4;
                padding: 2rem 2rem 2rem 2rem;
                line-height: 3.33333333rem;
            }

                section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status,
                main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status {
                    font-size: 1.35rem;
                    position: relative;
                    padding-left: 5.83333333rem;
                    font-weight: 600;
                }

                    section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon,
                    main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon {
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        left: 0;
                        font-size: 5.51666667rem;
                        display: inline-block;
                    }

            section#account .account-content.orderinfo .orderinfo-details .row .clickshow .icon,
            main#account .account-content.orderinfo .orderinfo-details .row .clickshow .icon {
                display: inline-block;
            }

            section#account .account-content.orderinfo .orderinfo-details .row .clickshow.expanded .icon,
            main#account .account-content.orderinfo .orderinfo-details .row .clickshow.expanded .icon {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            section#account .account-content.orderinfo .orderinfo-details .row .contract-container,
            main#account .account-content.orderinfo .orderinfo-details .row .contract-container {
                clear: both;
            }

                section#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-title,
                main#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-title {
                    font-weight: inherit;
                    font-size: inherit;
                }

                section#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-text,
                main#account .account-content.orderinfo .orderinfo-details .row .contract-container .contract-text {
                    padding: 1.75rem 1.75rem 1.75rem 1.75rem;
                    border: 1px dashed #e4e4e4;
                }

section#login,
main#login {
    background-color: #333;
    color: #FFF;
    position: relative;
}

    section#login:after,
    main#login:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    section#login .login-left,
    main#login .login-left {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 50%;
        background-color: white !important;
        overflow: hidden;
        margin-top: 2%;
    }

    section#login .login-right,
    main#login .login-right {
        float: right;
        width: 50%;
        box-sizing: border-box;
        min-height: calc(100vh - 86px);
        position: relative;
    }

        section#login .login-right .login-content,
        main#login .login-right .login-content {
            max-width: 65%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5rem;
            margin-bottom: 2.5rem;
        }

            section#login .login-right .login-content .login-nav,
            main#login .login-right .login-content .login-nav {
                text-align: center;
                margin-bottom: 2.5rem;
            }

                section#login .login-right .login-content .login-nav .nav-button,
                main#login .login-right .login-content .login-nav .nav-button {
                    font-size: 0.975rem;
                    letter-spacing: .11em;
                    font-weight: 500;
                    margin-right: 1.25rem;
                    margin-left: 1.25rem;
                    line-height: 3.33333333rem;
                    opacity: .8;
                    position: relative;
                    display: inline-block;
                    -webkit-transition: opacity 200ms ease;
                    transition: opacity 200ms ease;
                }

                    section#login .login-right .login-content .login-nav .nav-button:before,
                    main#login .login-right .login-content .login-nav .nav-button:before {
                        position: absolute;
                        display: block;
                        top: 0;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                        width: 0;
                        height: 2px;
                        content: ' ';
                        overflow: hidden;
                        background-color: #FFF;
                        -webkit-transition: width 200ms ease;
                        transition: width 200ms ease;
                    }

                    section#login .login-right .login-content .login-nav .nav-button.expanded,
                    main#login .login-right .login-content .login-nav .nav-button.expanded,
                    section#login .login-right .login-content .login-nav .nav-button:hover,
                    main#login .login-right .login-content .login-nav .nav-button:hover {
                        opacity: 1;
                    }

                        section#login .login-right .login-content .login-nav .nav-button.expanded:before,
                        main#login .login-right .login-content .login-nav .nav-button.expanded:before,
                        section#login .login-right .login-content .login-nav .nav-button:hover:before,
                        main#login .login-right .login-content .login-nav .nav-button:hover:before {
                            width: 50%;
                        }

            section#login .login-right .login-content .loginform,
            main#login .login-right .login-content .loginform {
                text-align: center;
                min-height: 61.66666667rem;
                font-size: 1.225rem;
                letter-spacing: .03em;
                font-weight: 400;
                box-sizing: border-box;
            }

                section#login .login-right .login-content .loginform.form-login,
                main#login .login-right .login-content .loginform.form-login {
                    padding-top: 12%;
                }

                section#login .login-right .login-content .loginform .inputwrap,
                main#login .login-right .login-content .loginform .inputwrap {
                    text-align: left;
                    margin-bottom: 1rem;
                }

                    section#login .login-right .login-content .loginform .inputwrap label,
                    main#login .login-right .login-content .loginform .inputwrap label {
                        display: block;
                        line-height: 1.33333333rem;
                        margin-bottom: 1rem;
                    }

                section#login .login-right .login-content .loginform .login-opts,
                main#login .login-right .login-content .loginform .login-opts {
                    clear: both;
                    margin-top: 1.66666667rem;
                    margin-bottom: 1.66666667rem;
                }

                    section#login .login-right .login-content .loginform .login-opts:after,
                    main#login .login-right .login-content .loginform .login-opts:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#login .login-right .login-content .loginform .login-opts .passwordrecovery,
                    main#login .login-right .login-content .loginform .login-opts .passwordrecovery {
                        float: right;
                    }

                    section#login .login-right .login-content .loginform .login-opts .checkwrap,
                    main#login .login-right .login-content .loginform .login-opts .checkwrap {
                        text-align: left;
                        margin-bottom: 0.83333333rem;
                        margin-right: 0;
                    }

                section#login .login-right .login-content .loginform .seperator,
                main#login .login-right .login-content .loginform .seperator {
                    margin: 3.33333333rem 0rem 3.33333333rem 0rem;
                    font-weight: 600;
                }

                    section#login .login-right .login-content .loginform .seperator span,
                    main#login .login-right .login-content .loginform .seperator span {
                        display: inline-block;
                        margin-left: auto;
                        margin-right: auto;
                        padding: 0rem 1.66666667rem 0rem 1.66666667rem;
                        position: relative;
                    }

                        section#login .login-right .login-content .loginform .seperator span:before,
                        main#login .login-right .login-content .loginform .seperator span:before,
                        section#login .login-right .login-content .loginform .seperator span:after,
                        main#login .login-right .login-content .loginform .seperator span:after {
                            position: absolute;
                            width: 4.75rem;
                            top: 50%;
                            content: ' ';
                            border-top: 1px solid #FFF;
                            right: 100%;
                            overflow: hidden;
                        }

                        section#login .login-right .login-content .loginform .seperator span:after,
                        main#login .login-right .login-content .loginform .seperator span:after {
                            left: 100%;
                            right: auto;
                        }

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

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

                    section#login .login-right .login-content .loginform .facebookbtn:after,
                    main#login .login-right .login-content .loginform .facebookbtn:after {
                        display: block;
                        content: ' ';
                        clear: both;
                        height: 0px;
                        overflow: hidden;
                    }

                    section#login .login-right .login-content .loginform .facebookbtn:before,
                    main#login .login-right .login-content .loginform .facebookbtn:before {
                        display: inline-block;
                        float: left;
                        margin-right: 1.91666667rem;
                        font-size: 2.35rem;
                    }

                    section#login .login-right .login-content .loginform .facebookbtn:hover,
                    main#login .login-right .login-content .loginform .facebookbtn:hover,
                    section#login .login-right .login-content .loginform .facebookbtn:focus,
                    main#login .login-right .login-content .loginform .facebookbtn:focus,
                    section#login .login-right .login-content .loginform .facebookbtn:active,
                    main#login .login-right .login-content .loginform .facebookbtn:active {
                        background-color: #4264aa;
                    }
/*== Back to Top ==*/
#btn-backtotop {
    position: fixed;
    z-index: 20;
    bottom: 1.25rem;
    right: 1.25rem;
    padding: 0rem 0.83333333rem 0rem 0.83333333rem;
    line-height: 3.5rem;
    -webkit-transform: translateY(calc(100% + 30px));
    -ms-transform: translateY(calc(100% + 30px));
    transform: translateY(calc(100% + 30px));
    -webkit-transition: transform 300ms ease, background-color 200ms ease;
    transition: transform 300ms ease, background-color 200ms ease;
    font-weight: 500;
    border-color: #e4e4e4;
    background-color: #FFF;
    border-radius: 25px;
}

    #btn-backtotop .iconholder {
        display: inline-block;
        vertical-align: middle;
        width: calc(2.4rem);
        height: calc(2.4rem);
        text-align: center;
        line-height: 2.11666667rem;
        border-radius: 50%;
        border: 2px solid #333;
        font-size: 1.76666667rem;
        /*margin-right: 0.83333333rem;*/ 
        color: #333;
    }

    /*#btn-backtotop .iconholder i {
            padding-left: 2px;
        }*/

    #btn-backtotop:hover {
        /*background-color: #333;*/
        color: #333;
        border: 3px solid #333;
    }

        #btn-backtotop:hover .iconholder {
            color: #333;
            border: 2px solid #333;
        }

    #btn-backtotop.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
/*== Side Basket ==*/
#sidebasket-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150;
    display: none;
}

    #sidebasket-container #sidebasket-overlay {
        position: absolute;
        background-color: #333;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: opacity 200ms ease 0ms;
        transition: opacity 200ms ease 0ms;
    }

    #sidebasket-container #sidebasket-content {
        z-index: 10;
        background-color: #FFF;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 31.25rem;
        max-width: 100%;
        padding-bottom: 10.41666667rem;
        padding-top: 7.5rem;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 250ms ease 100ms;
        transition: transform 250ms ease 100ms;
    }

        #sidebasket-container #sidebasket-content #sidebasket-head {
            line-height: 3.33333333rem;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            padding: 2rem 2.91666667rem 2rem 2.91666667rem;
            box-sizing: border-box;
            border-bottom: 1px solid #e4e4e4;
        }

            #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-title {
                font-size: 1.475rem;
                line-height: 3.33333333rem;
                font-weight: 600;
                letter-spacing: .035em;
            }

            #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-close {
                float: right;
                width: 3.33333333rem;
                height: 3.33333333rem;
                display: inline-block;
                font-size: 2.26666667rem;
                -webkit-transition: background-color 200ms ease;
                transition: background-color 200ms ease;
            }

                #sidebasket-container #sidebasket-content #sidebasket-head #sidebasket-close:hover {
                    background-color: #333;
                    color: #FFF;
                }

        #sidebasket-container #sidebasket-content #sidebasket-list {
            overflow: auto;
            max-height: 100%;
        }

            #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product {
                padding: 2.5rem 0rem 2.5rem 6.91666667rem;
                margin: 0rem 2.91666667rem 0rem 2.91666667rem;
                position: relative;
                border-bottom: 1px solid #e4e4e4;
            }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-image {
                    width: 4.83333333rem;
                    position: absolute;
                    top: 2.5rem;
                    left: 0;
                    float: left;
                    border: 1px solid #e4e4e4;
                }

                    #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-image img {
                        width: 100%;
                    }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .description {
                    margin: 0;
                }

                #sidebasket-container #sidebasket-content #sidebasket-list .sidebasket-product .product-quantity {
                    margin-top: 0.41666667rem;
                }

        #sidebasket-container #sidebasket-content #sidebasket-bottom {
            position: absolute;
            bottom: 0;
            background-color: #FFF;
            z-index: 20;
            padding: 2.5rem 0rem 2.5rem 0rem;
            left: 2.91666667rem;
            right: 2.91666667rem;
        }

            #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar {
                margin-bottom: 2.08333333rem;
            }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar #sidebasket-totaltitle {
                    float: left;
                    font-weight: 500;
                    font-size: 1.35rem;
                    letter-spacing: .005em;
                }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-totalbar #sidebasket-total {
                    float: right;
                    letter-spacing: .11em;
                    font-size: 1.35rem;
                    font-weight: 700;
                }

            #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-nav .sidebasket-button {
                width: calc(100%);
            }

                #sidebasket-container #sidebasket-content #sidebasket-bottom #sidebasket-nav .sidebasket-button:first-child {
                    margin-right: 14px;
                }

    #sidebasket-container.active {
        display: block;
    }

        #sidebasket-container.active.show #sidebasket-overlay {
            opacity: .85;
        }

        #sidebasket-container.active.show #sidebasket-content {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
/*== Special Modals ==*/
.modal.account-returnorder .modal-element .modal-content .returnorder-steps {
    margin: -2.5rem -2.5rem 0.41666667rem -2.5rem;
    background-color: #e4e4e4;
    text-align: center;
    padding: 2.08333333rem 1.25rem 2.08333333rem 1.25rem;
    line-height: 1.66666667rem;
    font-size: 1.225rem;
    font-weight: 500;
    counter-reset: returnorder_step;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step {
        margin: 0rem 1.66666667rem 0rem 1.66666667rem;
        counter-increment: returnorder_step;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:first-of-type {
            margin-left: 0;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:last-of-type {
            margin-right: 0;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step:before {
            display: inline-block;
            box-sizing: border-box;
            font-size: 0.975rem;
            font-weight: 600;
            content: counter(returnorder_step);
            width: 1.66666667rem;
            height: 1.66666667rem;
            padding-right: 0.08333333rem;
            line-height: 1.33333333rem;
            border: 2px solid #333;
            border-radius: 50%;
            text-align: center;
            margin-right: 0.83333333rem;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.active:before,
        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            background-color: #333;
            color: #FFF;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e912';
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.fail:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\e903';
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps .step.done:before {
            line-height: 1.41666667rem;
            padding-right: 0;
            padding-left: 0.08333333rem;
        }

    .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete {
        text-align: left;
        margin: 0rem 0rem 1.91666667rem 0rem;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete .step.done {
            letter-spacing: .11em;
            font-size: 1.05833333rem;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-steps.complete .step.done:before {
                background-color: transparent;
                color: #333;
            }

.modal.account-returnorder .modal-element .modal-content .returnorder-list .row {
    border-bottom: 1px dotted #e4e4e4;
    padding-bottom: 2.16666667rem;
    margin-bottom: 2.16666667rem;
}

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

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row.plain {
        border-bottom: none;
        padding-bottom: 0.83333333rem;
        margin-bottom: 0.83333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column {
        float: left;
    }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo,
        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
            width: 55.454%;
            margin-right: 0;
            position: relative;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo:after,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .product,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .product {
                float: left;
                width: 100%;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .product-image,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .product-image {
                width: 5.33333333rem;
                margin-right: 1.33333333rem;
                float: left;
                border: 1px solid #e4e4e4;
            }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo .description,
            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .description {
                margin: 0;
                position: absolute;
                top: 50%;
                left: 8.75rem;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
            width: 38.496%;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product .description {
                left: 6.66666667rem;
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
            width: 26.309%;
            box-sizing: border-box;
            padding-right: 8.883%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
            width: 35.195%;
        }

            .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes textarea {
                height: 6.66666667rem;
            }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.options {
            padding-top: 0.83333333rem;
            width: 44.546%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
            width: 35.494%;
        }

        .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
            width: 64.506%;
        }

.modal.account-returnorder .modal-element .modal-content .returnorder-list.final {
    border-top: 1px solid #e4e4e4;
    padding-top: 1.41666667rem;
}

.modal.account-returnorder .modal-element .modal-content .returnorder-list.finishinfo {
    margin-bottom: 0;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-list.finishinfo .row:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

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

.modal.account-returnorder .modal-element .modal-content .returnorder-finishinfo .col {
    float: left;
    border-bottom: 1px dotted #e4e4e4;
    padding: 0rem 0rem 1rem 0rem;
}

    .modal.account-returnorder .modal-element .modal-content .returnorder-finishinfo .col .label {
        margin-bottom: 0;
    }

.modal.account-returnorder .modal-element .modal-content .btn.right {
    margin-left: 0.83333333rem;
}

.modal.checkout-storedelivery .modal-content {
    padding: 0;
}

.modal.checkout-storedelivery .storedelivery-left {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 46.617%;
    overflow: auto;
}

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-contentwrap {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-title {
        font-size: 1.0375rem;
        letter-spacing: .11em;
        margin-bottom: 0.83333333rem;
        font-weight: 700;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-text {
        font-size: 1.1rem;
        line-height: 1.875rem;
        font-weight: 500;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-cityselection {
        width: 100%;
        margin: 1.66666667rem 0rem 1.66666667rem 0rem;
    }

    .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer {
        height: 27.08333333rem;
        padding-top: 0.83333333rem;
        padding-right: 0;
        padding-bottom: 0;
        border-top: 1px solid #e4e4e4;
        margin-bottom: 1.66666667rem;
    }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result {
            padding: 1.66666667rem 0rem 1.66666667rem 0rem;
            border-bottom: 1px solid #e4e4e4;
        }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result:after {
                display: block;
                content: ' ';
                clear: both;
                height: 0px;
                overflow: hidden;
            }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result .result-title {
                font-size: 1.0375rem;
                letter-spacing: .11em;
                margin-bottom: 0.66666667rem;
            }

            .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer .storedelivery-list .result .result-detail {
                font-size: 1.0375rem;
                letter-spacing: .03em;
                font-weight: 500;
                line-height: 1.875rem;
            }

.modal.checkout-storedelivery .storedelivery-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 53.383%;
    background-color: #5a5a5a;
}

.modal.checkout-address h3 {
    margin-bottom: 30px;
}

.modal.checkout-address .modal-element {
    padding-bottom: 53.33333333rem;
}

.modal.new-message h3 {
    margin-bottom: 30px;
}

.modal.new-message .modal-element {
    padding-bottom: 30rem;
}

.modal.new-message .input-group select {
    border-radius: 0;
}

.modal.select-address .modal-element {
    padding-bottom: 30rem;
}

.modal.select-address .radiowrap.square {
    width: 100%;
    margin: 2rem 0;
}

.modal.quicklook-loading .modal-element {
    width: 8.33333333rem;
    height: 8.33333333rem;
}

.modal.quicklook-product .modal-element {
    width: 100rem;
}

.modal.sizechart .modal-overlay {
    display: none;
}

.modal.sizechart .modal-element {
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-50%, 0) scale(0.9);
    -ms-transform: translate(-50%, 0) scale(0.9);
    transform: translate(-50%, 0) scale(0.9);
}

.modal.sizechart.show .modal-element {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    border: none;
    max-width: none;
    bottom: 0;
    -webkit-transform: translate(-50%, 0) scale(1);
    -ms-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
    background-color: rgba(35, 35, 37, 0.99);
    color: #FFF;
}

    .modal.sizechart.show .modal-element .modal-close {
        background-color: transparent;
        border: none;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        right: 5rem;
        top: 3.75rem;
        width: auto;
        height: auto;
        font-size: 3.85rem;
    }

    .modal.sizechart.show .modal-element .modal-content {
        padding: 0;
    }

        .modal.sizechart.show .modal-element .modal-content .wrapper {
            padding: 0rem 10.16666667rem 3.33333333rem 10.16666667rem;
            box-sizing: border-box;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-head {
            text-align: center;
            padding: 3.33333333rem 0rem 2.91666667rem 0rem;
            line-height: 2rem;
            letter-spacing: 0.009em;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-head .sizechart-title {
                font-size: 1.35rem;
                font-weight: 600;
            }

            .modal.sizechart.show .modal-element .modal-content .sizechart-head .sizechart-description {
                font-size: 1.0375rem;
            }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table {
            font-size: 1.0375rem;
            margin-bottom: 2.5rem;
            letter-spacing: .11em;
            line-height: 2.33333333rem;
            font-weight: 600;
            border-top: 1px solid #FFF;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-table .row {
                border-bottom: 1px solid #e4e4e4;
                padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            }

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

                .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
                    float: left;
                    width: 6.730818181818182%;
                }

                    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
                        width: 22.756%;
                    }

                    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col:last-child {
                        width: 3.205%;
                    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-body {
            float: right;
            width: 32.478%;
            margin-right: 11.004%;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-notes {
            float: left;
            margin-top: 5rem;
            width: 30.41666667rem;
            max-width: 50%;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-button {
                font-size: 1.1rem;
                letter-spacing: .009em;
                font-weight: 600;
                display: block;
                line-height: 3.33333333rem;
                border-bottom: 1px solid #e4e4e4;
            }

                .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-button .accordion-indicator {
                    float: right;
                    margin-right: 0.83333333rem;
                    margin-left: 0.83333333rem;
                }

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

            .modal.sizechart.show .modal-element .modal-content .sizechart-notes .accordion-element .accordion-content {
                line-height: 1.875rem;
                font-size: 1.1rem;
                color: #e4e4e4;
                border-bottom: 1px solid #e4e4e4;
                padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            }

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

.stores {
    padding: 1.66666667rem 1.66666667rem 4.16666667rem 1.66666667rem;
}

    .stores .stores-left {
        box-sizing: border-box;
        width: 46.617%;
        overflow: auto;
    }

        .stores .stores-left .stores-contentwrap {
            padding: 2.5rem 2.5rem 2.5rem 2.5rem;
            max-height: 600px;
            overflow-y: scroll;
        }

        .stores .stores-left .stores-title {
            font-size: 1.0375rem;
            letter-spacing: .11em;
            margin-bottom: 0.83333333rem;
            font-weight: 700;
        }

        .stores .stores-left .stores-text {
            font-size: 1.1rem;
            line-height: 1.875rem;
            font-weight: 500;
        }

        .stores .stores-left .stores-cityselection {
            width: 100%;
            margin: 1.66666667rem 0rem 1.66666667rem 0rem;
        }

        .stores .stores-left .stores-listcontainer {
            height: 27.08333333rem;
            padding-top: 0.83333333rem;
            padding-right: 0;
            padding-bottom: 0;
            border-top: 1px solid #e4e4e4;
            margin-bottom: 1.66666667rem;
        }

            .stores .stores-left .stores-listcontainer .stores-list .result {
                padding: 1.66666667rem 0rem 1.66666667rem 0rem;
                border-bottom: 1px solid #e4e4e4;
            }

                .stores .stores-left .stores-listcontainer .stores-list .result:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

                .stores .stores-left .stores-listcontainer .stores-list .result .result-title {
                    font-size: 1.0375rem;
                    letter-spacing: .11em;
                    margin-bottom: 0.66666667rem;
                }

                .stores .stores-left .stores-listcontainer .stores-list .result .result-detail {
                    font-size: 1.0375rem;
                    letter-spacing: .03em;
                    font-weight: 500;
                    line-height: 1.875rem;
                }

    .stores .stores-map {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 53.383%;
        background-color: #5a5a5a;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.w33 {
    width: 33.333%;
}

.w50 {
    width: 50%;
}

.pull-left {
    float: left;
}

hr.clearfix {
    clear: both;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 15px 30px;
    position: relative;
    top: 15px;
}

.input-group {
    margin-bottom: 15px;
}

    .input-group label {
        display: block;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .input-group label span {
            text-transform: lowercase;
        }

    .input-group input,
    .input-group select,
    .input-group textarea {
        width: 100%;
        display: block;
    }

.address-form {
    margin-right: -15px;
    margin-left: -15px;
}

    .address-form .w50,
    .address-form .w33 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .address-form label {
        line-height: 1.91666667rem;
    }

    .address-form textarea {
        max-width: 100%;
        min-height: 10.25rem;
    }

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 11000;
}

    .preloader .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        margin-top: -4px;
    }

    .preloader .circle {
        margin: 40px auto;
        position: relative;
        width: 8px;
        height: 8px;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: -14px 0px 0px #ffffff;
        border-radius: 50%;
        -webkit-animation: typing 1s linear infinite alternate;
        -moz-animation: Typing 1s linear infinite alternate;
        animation: typing 1s linear infinite alternate;
    }

@-webkit-keyframes circle_classic {
    0% {
        opacity: 0.1;
        -webkit-transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1.2);
    }
}

.preloader .typing_loader {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    margin: 46px auto; /* Not necessary- its only for layouting*/
    position: relative;
    left: -12px;
}

@-webkit-keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@-moz-keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@keyframes typing {
    0% {
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    25% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 24px 0px 0px 0px rgba(255,255,255,0.2);
    }

    75% {
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 24px 0px 0px 0px rgba(255,255,255,1);
    }
}

@-moz-keyframes circle_classic {
    0% {
        opacity: 0.1;
        -moz-transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        -moz-transform: rotate(360deg) scale(1.2);
    }
}

.alert {
    padding: 0.4rem;
}

    .alert.red {
        color: #cc5858;
    }

.page-not-found {
    background-image: url(/assets/images/dummy/404.png);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 70vh;
    position: relative;
    display: table;
}

    .page-not-found .wrapper {
        text-align: center;
        color: #FFF;
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
    }

        .page-not-found .wrapper h1,
        .page-not-found .wrapper h2 {
            font-size: 7.1rem;
            font-weight: 400;
        }

        .page-not-found .wrapper h2 {
            font-size: 1.5rem;
            line-height: 2rem;
            margin-bottom: 1.66666667rem;
        }

@keyframes circle_classic {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5);
    }

    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1.2);
    }
}

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

.contact .left-side {
    width: 30%;
    float: left;
}

.contact .right-side {
    width: 70%;
    float: right;
}

.contact .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .contact .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

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

.corporate .left-side {
    width: 50%;
    float: left;
}

.corporate .right-side {
    width: 50%;
    float: right;
}

.corporate .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .corporate .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

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

.dealership .left-side {
    width: 50%;
    float: left;
}

.dealership .right-side {
    width: 50%;
    float: right;
}

.dealership .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .dealership .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

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

.specialOrder .left-side {
    width: 50%;
    float: left;
}

.specialOrder .right-side {
    width: 50%;
    float: right;
}

.specialOrder .address {
    padding: 0.41666667rem 3.33333333rem 1.66666667rem 0rem;
}

    .specialOrder .address p {
        margin-bottom: 1.25rem;
        font-size: 1.26666667rem;
        line-height: 1.83333333rem;
    }

.btn.non-stock {
    width: 21rem !important;
}

.col-d-20, .col-t-20, .col-m-20 {
    width: 20% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-d-25, .col-t-25, .col-m-25 {
    width: 25% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-d-33, .col-t-33, .col-m-33 {
    width: 33.333% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.col-d-30 {
    width: 35% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

col-d-40, .col-t-40, .col-m-40 {
    width: auto;
    max-width: 40%;
    float: left !important;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.col-d-50, .col-t-50, .col-m-50 {
    width: 50% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-d-75, .col-t-75, .col-m-75 {
    width: 75% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-d-70, .col-t-70, .col-m-70 {
    width: 70% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.col-d-60, .col-t-60, .col-m-60 {
    width: 60% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.col-d-80, .col-t-80, .col-m-80 {
    width: 80% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.col-d-100, .col-t-100, .col-m-100 {
    width: 100% !important;
    float: left !important;
    padding: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.main-grid:after {
    content: "";
    display: table;
    clear: both;
}

.main-grid img {
    background-size: cover;
    height: auto;
}

.border-top-1 {
    border-top: 2px solid #ccc;
}

.border-bottom-1 {
    border-bottom: 2px solid #ccc;
}

.social {
    padding: 1% 10px 1% 10px;
    display: inline-block;
    width: 100%;
}

.social-main {
}

.social-left {
    margin-top: 5px;
    display: inline-block;
    float: left;
}

.social-right {
    margin-top: 5px;
    float: right;
    display: inline-block;
}

.social-picture {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 2%;
    display: inline-block;
}

    .social-picture img {
        float: right;
    }

    header .header-logo img {
        margin-left: 10%;
    }

.lightSlider li div.title {
    position: relative;
    top: 200px;
    color: #333;
    left: 50px;
    text-align: left;
    font-size: 3rem;
    font-weight: bold;
}

#product-sizeSelectBoxIt {
    height: 55px;
    text-align: center;
    box-shadow: 1px 1px 3px gray;
}

#product-sizeSelectBoxItText {
    line-height: 50px;
}

#product-sizeSelectBoxItContainer {
    width: 100%;
    float: left;
}

/*#product-sizeSelectBoxItOptions {
    max-width: 251px;
}*/

.captchaWrap {
    margin-bottom: 0 !important;
}

.captchaContainer a {
    border-bottom: 1px solid #888;
    color: #888;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.3em;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .captchaContainer a:hover {
        color: #f22613;
        border-color: #f22613;
    }

#CaptchaInputText {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    color: #000;
    background-image: none;
    border: 1px solid #dcdcdc;
    margin-top: 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.captchaSection span.field-validation-error {
    color: #f22613;
}

/*.cart-product-image img {
    width: 3.8rem !important;
}*/
.stock-overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: bolder;
    opacity: 0.8;
    background-color: #ffffff;
    height: 100%;
}

    /*.stock-overlay .vref {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    overflow: hidden;
}*/

    .stock-overlay a {
        display: inline-block;
        padding: 60% 10px;
        vertical-align: middle;
        min-width: 95%;
        min-height: 100%;
    }

.tooltip-custom {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-custom .tooltip-text {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip-custom:hover .tooltip-text {
        visibility: visible;
    }

/* Shared */
.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 18px;
    color: #FFF;
}

    .loginBtn:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 100%;
    }

    .loginBtn:focus {
        outline: none;
    }

    .loginBtn:active {
        box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
    }


/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}

    .loginBtn--facebook:before {
        border-right: #364e92 1px solid;
        background: url(/assets/images/icon_facebook.png) 6px 6px no-repeat;
    }

    .loginBtn--facebook:hover,
    .loginBtn--facebook:focus {
        background-color: #5B7BD5;
        background-image: linear-gradient(#5B7BD5, #4864B1);
    }


/* Google */
.loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
}

    .loginBtn--google:before {
        border-right: #BB3F30 1px solid;
        background: url(/assets/images/google-plus-icon.png) 6px 6px no-repeat;
    }

    .loginBtn--google:hover,
    .loginBtn--google:focus {
        background: #E74B37;
    }

#nav {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    height: 0;
    transform: translateY(-50%);
    z-index: 9;
    position: absolute;
    top: 0;
}

    #nav li {
        float: left;
        line-height: 1px;
        position: relative;
        margin: 0rem 1rem 0rem 1rem;
        letter-spacing: .11em;
        margin: 0rem;
    }

        #nav li:hover {
            background-color: red;
        }

            #nav li:hover .head-content {
                color: #fff;
            }

        #nav li.active {
            background-color: red;
        }

            #nav li.active a {
                color: #fff;
            }

    #nav a {
        display: inline-block;
        padding: 10px;
        display: inline-block;
        font-size: 15px;
        padding: 25px 16px;
        color: rgba(255,255,255,.8);
        text-transform: uppercase;
        font-weight: bold;
    }

        #nav a.menu {
            padding: 23px 16px;
        }

    #nav ul {
        position: absolute;
        /*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
        left: -9999px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #nav ul li {
            display: block;
        }

    #nav li:hover ul {
        left: 0;
    }

        #nav li:hover ul#sub-menu {
            display: block;
        }

    #nav ul#sub-menu {
        position: absolute;
        left: 0;
        right: 0;
        height: 400px;
        width: 1280px;
        background: #f7272f;
        box-sizing: border-box;
        padding: 30px 0;
        display: none;
    }

    /*#nav li.parent:hover a {
    background: #f7272f;
}*/

    #nav li:hover ul a {
        text-decoration: none;
        background: none;
    }

        #nav li:hover ul a:hover {
            text-decoration: underline;
        }

    #nav li ul#sub-menu li {
        background: #f7272f;
    }

    #nav ul a {
        white-space: nowrap;
        display: block;
    }

    #nav a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

        #nav a:hover {
            text-decoration: none;
        }

        #nav a.head-content.menu .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 2px solid #e4e4e4;
}

    .dropdown-content a {
        float: none;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
        text-align: left;
        line-height: 15px;
    }

        .dropdown-content a:hover {
            background-color: red !important;
            color: #fff !important;
        }

        /*.parent:hover .dropdown-content {
    display: block;
}*/

        .dropdown-content a:not(:last-child) {
            border-bottom: 1px solid #000;
        }

.custom-section-title {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 1.3rem 0rem 1.3rem 10%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.icon-button {
    background-color: #e4e4e4;
    border-radius: 2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    height: 2.6rem;
    line-height: 2.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.6rem;
}

    /* Circle */
    .icon-button span {
        border-radius: 0;
        display: block;
        height: 0;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 0;
    }

    .icon-button:hover span {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 2.6rem;
        margin: -1.3rem;
    }

    /* Icons */
    .icon-button i {
        background: none;
        color: white;
        height: 2.6rem;
        left: 0;
        line-height: 2.6rem;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        width: 2.6rem;
        z-index: 10;
    }





.twitter span {
    background-color: #4099ff;
}

.facebook span {
    background-color: #3B5998;
}

.google-plus span {
    background-color: #db5a3c;
}

.tumblr span {
    background-color: #34526f;
}

.instagram span {
    background-color: #517fa4;
}

.youtube span {
    background-color: #bb0000;
}

.pinterest span {
    background-color: #cb2027;
}



.icon-button .icon-twitter {
    color: #4099ff;
}

.icon-button .icon-facebook {
    color: #3B5998;
}

.icon-button .fa-tumblr {
    color: #34526f;
}

.icon-button .icon-google-plus {
    color: #db5a3c;
}

.icon-button .fa-instagram {
    color: #517fa4;
}

.icon-button .fa-youtube {
    color: #bb0000;
}

.icon-button .fa-pinterest {
    color: #cb2027;
}




.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest {
    color: white;
}

.fit-screen {
    min-width: 100% !important;
    width: 100% !important;
    object-fit: fill;
    top: 0px;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

    .owl-theme .owl-controls .owl-page span {
        background: none repeat scroll 0 0 #869791;
        border-radius: 20px;
        display: block;
        height: 12px;
        margin: 5px 7px;
        opacity: 0.5;
        width: 12px;
    }

.divider {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.full-border {
    border: 1px solid #ccc;
}

.pt-20 {
    padding-top: 20px;
}

.pl-10percent {
    padding-left: 10%;
}

.suit {
    padding: 50px 2% 5% 2%;
}

.btn-products {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.btn-products.related {
    padding: 0 !important;
    font-size: 0.79rem;
}

.long-arrow-right::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: #fff;
    transform: rotate(-45deg) translate(4.7px, 1px);
    left: 0;
    top: 0;
}

.long-arrow-right {
    margin-top: 2px;
    margin-right: 5px;
    transform: rotate(135deg);
    float: right;
}

.long-arrow-right {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.btn-products:hover .long-arrow-right {
    border-top: 2px solid #333;
    border-left: 2px solid #333;
}

    .btn-products:hover .long-arrow-right::after {
        background-color: #333;
    }

.footer-grey {
    background-color: #f3f3f3;
}

.all-products, .combine-content {
    background-color: #f6f6f6;
}

.related-products h4{
    text-align: center;
    display: block;
    padding-bottom: 10px;
    float: left;
    font-size: 13px;
    min-height: 45px;
    max-height: 20px;
    line-height: 1.4em;
}

.all-products h4 {
    text-align: center;
    display: block;
    padding-bottom: 10px;
    float: left;
    font-size: 13px;
    min-height: 45px;
    max-height: 20px;
    line-height: 1.4em;
}
.prod-info {
    position:relative;
}
.text-center {
    text-align: center;
}

.step-quantity {
    background-color: #fff;
}

    .step-quantity .sided {
        width: 100%;
        height: 45px !important;
    }

.wrap-quantity {
    padding: 0;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}


.inline-step .rsOverflow {
    border-color: #e4e4e4 !important;
    border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
}

.relation-product {
    overflow: auto;
    display: inline-block;
    width: 100%;
}

.related-products {
    padding: 5px;
    padding-top: 50px;
    padding-bottom: 45px;
}

.margin-0 {
    margin: 0 !important;
}



.owl-item.owl-video-playing .item-video {
    height: 335px
}
/*
.product-details-left {
    margin-top: 3.33333333rem;
}
*/
.product-details-left .accordion-button {
    display: block;
    font-size: 11px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 600;
    line-height: 1.66666667rem;
    padding: 0.58333333rem 0rem 0.58333333rem 0rem;
    letter-spacing: .11em;
}

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

.product-details-left .details-specs .accordion-element .accordion-button:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*content: '\e912';*/
}

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

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

.product-details-left .details-specs .accordion-element .accordion-button:before {
    margin-right: 0.83333333rem;
}

.product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0.83333333rem 0.83333333rem 0.83333333rem 0.83333333rem;
    font-size: 1.05833333rem;
    line-height: 1.83333333rem;
}

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

/*.container--tabs {
    margin-top: 5%;
}

    .container--tabs .nav-tabs {
        float: left;
        width: 100%;
        margin: 0;
        list-style-type: none;
        border-bottom: 1px solid #ddd;
    }

        .container--tabs .nav-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

            .container--tabs .nav-tabs > li > a {
                float: left;
                margin-right: 2px;
                line-height: 1.42857143;
                padding: 10px 40px 10px 40px;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
                background-color: #f6f6f6;
                color: #707070;
                cursor: pointer;
            }

                .container--tabs .nav-tabs > li > a:hover {
                    border-color: #eee #eee #ddd;
                }

            .container--tabs .nav-tabs > li.active > a,
            .container--tabs .nav-tabs > li.active > a:hover,
            .container--tabs .nav-tabs > li.active > a:focus {
                color: #555;
                cursor: default;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                background-color: #707070;
                color: #f6f6f6;
            }

    .container--tabs .tab-content {
        float: left;
        width: 100%;
        border: 1px solid #000;
    }

        .container--tabs .tab-content > .tab-pane {
            display: none;
            line-height: 1.5em;
        }

            .container--tabs .tab-content > .tab-pane.active {
                display: block;
                padding: 2.5% 3.5%;
            }

        .container--tabs .tab-content > .active {
            display: block;
            -moz-animation: fadein 1s;*/ /* Firefox */
            /*-webkit-animation: fadein 1s;*/ /* Safari and Chrome */
            /*-o-animation: fadein 1s;*/ /* Opera */
        /*}*/

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.textfield#customTextField {
    margin-top: 20%;
}

section .custom-section-title span:before,
main .custom-section-title span:before,
section .custom-section-title span:after,
main .custom-section-title span:after {
    position: absolute;
    display: block;
    width: 300vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0px;
    background-color: #e4e4e4;
}

.right,
.right {
    right: 0 !important;
    float: right !important;
}

.no-border {
    border: none !important;
}
    /* cart summary */
    #sepet-ozeti {
        margin-top: 0;
        font-size: 12px;
        right: 0;
        left: auto;
        width: 375px;
        padding: 0;
        display: block;
        left: auto;
        right: 0;
        position: absolute;
        top: 100%;
        z-index: 10000 !important;
        float: left;
        min-width: 160px;
        margin: 2px 0 0;
        list-style: none;
        text-align: left;
        background-color: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        background-clip: padding-box;
    }

    #sepet-ozeti-icerik {
        overflow: hidden;
        width: 100%;
        height: calc(100vh - 400px);
        max-height: calc(100vh - 400px);
    }

    #sepet-ozeti .product_row {
        position: relative;
        display: block;
        height: 167px;
        color: #000;
        background: #fff;
        padding: 0;
    }

        #sepet-ozeti .product_row .urun-resim {
            width: 87px;
            height: 120px;
            border: 1px solid #e3e3e3;
            float: left !important;
        }

    .product_row img.urun-resim-link {
        width: 85px;
        height: 118px;
    }

    #sepet-ozeti .product_row .urun-fiyat {
        padding-left: 10px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        float: left !important;
        line-height: 18px;
        min-width: 85px;
    }

        #sepet-ozeti .product_row .urun-fiyat .linethrough {
            margin-left: 5px;
            font-size: 14px;
            font-weight: 400;
        }

    .linethrough {
        text-decoration: line-through;
    }

    #sepet-ozeti .product_row .urun-bilgi {
        width: 183px;
        padding-left: 24px;
        float: left !important;
        line-height: 1.5rem;
    }

        #sepet-ozeti .product_row .urun-bilgi.alignment-left * {
            font-size: 10px;
        }

    #sepet-ozeti .product_row .urun-sil {
        position: absolute;
        cursor: pointer;
        right: 15px;
        top: -2px;
    }

    .icontype {
        position: relative;
        top: 1px;
        display: inline-block;
        line-height: 1;
    }

    #sepet-ozeti .fiyat-section {
        height: 55px;
        list-style: none;
        text-align: left;
    }

        #sepet-ozeti .fiyat-section .fiyat-container {
            display: inline-block;
            width: 100%;
            padding: 7px 10px 0 10px;
            list-style: none;
            text-align: left;
        }

            #sepet-ozeti .fiyat-section .fiyat-container .cart-total {
                font-size: 18px;
                font-weight: 700;
                list-style: none;
                text-align: left;
            }

                #sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-left {
                    float: left !important;
                    list-style: none;
                    text-align: left;
                    line-height: 18px;
                }

                #sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-right {
                    float: right !important;
                    list-style: none;
                    text-align: left;
                    line-height: 18px;
                }

    #sepet-ozeti .odeme-adimi {
        border-bottom: 1px solid #e3e3e3;
        padding-top: 10px;
        height: 65px;
    }

    #sepet-ozeti .alisveris-devam {
        line-height: 1.5rem !important;
        margin: 0 !important;
        margin-right: 15px !important;
        float: left !important;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 0;
        border-color: transparent;
        background-color: transparent;
        box-shadow: none;
        color: black;
        border-radius: 0;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .sepetozeti .odeme-adimi .hizli-al {
        margin-right: 10px;
        height: 43px;
        min-width: 90px;
        float: right !important;
        padding: 10px 16px;
        font-size: 16px;
        line-height: 1.3333333;
        border-radius: 0;
        color: #eee;
        background-color: black;
        border-color: black;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .sepetozeti .odeme-adimi .delete-cartSummary {
        margin: 0 !important;
        padding: 5px !important;
        line-height: 2.25rem !important;
        float: left !important;
        margin-right: 10px;
        height: 43px;
        min-width: 90px;
        color: #eee;
        background-color: black;
        border-color: black;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* cart summary */
    .icon-cross.alisveris-devam {
        padding: 1%;
        left: 100%;
        position: absolute;
        z-index: 999;
        margin: -13px;
        border-radius: 50px 50px 50px 50px;
        background-color: floralwhite;
    }
    /* logo */
    .footer-logo img {
        width: 60%;
        margin-left: 5px;
    }
    /* top menu*/
    header #topmenu .topmenu .menu-section ul li a {
        font-size: 11px;
    }

    header #topmenu .topmenu .menu-section.topmenu-section .section-col .group {
        padding-right: 0;
    }

    header #topmenu .topmenu .menu-section.topmenu-section .section-col {
        margin: 10px;
    }
    /* footer */
    .footer-group ul li a:hover {
        text-decoration: underline
    }

    .error {
        color: red;
        font-weight: bold;
    }

    .footer-menu .valid {
        color: green;
        font-weight: bold;
    }
    /* product list */
    .breadcrumb-list {
        padding-left: 10px;
    }

    section.listing .listing-list li .ribbon img, main.listing .listing-list li .ribbon img {
        width: 15%;
        left: 10% !important;
    }

    .choose-btn, .all-btn {
        background-color: lightgrey;
        border: unset;
        color: black;
    }

    .all-btn {
        float: right;
        margin-right: 0;
    }
    /* product main */
/*    .store-stock-btn {
        width: 100%;
    }*/

    .product-slider .rsBullets {
        display: none;
    }

    .numberbox.sided .numberbox-button.number-decrease {
        left: -1px;
        right: auto;
    }
    /*input[type="radio"], input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }*/

    .textfield .description div.attr {
        margin-top: 1px;
        margin-bottom: 0px;
    }

    .ribbon {
        position: initial;
        display: inline-block;
        font-weight: 600;
        font-size: 0.75rem;
        letter-spacing: .10em;
        top: 3%;
        left: 3.5%;
        z-index: 10;
        /* background-color: #b09c6a; */
        line-height: 1.33333333rem;
        padding: 0.25rem 0.58333333rem 0.08333333rem 0.58333333rem;
        color: #FFF;
    }

    button.disabled:disabled {
        color: white;
        border: 1px solid graytext;
        background-color: graytext;
    }

    #rslide.unknown1.unknown2 {
        display: none;
    }
    /* cart index */

    .js-add-discount-coupon-btn,
    js-remove-discount-coupon-btn {
        width: 5.91666667rem !important;
        position: absolute !important;
        top: 1px;
        right: 1px;
        padding: 0;
        cursor: pointer;
        display: inline-block;
        border: 1px solid #333;
        background-color: #333;
        text-align: center;
        position: relative;
        color: #FFF;
        font-weight: 700;
        font-size: 0.83333333rem;
        letter-spacing: .180em;
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
        line-height: 1.5rem;
        /*-webkit-transition: background-color 200ms ease 0ms;
        transition: background-color 200ms ease 0ms;*/
    }

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

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

    .product .description {
        line-height: 1.03333333rem;
    }

    main.basket .basket-content #basket-list .row .column.product .description .prefix {
        white-space: normal;
    }

    #product-sizeSelectBoxItContainer {
        padding: 0
    }
    /*#product-sizeSelectBoxItOptions {
    min-width: 207px;
}*/


    .section-bg-image {
        width: inherit;
        padding: 0;
        z-index: -1;
        position: absolute;
    }

    .no-padding {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .no-margin {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .top-menu-closer {
        font-size: 20px !important;
        position: fixed;
        right: 2%;
    }

    .wrap.cellphone span.field-validation-error, .inputwrap.cellphone span.field-validation-error {
        bottom: -2rem;
    }


    .no-padding_bottom {
        padding-bottom: 0;
    }

    .gallery-mainform {
        position: relative;
        /*height: 13rem;*/
        /*background-color: #f6f6f6;*/
        margin-top: .5em;
    }

    @media screen and (max-width:1440px) {
        ul.currency-ul {
            width: 100% !important;
            text-align: right;
        }

            ul.currency-ul li:nth-child(1) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(2) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(3) {
                width: 48% !important;
                float: left;
                font-size: 10px !important;
            }
    }

    @media screen and (min-width: 1440px) {
        ul.currency-ul {
            width: 100% !important;
            text-align: right;
        }

            ul.currency-ul li:nth-child(1) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(2) {
                width: 25% !important;
                float: left;
                font-size: 10px !important;
            }

            ul.currency-ul li:nth-child(3) {
                width: 48% !important;
                float: left;
                font-size: 10px !important;
            }

        .search-bar {
            top: 29% !important;
        }

        .wrapper {
            max-width: 83%;
        }

        .header-logo.left {
            left: 7.5% !important;
        }

        .search-bar {
            z-index: 0 !important;
            width: 24% !important;
            top: 2.5% !important;
            right: 44% !important;
        }

        #mini .search-bar {
            z-index: 9999 !important;
            width: 27% !important;
            top: 10% !important;
            left: 25% !important;
        }

        header .menu-header > li.opened-search {
            right: 85%;
        }
    }

    @media screen and (min-width: 1903px) {

        body.blog .search-bar {
            width: 20% !important;
        }
    }

    @media screen and (min-width: 2512px) {

        body.blog .search-bar {
            width: 17% !important;
        }
    }

    @media screen and (min-width: 3312px) {

        body.blog .search-bar {
            width: 14% !important;
        }
    }

    @media screen and (max-width: 1439px) {
        header .header-logo {
            left: 9%;
        }

        .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 5% !important;
            right: 37% !important;
        }

        #mini .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 10% !important;
            left: 30% !important;
        }

        header .menu-header > li.opened-search {
            right: 80%;
        }

        header .menu-header > li:first-of-type .btn {
            width: 10rem;
        }
    }

    @media screen and (max-width: 1360px) {
        html {
            font-size: 14px;
        }
        /*body {
      background-image: url()
  }*/
        header .header-logo {
            left: 9%;
        }

        .search-bar {
            z-index: 9999;
            width: 25% !important;
            top: 3% !important;
            right: 40% !important;
        }

        #mini .search-bar {
            top: 10% !important;
        }

        header .menu-header > li.opened-search {
            right: 70%;
        }

        .slide .slider-content .title {
            font-size: 28px;
        }
    }

@media (max-width:1200px) {
    .listing-main li:not(.border) {
        
            padding-left:0px;
       
    }
}

    @media screen and (max-width: 1200px) {
        .btn-products {
            width: 100%;
            margin-bottom: 5%;
            float: left;
        }

        .header-menu {
            display: none;
        }

        header .header-logo img {
            margin-left: 0;
        }

        .wrapper {
            max-width: calc(100% - 40px);
        }

        header #header-content > .wrapper {
            max-width: 100%;
        }

        header .menu-header {
            display: none;
        }

        header #mobilenav {
            display: block;
            height:53px !important
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address .address-opts .opt {
            font-size: 0.93333333rem;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type {
            text-align: center;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type .radiowrap,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-type .radiowrap {
                display: inline-block;
                float: none;
            }

        section#login .login-left,
        main#login .login-left {
            right: 65%;
        }

        section#login .login-right,
        main#login .login-right {
            width: 65%;
        }

        #header-content .wrapper {
            min-height: 88px;
        }

        body#paymentPage input#category_code + div {
            padding-top: 83px !important;
        }

/*        body#productDetail input#category_code + div {
            padding-top: 130px !important;
        }*/

        body#cartDetail input#category_code + div {
            padding-top: 40px !important;
        }

        input#category_code + div.mini-proje-content {
            padding-top: 0px !important;
        }

        .search-bar {
            z-index: 9999 !important;
            width: 100% !important;
            top: 30% !important;
            left: 0 !important;
        }

        #mini .search-bar {
            z-index: 9999 !important;
            width: 100% !important;
            top: 100% !important;
            left: 0 !important;
        }

        header .header-logo {
            left: 50%;
            top: 50%;
        }

        .mini-proje-content {
            display: inline-block;
            width: 100%
        }


    }

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

        .search-bar {
            top: 29% !important;
        }
        /*for mini proje*/
        input#category_code + div.mini-proje-content {
            padding-top: 15px !important;
        }

        .slide .slider-content .title {
            font-size: 23px;
        }

        ul.currency-ul li:nth-child(1) {
            width: 25% !important;
            float: left;
            font-size: 8px !important;
        }

        ul.currency-ul li:nth-child(2) {
            width: 25% !important;
            float: left;
            font-size: 8px !important;
        }

        ul.currency-ul li:nth-child(3) {
            width: 48% !important;
            float: left;
            font-size: 7px !important;
        }
    }

    @media screen and (max-width: 992px) {
        .hidden-md {
            display: none;
        }

        .slider-related-products {
            height: 350px !important;
        }

        .main-product.royalSlider {
            height: 350px !important;
        }

        .btn-products.related {
            width: 48%;
            max-width: 100% !important;
            float: left !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            float: left;
            padding: 0 !important;
            font-size: 0.65rem;
            font-weight: 300;
            letter-spacing: .65px;
        }

        .col-tb-50 {
            text-align: center;
            position: relative;
            top: 15px;
            width: auto;
            max-width: 100% !important;
            float: left !important;
            -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
            padding: 10px;
            left: 15px;
        }
    }

    @media screen and (min-width: 961px) {
        section.listing .listing-filters .filterlist.fixed,
        main.listing .listing-filters .filterlist.fixed {
            position: relative;
            min-width: 18%;
            margin-top: -0.5%;
        }

        .prod-info.active .prod-title.active {
            min-height: 165px !important;
            position: absolute;
            z-index: 111;
            background-color: #707070;
            opacity: .7;
            line-height: 1.3em;
            padding-top: 10px !important;
            color: white;
        }

        .prod-info #zoomPlus {
            display: none;
        }

        .prod-info.active #zoomPlus {
            display: block;
            font-size: 32px !important;
            color: white;
            bottom: 5%;
            position: absolute;
            right: 40%;
        }


        .prod-info.active .discount-rating {
            top: 55px
        }
    }

    .prod-info.active .product-slider {
        margin-top: 45px !important;
    }

    .all-products .prod-info.active .prod-title.active {
        min-height: 235px !important;
        position: absolute;
        z-index: 111;
        background-color: #707070;
        opacity: .7;
        line-height: 2em;
        padding-top: 10px !important;
        color: white;
    }

    .all-products .prod-info #zoomPlus {
        display: none;
    }

    .all-products .prod-info.active #zoomPlus {
        display: block;
        font-size: 32px !important;
        color: white;
        bottom: 5%;
        position: absolute;
        right: 45%;
    }

    .all-products .prod-info.active .product-slider {
        margin-top: 45px !important;
    }

@media screen and (max-width: 960px) {
    .prod-info #zoomPlus, .all-products .prod-info #zoomPlus {
        display: none;
    }
    .fit-screen {
        min-width: 100% !important;
        width: 100% !important;
        object-fit: fill;
        top: 0px;
        min-height: 100% !important;
        height: 100% !important;
    }


    .third-related-product {
        padding-top:0 !important;
    }
    .img-owl {
        height: 100%;
        opacity: 1;
        min-height: 100%;
        object-fit: fill;
    }

    #btn-backtotop {
        z-index: 71;
    }

    .sliderelement.slider-main .owl-item.active .slide.type1 .image-left {
        bottom: 20%;
    }

    header #searchbar #searchbar-suggestions {
        margin-top: 0;
        padding: 1.66666667rem 1.66666667rem 0rem 1.66666667rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row {
            width: calc(33.333% - 20px);
            margin-right: 30px;
        }

    section.listing .listing-filters,
    main.listing .listing-filters {
        background-color: #FFF;
        overflow: auto;
        z-index: 70;
        width: 100%;
        float: none;
        position: absolute;
        left: 0;
        top: 4.16666667rem;
        bottom: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        -webkit-transition: transform 250ms ease, opacity 100ms ease 200ms;
        transition: transform 250ms ease, opacity 100ms ease 200ms;
    }


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

    section.listing .listing-list li .description,
    main.listing .listing-list li .description {
        margin: 0rem 0rem 0.83333333rem 0rem;
    }

    section.listing .listing-filters.active,
    main.listing .listing-filters.active section.listing .listing-filters.help,
    main.listing .listing-filters.help {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-transition: transform 250ms ease, opacity 100ms ease;
        transition: transform 250ms ease, opacity 100ms ease;
    }

    section.listing .listing-filters .filterlist,
    main.listing .listing-filters .filterlist {
        margin: 0;
    }

    section.listing .listing-main,
    main.listing .listing-main {
        width: auto;
        float: none;
    }

        main.listing .listing-main .listing-head {
            height: auto;
        }

            section.listing .listing-main .listing-head .listing-filter,
            main.listing .listing-main .listing-head .listing-filter {
                display: inline-block;
            }

    section.listing .listing-pagination.mobile,
    main.listing .listing-pagination.mobile {
        display: block;
    }

    section.listing .listing-pagination.desktop,
    main.listing .listing-pagination.desktop {
        display: none;
    }

    section.basket .basket-content,
    main.basket .basket-content {
        padding-right: 0;
    }

    section.basket .basket-sum,
    main.basket .basket-sum {
        padding-left: 0;
    }

    section#account .account-nav,
    main#account .account-nav {
        display: none;
    }

    section#account .account-content,
    main#account .account-content {
        width: auto;
        float: none;
    }

    body#productDetail .account-content {
        width: auto;
        float: none;
    }

    body#cartDetail .account-content {
        width: auto;
        float: none;
    }

    body#cartDetail .account-content {
        width: auto;
        float: none;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
        width: 6.66666667rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
        width: 7.91666667rem;
    }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
        width: 10rem;
    }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
            width: 100%;
        }

    section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
    main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
        width: calc(100% - 26.666666666666668rem);
    }

    section#checkout .bgfix,
    main#checkout .bgfix {
        display: none;
    }

    section#checkout header #header-content nav,
    main#checkout header #header-content nav,
    section#checkout .checkout-steps,
    main#checkout .checkout-steps {
        width: 640px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    section#checkout #checkout-opts,
    main#checkout #checkout-opts {
        float: none;
        width: auto;
        min-height: 0;
        padding: 0;
    }

        section#checkout #checkout-opts .checkout-opt,
        main#checkout #checkout-opts .checkout-opt {
            width: 640px;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

    section#checkout #checkout-sum,
    main#checkout #checkout-sum {
        position: static;
        width: 640px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
        border-top: 2px solid #e4e4e4;
        padding: 1.66666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
        min-height: 0;
        margin-bottom: 1.66666667rem;
    }

    section.product-info .product-gallery,
    main.product-info .product-gallery {
        float: none;
        width: 640px;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        padding-top: 0;
    }

    section.product-info .product-details,
    main.product-info .product-details {
        float: none;
        width: auto;
        margin-right: 0;
    }

    section.product-complementary .divided.q2,
    main.product-complementary .divided.q2 {
        margin-bottom: 3.75rem;
    }

        section.product-complementary .divided.q2:last-child,
        main.product-complementary .divided.q2:last-child {
            margin-bottom: 0;
        }

    .divided.q1,
    .divided.q2,
    .divided.q3 {
        width: 100%;
    }

    .radiowrap {
        margin-right: 1.25rem;
    }

    .help-title {
        text-align: center;
    }

    .listing-filters.help {
        position: relative !important;
        text-align: center;
        margin: 0 auto;
        width: auto !important;
        top: -1.66666667rem !important;
    }

        .listing-filters.help ul {
            width: 300px !important;
            margin: 0 auto !important;
        }

        .listing-filters.help .arrow {
            display: block !important;
            position: absolute;
            top: 20px;
            min-width: 290px;
            text-align: right;
            z-index: -1;
        }

        .listing-filters.help .filterlist .group ul {
            border: none !important;
        }

            .listing-filters.help .filterlist .group ul li {
                padding: 0 !important;
            }

                .listing-filters.help .filterlist .group ul li a {
                    padding: 0.41666667rem 0.83333333rem 0.41666667rem 0.83333333rem;
                    min-width: 300px;
                    display: inline-block;
                    border: 1px solid #e4e4e4;
                    display: none;
                    margin-bottom: 3px;
                }

                    .listing-filters.help .filterlist .group ul li a.expanded {
                        display: block;
                    }

                .listing-filters.help .filterlist .group ul li:before {
                    display: none !important;
                }

            .listing-filters.help .filterlist .group ul .arrow .icon-angle-up {
                display: none;
            }

            .listing-filters.help .filterlist .group ul.open li a {
                display: block;
            }

            .listing-filters.help .filterlist .group ul.open .arrow .icon-angle-up {
                display: inline;
            }

            .listing-filters.help .filterlist .group ul.open .arrow .icon-angle-down {
                display: none;
            }

    .contact .left-side,
    .contact .right-side {
        width: 100%;
    }

    .corporate .left-side,
    .corporate .right-side {
        width: 100%;
    }

    .dealership .left-side,
    .dealership .right-side {
        width: 100%;
    }

    .specialOrder .left-side,
    .specialOrder .right-side {
        width: 100%;
    }

    #header-content .wrapper {
        min-height: 88px;
    }


    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 18% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    .bottom_line {
        font-size: 20px;
    }
}

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

    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
    footer #footer-specs .spec:nth-of-type(2n+2):after {
        content: "\A";
        white-space: pre;
    }

    .modal.sizechart.show .modal-element .modal-close {
        top: 2.5rem;
        right: 3.75rem;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-head {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-body {
        margin-right: 0;
        width: 43%;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table {
        font-size: 0.89166667rem;
    }

    .modal.sizechart.show .modal-element .modal-content .wrapper {
        padding-left: 1.66666667rem;
        padding-right: 1.66666667rem;
    }

    #header-content .wrapper {
        min-height: 88px;
    }

    body#productDetail input#category_code + div {
        padding-top: 130px !important;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 30% !important;
        left: 0 !important;
    }
    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        width: auto;
        padding: 1.66666667rem 2.08333333rem 1.66666667rem 2.08333333rem;
    }

        section.lookbook-head .head-title .outerwrap,
        main.lookbook-head .head-title .outerwrap {
            padding-bottom: 0;
            height: auto;
        }

            section.lookbook-head .head-title .outerwrap .innerwrap,
            main.lookbook-head .head-title .outerwrap .innerwrap {
                position: static;
            }

        section.lookbook-head .head-title .textarea,
        main.lookbook-head .head-title .textarea {
            position: static;
            font-size: 1.26666667rem;
            line-height: 1.5rem;
        }

    #header-content .wrapper {
        min-height: 88px;
    }

    body#productDetail input#category_code + div {
        padding-top: 120px !important;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 18% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
}


@media screen and (max-width: 768px) {
    ul.currency-ul li:nth-child(1) {
        width: 25% !important;
        float: left;
    }

    ul.currency-ul li:nth-child(2) {
        width: 25% !important;
        float: left;
    }

    ul.currency-ul li:nth-child(3) {
        width: 48% !important;
        float: left;
    }
    ul.currency-ul {
        width: 100% !important;
        text-align: right;
    }
    .mobile-header-nav {
        top: 130px;
    }
    .slide .slider-content .title {
        font-size: 17px;
    }

    .pin-container .numberbox {
        width: 5.733333rem !important;
        border-right: none;
    }
        .pin-container .numberbox .numberbox-button {
            right: 0px !important;
        }
        .pin-container .numberbox.sided input {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important;
        }
        .pin-container .numberbox.sided .numberbox-button {
            width: 1.5rem !important;
            font-size: 0.66rem;
        }
    .slider-related-products {
        height: 350px !important;
    }
    .owl-carousel .owl-item.active.center .owl-video-wrapper {
        height: 76% !important;
        margin-top: 20%;
    }
    .owl-carousel .owl-video-wrapper {
        height: 70% !important;
    }
    .related-products{
        float:left !important;
        margin:0 !important;
    }
    .hidden-xs {
        display: none;
    }
    .full-width-mobile {
        width: 100% !important;
    }
    .js-mobile-toggler a {
        display: block;
        float: right;
        font-size: 27px;
        margin: 0 3px;
        border: 1px solid;
        border-radius: 10px;
    }

    .js-mobile-toggler {
        display: block;
    }

    section.breadcrumb {
        margin-top: 16px;
    }

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

    .address-form .w50, .address-form .w33 {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .footer-menu {
        display: none;
    }

    footer .footer-menu-mobile {
        display: block;
    }

    header #searchbar #searchbar-close {
        top: 1.33333333rem;
        right: 1.66666667rem;
    }

    header #searchbar #searchbar-container {
        padding-top: 4.83333333rem;
        padding-bottom: 2.08333333rem;
    }

        header #searchbar #searchbar-container .icon {
            line-height: 3rem;
            font-size: 2.43333333rem;
            width: 3rem;
        }

        header #searchbar #searchbar-container #searchbar-text {
            line-height: 3rem;
            height: 3rem;
            font-size: 2.1rem;
            width: calc(100% - 3rem);
        }

    header #searchbar #searchbar-suggestions {
        top: 9.91666667rem;
    }

        header #searchbar #searchbar-suggestions .suggestion-row,
        header #searchbar #searchbar-suggestions .suggestion-row:last-of-type {
            float: none;
            width: auto;
            margin-right: 0;
            width: 30rem;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 1.66666667rem;
            max-width: 100%;
        }

            header #searchbar #searchbar-suggestions .suggestion-row .suggestion-listing .product:last-child,
            header #searchbar #searchbar-suggestions .suggestion-row:last-of-type .suggestion-listing .product:last-child {
                border-bottom: none;
            }

    .slider-container#mainslider {
        padding-top: 0;
    }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 29% !important;
        left: 0 !important;
    }

    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }
    section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
    main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap {
        padding: 0 5%;
    }

    section.listing .listing-filters,
    main.listing .listing-filters {
        top: 5rem;
    }

    section.listing .listing-main .listing-head .listing-filter,
    main.listing .listing-main .listing-head .listing-filter {
        clear: left;
    }

    section#account .account-content .content-list.favorites .list-row,
    main#account .account-content .content-list.favorites .list-row {
        position: relative;
        padding-bottom: 0.83333333rem;
    }

        section#account .account-content .content-list.favorites .list-row.head,
        main#account .account-content .content-list.favorites .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-product,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-product {
            width: 100%;
            padding-bottom: 0.5rem;
        }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete {
            position: absolute;
            top: 0;
            right: 0;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-delete .deletebutton {
                margin: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-price,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-price {
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            line-height: 1.66666667rem;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-price .price {
                margin-top: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock {
            padding: 0.83333333rem 0rem 0.83333333rem 0rem;
            line-height: 1.66666667rem;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-stock .stock {
                margin-top: 0;
            }

        section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol,
        main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol {
            padding: 0;
            float: right;
        }

            section#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn,
            main#account .account-content .content-list.favorites .list-row .list-column.favorite-cartcontrol .btn {
                margin-top: 0;
            }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
        width: 10rem;
    }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
        width: 10.66666667rem;
        position: absolute;
        top: 0;
        right: 3.33333333rem;
        bottom: 0;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit .btn,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit .btn {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
        width: calc(100% - 24.416666666666668rem);
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code {
        width: 8.33333333rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
        width: 5rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end {
        width: 7.91666667rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start {
        width: 10.41666667rem;
    }

    section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
    main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
        padding-right: 0.83333333rem;
        width: calc(100% - 32.5rem);
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-status,
    main#account .account-content .content-list.messages .list-row .list-column.message-status {
        width: 7.08333333rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-date,
    main#account .account-content .content-list.messages .list-row .list-column.message-date {
        width: 10rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-code,
    main#account .account-content .content-list.messages .list-row .list-column.message-code {
        width: 9.16666667rem;
    }

    section#account .account-content .content-list.messages .list-row .list-column.message-subject,
    main#account .account-content .content-list.messages .list-row .list-column.message-subject {
        width: calc(100% - 26.25rem);
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-message,
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 6.66666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total {
        width: 7.08333333rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status {
        width: 7.16666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date {
        width: 7.66666667rem;
    }

    section#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-title {
        width: calc(90% - 34.583333333333336rem);
    }

    section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus,
    main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus {
        text-align: center;
    }

        section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .btn,
        main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .btn {
            float: none;
        }

        section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status,
        main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status {
            display: block;
            padding: 0;
            text-align: center;
            margin-bottom: 0.66666667rem;
        }

            section#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon,
            main#account .account-content.orderinfo .orderinfo-details .row.deliverystatus .status .icon {
                vertical-align: middle;
                position: static;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

    section#account .account-content.orderinfo .orderinfo-details .row .column.big,
    main#account .account-content.orderinfo .orderinfo-details .row .column.big,
    section#account .account-content.orderinfo .orderinfo-details .row .column.small,
    main#account .account-content.orderinfo .orderinfo-details .row .column.small {
        width: 100%;
    }

    section#account .account-content.orderinfo .orderinfo-details .row .column .regular.mobold,
    main#account .account-content.orderinfo .orderinfo-details .row .column .regular.mobold {
        font-weight: 700;
    }

    section#account .account-content.orderinfo .orderinfo-details .row .column .regular.modemi,
    main#account .account-content.orderinfo .orderinfo-details .row .column .regular.modemi {
        font-weight: 600;
    }

    section#login .login-left,
    main#login .login-left {
        bottom: auto;
        left: auto;
        right: auto;
        position: relative;
        height: 100%;
        margin-top: 5%;
    }

    section#login .login-right,
    main#login .login-right {
        width: 100%;
        min-height: auto;
    }

        section#login .login-right .login-content,
        main#login .login-right .login-content {
            max-width: calc(100% - 40px);
            margin-top: 20px;
        }

            section#login .login-right .login-content .loginform,
            main#login .login-right .login-content .loginform {
                min-height: auto;
            }

                section#login .login-right .login-content .loginform.form-login,
                main#login .login-right .login-content .loginform.form-login {
                    padding-top: 0;
                }

    .wrapper {
        max-width: calc(100% - 20px);
    }

    .sliderelement.slider-main .owl-item.active .slide.type1 .image-left {
        bottom: 21.5%;
    }

    .sliderelement.slider-main .owl-item .slide.type1 .slide-text span {
        font-size: 0.93333333rem;
    }

    .textfield .description * {
        font-size: 1.01666667rem;
        line-height: 1.16666667rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
        width: 50%;
        padding-right: 0;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
        width: 100%;
        clear: both;
    }

    .listing-mini.highlow.triple {
        width: 75%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

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

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

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

    .listing-mini.brandscarousel {
        margin-right: -0.41666667rem;
        margin-left: -0.41666667rem;
        width: calc(100% + 0.8333333333333334rem);
    }

        .listing-mini.brandscarousel .slide {
            margin: 0rem 0.41666667rem 1.75rem 0.41666667rem;
        }

    .modal.new-message .w50 {
        width: 100%;
    }

    .modal.new-message .modal-element {
        padding-bottom: 43.33333333rem;
    }

    .contact .content-form .content-form-left,
    .contact .content-form .content-form-right {
        width: 100%;
    }

    .corporate .content-form .content-form-left,
    .corporate .content-form .content-form-right {
        width: 100%;
    }

    .dealership .content-form .content-form-left,
    .dealership .content-form .content-form-right {
        width: 100%;
    }

    .specialOrder .content-form .content-form-left,
    .specialOrder .content-form .content-form-right {
        width: 100%;
    }
    section.basket .basket-content #basket-list .row .checkwrap,
    main.basket .basket-content #basket-list .row .checkwrap {
        padding-left:5px;
    }
}

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

    .slide .slider-content .title {
        font-size: 13px;
    }
    .slider-related-products {
        height: 350px !important;
    }
    .main-product.royalSlider {
        height: 350px !important;
    }
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .search-bar {
        z-index: 999 !important;
        width: 100% !important;
        top: 29% !important;
        left: 0 !important;
    }
    #mini .search-bar {
        z-index: 9999 !important;
        top: 100% !important;
    }

    body#productDetail input#category_code + div {
        padding-top: 20px !important;
    }

    /*.slider-container#mainslider {
        padding-top: 25px;
    }*/

    section.lookbook-head .head-image,
    main.lookbook-head .head-image {
        width: auto;
        margin-bottom: 0.83333333rem;
    }

    section.lookbook-head .head-title,
    main.lookbook-head .head-title {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 480px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0rem 0rem 0rem 0rem;
        border: none;
    }

    section.lookbook-listing.triple-scatter .lookbook-items,
    main.lookbook-listing.triple-scatter .lookbook-items {
        position: static;
    }

    section.lookbook-listing.triple-scatter .listing-row.left,
    main.lookbook-listing.triple-scatter .listing-row.left,
    section.lookbook-listing.triple-scatter .listing-row.right,
    main.lookbook-listing.triple-scatter .listing-row.right {
        float: none;
    }

        section.lookbook-listing.triple-scatter .listing-row.left.narrow,
        main.lookbook-listing.triple-scatter .listing-row.left.narrow,
        section.lookbook-listing.triple-scatter .listing-row.right.narrow,
        main.lookbook-listing.triple-scatter .listing-row.right.narrow {
            margin: 0 auto;
        }

    section.lookbook-listing.triple-scatter .listing-row.wide,
    main.lookbook-listing.triple-scatter .listing-row.wide,
    section.lookbook-listing.triple-scatter .listing-row.narrow,
    main.lookbook-listing.triple-scatter .listing-row.narrow {
        width: 80%;
        margin: 0 auto;
    }

        section.lookbook-listing.triple-scatter .listing-row.wide .textfield,
        main.lookbook-listing.triple-scatter .listing-row.wide .textfield,
        section.lookbook-listing.triple-scatter .listing-row.narrow .textfield,
        main.lookbook-listing.triple-scatter .listing-row.narrow .textfield {
            margin-bottom: 10%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap {
                padding-bottom: 0;
                height: auto;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .textfield .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .textfield .outerwrap .innerwrap {
                    position: static;
                }

        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap,
        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big,
        section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small,
        main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small,
        section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small,
        main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small {
            margin-bottom: 10%;
        }

            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap,
            section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap,
            main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap {
                padding-bottom: 0;
            }

                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.big .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.big .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.wide .imagewrap.small .outerwrap .innerwrap,
                section.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap .innerwrap,
                main.lookbook-listing.triple-scatter .listing-row.narrow .imagewrap.small .outerwrap .innerwrap {
                    position: relative;
                }

    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap:last-child,
    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.big:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.big:last-child,
    section.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.small:last-child,
    main.lookbook-listing.triple-scatter .listing-row:last-child .imagewrap.small:last-child {
        margin-bottom: 0;
    }

    section.lookbook-listing.carousel .sliderelement,
    main.lookbook-listing.carousel .sliderelement {
        margin-left: -0.83333333rem;
        width: calc(100% + 1.6666666666666667rem);
    }

        section.lookbook-listing.carousel .sliderelement .imagewrap,
        main.lookbook-listing.carousel .sliderelement .imagewrap {
            margin-left: 0.83333333rem;
            margin-right: 0.83333333rem;
        }

    section.lookbook-listing.bigsmall,
    main.lookbook-listing.bigsmall {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

        section.lookbook-listing.bigsmall .outerwrap,
        main.lookbook-listing.bigsmall .outerwrap {
            padding-bottom: 0;
        }

            section.lookbook-listing.bigsmall .outerwrap .innerwrap,
            main.lookbook-listing.bigsmall .outerwrap .innerwrap {
                position: static;
            }

        section.lookbook-listing.bigsmall .imagewrap,
        main.lookbook-listing.bigsmall .imagewrap,
        section.lookbook-listing.bigsmall .imagewrap.big,
        main.lookbook-listing.bigsmall .imagewrap.big,
        section.lookbook-listing.bigsmall .imagewrap.big.wide,
        main.lookbook-listing.bigsmall .imagewrap.big.wide {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            width: auto;
            position: relative;
            margin-bottom: 10%;
        }

            section.lookbook-listing.bigsmall .imagewrap:last-child,
            main.lookbook-listing.bigsmall .imagewrap:last-child,
            section.lookbook-listing.bigsmall .imagewrap.big:last-child,
            main.lookbook-listing.bigsmall .imagewrap.big:last-child,
            section.lookbook-listing.bigsmall .imagewrap.big.wide:last-child,
            main.lookbook-listing.bigsmall .imagewrap.big.wide:last-child {
                margin-bottom: 0;
            }

            section.lookbook-listing.bigsmall .imagewrap.right.outer,
            main.lookbook-listing.bigsmall .imagewrap.right.outer,
            section.lookbook-listing.bigsmall .imagewrap.left.outer,
            main.lookbook-listing.bigsmall .imagewrap.left.outer {
                right: auto;
                left: auto;
            }

    section.lookbook-listing.full,
    main.lookbook-listing.full {
        width: 80%;
        margin: 0 auto;
    }

        section.lookbook-listing.full .imagewrap,
        main.lookbook-listing.full .imagewrap {
            margin-bottom: 10%;
        }

    section.listing .listing-list li .product-image .product-controls .control,
    main.listing .listing-list li .product-image .product-controls .control {
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    }

        section.listing .listing-list li .product-image .product-controls .control:before,
        main.listing .listing-list li .product-image .product-controls .control:before {
            font-size: 1.43333333rem;
        }

        section.listing .listing-list li .product-image .product-controls .control span,
        main.listing .listing-list li .product-image .product-controls .control span {
            display: none;
        }

    section.listing .listing-list.triple li,
    main.listing .listing-list.triple li {
        width: calc(50% - 1.5rem);
    }
        
        main.listing .listing-list.triple li .outerwrap {
            padding-bottom: calc(70% + 7.25rem);
        }
        .product .description .prefix {
            height: 15px;
            font-size: .7666667rem;
            letter-spacing: .09em;
            font-weight: 600;
        }
        section.listing .listing-list.triple li .product-image,
        main.listing .listing-list.triple li .product-image {
            padding-bottom: 55%;
        }

        section.listing .listing-list.triple li.double,
        main.listing .listing-list.triple li.double {
            width: calc(100% - 1.5rem);
        }

    section.basket .basket-content #basket-list .row .column.data,
    main.basket .basket-content #basket-list .row .column.data {
        width: 5rem;
    }

    section.basket .basket-content #basket-list .row .column.remove,
    main.basket .basket-content #basket-list .row .column.remove {
        width: 5rem;
    }

    section.basket .basket-content #basket-list .row .column.product,
    main.basket .basket-content #basket-list .row .column.product {
        width: calc(85% - 17.5rem);
    }

    section#account .account-content .content-list.orders .list-row,
    main#account .account-content .content-list.orders .list-row {
        padding-bottom: 0.83333333rem;
    }

    body#productDetail .account-content .content-list.products .list-row {
        padding-bottom: 0.83333333rem;
    }

        body#productDetail .account-content .content-list.products .list-row.head {
            display: none;
        }

    body#cartDetail .account-content .content-list.products .list-row {
        padding-bottom: 0.83333333rem;
    }

        body#cartDetail .account-content .content-list.products .list-row.head {
            display: none;
        }


    section#account .account-content .content-list.orders .list-row.head,
    main#account .account-content .content-list.orders .list-row.head {
        display: none;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.store-map,
    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total,
    body#productDetail .account-content .content-list.products .list-row .list-column.address-name,
    body#productDetail .account-content .content-list.products .list-row .list-column.store-name,
    body#productDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        body#productDetail .account-content .content-list.products .list-row .list-column.store-map:before
        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.address-name:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.store-name:before,
        body#productDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            float: left;
        }


        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total .total,
        body#productDetail .account-content .content-list.products .list-row .list-column.address-name .address,
        body#productDetail .account-content .content-list.products .list-row .list-column.store-name .store,
        body#productDetail .account-content .content-list.products .list-row .list-column.city-name .city {
            margin-top: 0;
        }

        body#productDetail .account-content .content-list.products .list-row .list-column.store-map .map {
            margin-top: 0.83333333rem;
        }

        body#productDetail .account-content .content-list.products .list-row .list-column.stock-total:before {
            content: 'Stok:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.address-name:before {
            content: 'Adres:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.store-name:before {
            content: 'MaÄŸaza:';
        }
        /*body#productDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 100%;
    }*/

        body#productDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            content: 'Åžehir:';
        }

    /*body#productDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
    }*/
    /*body#productDetail .account-content .content-list.products .list-row .list-column.store-map .map {
        width: 6.66666667rem;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 6.08333333rem;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 9.16666667rem;
    }
    body#productDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 9.16666667rem;
    }*/





    body#cartDetail .account-content .content-list.products .list-row .list-column.store-map,
    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total,
    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name,
    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name,
    body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-map:before
        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name:before,
        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            float: left;
        }


        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total .total,
        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name .address,
        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name .store,
        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name .city {
            margin-top: 0;
        }

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-map .map {
            margin-top: 0.83333333rem;
        }

        body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total:before {
            content: 'Stok:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.address-name:before {
            content: 'Adres:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.store-name:before {
            content: 'MaÄŸaza:';
        }
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 100%;
    }*/

        body#cartDetail .account-content .content-list.products .list-row .list-column.city-name:before {
            content: 'Åžehir:';
        }

    /*body#cartDetail .account-content .content-list.products .list-row .list-column.city-name {
        width: 100%;
    }*/
    /*body#cartDetail .account-content .content-list.products .list-row .list-column.store-map .map {
        width: 6.66666667rem;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.stock-total {
        width: 6.08333333rem;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.address-name {
        width: 9.16666667rem;
    }
    body#cartDetail .account-content .content-list.products .list-row .list-column.store-name {
        width: 9.16666667rem;
    }*/





    section#account .account-content .content-list.orders .list-row .list-column.order-message,
    main#account .account-content .content-list.orders .list-row .list-column.order-message,
    section#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-total,
    section#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-status,
    section#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-date {
        width: 100%;
        padding: 0rem 0rem 0.41666667rem 0rem;
        text-align: right;
    }

        section#account .account-content .content-list.orders .list-row .list-column.order-message:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-message:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date:before {
            float: left;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-message .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .total,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .total,
        section#account .account-content .content-list.orders .list-row .list-column.order-message .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .status,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .status,
        section#account .account-content .content-list.orders .list-row .list-column.order-message .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-total .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-total .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-status .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .date,
        section#account .account-content .content-list.orders .list-row .list-column.order-date .date,
        main#account .account-content .content-list.orders .list-row .list-column.order-date .date {
            margin-top: 0;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose,
        main#account .account-content .content-list.orders .list-row .list-column.order-message .message-compose {
            margin-top: 0.83333333rem;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-total:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-total:before {
            content: 'Toplam:';
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-status:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-status:before {
            content: 'Durum:';
        }

        main#account .account-content .content-list.orders .list-row .list-column.viewing-status:before {
            content: 'Görüntülenme Durumu:';
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery,
        main#account .account-content .content-list.orders .list-row .list-column.order-status .trackdelivery {
            text-decoration: underline;
        }

        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date:before {
            content: 'Tarih:';
        }
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date.custom:before {
            content: 'Firma:';
        }
        section#account .account-content .content-list.orders .list-row .list-column.order-date:before,
        main#account .account-content .content-list.orders .list-row .list-column.order-date.custom-ref:before {
            content: 'Referans:';
        }
    section#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-title {
        width: 100%;
    }

    body#productDetail .account-content .content-list.products .list-row .list-column.order-title {
        width: 100%;
    }

    body#cartDetail .account-content .content-list.products .list-row .list-column.order-title {
        width: 100%;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses,
    main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses {
        width: 400px;
        box-sizing: border-box;
        max-width: 100%;
        padding: 25px;
        margin-left: auto;
        margin-right: auto;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:before,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses:before {
            display: none;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address,
        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2),
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2),
        section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1),
        main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1) {
            width: auto;
            float: none;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 40px;
        }

            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:last-child,
            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2):last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+2):last-child,
            section#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1):last-child,
            main#checkout #checkout-opts .checkout-opt.checkout-delivery .delivery-addresses .address:nth-of-type(2n+1):last-child {
                margin-bottom: 0px;
            }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
        padding: 1.33333333rem 0.5rem 0.83333333rem 0.5rem;
        font-size: 1.01666667rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
        width: 8rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
        width: 8rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
        width: calc(100% - 17.666666666666668rem);
    }

    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-right {
        width: auto;
        float: none;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left,
    main#checkout #checkout-opts .checkout-opt.checkout-final .final-details .details-left {
        position: static;
    }

    footer #footer-address {
        font-size: 0.975rem;
    }

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

    .sliderelement.slider-main .owl-item .slide .outerwrap {
        display: block;
    }

    .listing-mini.triple-scatter > .outerwrap {
        padding-bottom: 58.651%;
        width: 80%;
    }

    .listing-mini.triple-half {
        width: 100%;
    }

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

            .listing-mini.triple-half .listing-wrapper .listing-element {
                float: none;
                width: auto;
                margin-bottom: 10%;
            }

                .listing-mini.triple-half .listing-wrapper .listing-element.big.expanded {
                    margin-bottom: 4%;
                }

                    .listing-mini.triple-half .listing-wrapper .listing-element.big.expanded .outerwrap {
                        margin: 0;
                    }

                .listing-mini.triple-half .listing-wrapper .listing-element:last-of-type {
                    margin-bottom: 0;
                }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.productinfo {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.options {
        float: none;
        width: auto;
        padding-left: 2.08333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.product {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.returndetail {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.notes {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
        width: 50%;
    }

    .modal.account-returnorder .modal-element .modal-content .btn.right {
        margin-left: 10px;
        max-width: calc(50% - 5px);
    }

        .modal.account-returnorder .modal-element .modal-content .btn.right:last-child {
            margin-left: 0;
        }

    .modal.checkout-storedelivery .storedelivery-left {
        bottom: auto;
        height: 800px;
        max-height: 100%;
        width: 100%;
    }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-contentwrap {
            margin-bottom: 180px;
        }

        .modal.checkout-storedelivery .storedelivery-left .storedelivery-listcontainer {
            height: 140px;
        }

    .modal.checkout-storedelivery .storedelivery-map {
        top: auto;
        height: 180px;
        left: 0;
        width: 100%;
    }

    .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn {
        width: calc(50% - 5px);
        margin-left: 10px;
    }

        .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn:nth-of-type(2n+1) {
            margin-left: 0;
        }

    .modal.sizechart.show .modal-element .modal-content .sizechart-body {
        width: 450px;
        max-width: 100%;
        margin: 40px auto 0;
        float: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-notes {
        float: none;
        width: auto;
        max-width: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
        width: 8.333333333333333%;
    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col:last-child {
            width: 8.333333333333333%;
        }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
            width: auto;
            float: none;
            clear: both;
            text-align: center;
            font-size: 1.01666667rem;
        }

    .modal .modal-element .modal-content .modal-section.left,
    .modal .modal-element .modal-content .modal-section.right {
        width: 100%;
        margin-left: 0;
    }

    .search-bar {
        margin-bottom: 0.83333333rem;
    }

    .bottom_line {
        font-size: 15px;
        bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    .slide .slider-content {
        top:30%
    }
    .slider-related-products {
        height: 240px !important;
    }
    .main-product.royalSlider {
        height: 240px !important;
    }
    .owl-carousel .owl-item.active.center .owl-video-wrapper {
        height: 76% !important;
        margin-top: 26%;
    }

    .owl-carousel .owl-video-wrapper {
        height: 70% !important;
    }
/*    .container--tabs .nav-tabs > li > a {
        padding: 10px 10px 10px 10px !important;
    }*/
    #left-category {
        width: 80% !important;
        overflow-y: auto !important;
    }

    .left-category-a-full-width a {
        display: inline-block !important;
        width: 100% !important;
    }

    #mobile-full-width {
        width: 100% !important;
    }

    #popup-tooltiptext {
        width: 250px !important;
        margin-top: -8em !important;
        font-size: 10px !important;
    }

    .modal-element section.product-info .product-details .details-options .options-numbers.left, main.product-info .product-details .details-options .options-numbers.left {
        width: 100% !important;
    }

    .modal-element section.product-info .product-details .details-options .options-numbers.right, main.product-info .product-details .details-options .options-numbers.right {
        padding-left: 20%;
        width: 100% !important;
    }

    .right-popup {
        padding-left: 6% !important;
        width: 100% !important;
    }

    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .span-margin {
        margin-left: -35% !important;
    }

    .custom-width {
        width: 100% !important;
        position: relative !important;
    }

    header#custom-width-checkout #header-content {
        position: relative !important;
        margin-top: -125px !important
    }

    header #searchbar #searchbar-container #searchbar-text {
        font-weight: 400;
        font-size: 21px;
    }

    header.checkout .header-securepayment {
        width: 12.5rem;
        left: 16.16666667rem;
    }

    header.checkout .header-logo:after {
        right: -1.25rem;
    }

    section .section-title,
    main .section-title {
        padding: 2.5rem 0rem 2.5rem 0rem;
    }

    section.basket .basket-content #basket-list .row,
    main.basket .basket-content #basket-list .row {
        position: relative;
    }

        section.basket .basket-content #basket-list .row.head,
        main.basket .basket-content #basket-list .row.head {
            display: none;
        }

        section.basket .basket-content #basket-list .row .column.product,
        main.basket .basket-content #basket-list .row .column.product {
            width: 100%;
            float: none;
            padding: 1.58333333rem 0rem 1.58333333rem 0rem;
        }

            section.basket .basket-content #basket-list .row .column.product .product-quantity,
            main.basket .basket-content #basket-list .row .column.product .product-quantity {
                float: right;
                margin-top: 1.766667rem;
            }

            section.basket .basket-content #basket-list .row .column.product .description .thintitle,
            main.basket .basket-content #basket-list .row .column.product .description .thintitle,
            section.basket .basket-content #basket-list .row .column.product .description .prefix,
            main.basket .basket-content #basket-list .row .column.product .description .prefix {
                white-space: nowrap;
            }

        section.basket .basket-content #basket-list .row .column.remove,
        main.basket .basket-content #basket-list .row .column.remove {
            position: absolute;
            top: 15px;
            right: 0;
            padding: 0;
        }

        section.basket .basket-content #basket-list .row .column.data,
        main.basket .basket-content #basket-list .row .column.data {
            padding: 0rem 0rem 1.08333333rem 0rem;
            position: absolute;
            bottom: 0;
            left: 8.16666667rem;
            width: 50%;
            top:3rem;
        }

            section.basket .basket-content #basket-list .row .column.data.quantityBox,
            main.basket .basket-content #basket-list .row .column.data.quantityBox {
                left: 3rem;
                top: 2rem;
            }

            section.basket .basket-content #basket-list .row .column.data.total,
            main.basket .basket-content #basket-list .row .column.data.total {
                left: 15.83333333rem;
            }

                section.basket .basket-content #basket-list .row .column.data.total:before,
                main.basket .basket-content #basket-list .row .column.data.total:before {
                    content: '(';
                }

                section.basket .basket-content #basket-list .row .column.data.total:after,
                main.basket .basket-content #basket-list .row .column.data.total:after {
                    content: ')';
                }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-title,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-title {
        width: 100%;
        padding: 0.83333333rem 0rem 0rem 0rem;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-title .address-title {
            font-weight: 700;
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-details,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-details {
        width: calc(100% - 10.833333333333334rem);
        min-height: 5.83333333rem;
    }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete {
        bottom: auto;
    }

        section#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete,
        main#account .account-content .content-list.addresses .list-row .list-column.address-col-delete .address-delete {
            top: 1.25rem;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

    section#account .account-content .content-list.addresses .list-row .list-column.address-col-edit,
    main#account .account-content .content-list.addresses .list-row .list-column.address-col-edit {
        right: 0;
        width: 10rem;
    }

    section#account .account-content .content-list.giftcodes .list-row,
    main#account .account-content .content-list.giftcodes .list-row {
        padding-bottom: 0.83333333rem;
    }

        section#account .account-content .content-list.giftcodes .list-row.head,
        main#account .account-content .content-list.giftcodes .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-title {
            width: 100%;
            padding-right: 0;
            padding-bottom: 0;
            font-weight: 700;
            margin-bottom: 0.83333333rem;
        }

        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end,
        section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status,
        main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status {
            width: 100%;
            padding: 0;
            text-align: right;
        }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before {
                text-align: left;
                float: left;
                width: 10rem;
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-code:before {
                content: 'Kod:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-start:before {
                content: 'Başlangıç:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-end:before {
                content: 'BitiÅŸ:';
            }

            section#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before,
            main#account .account-content .content-list.giftcodes .list-row .list-column.giftcode-status:before {
                content: 'Durum:';
            }

    section#account .account-content .content-list.messages .list-row,
    main#account .account-content .content-list.messages .list-row {
        padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    }

        section#account .account-content .content-list.messages .list-row.head,
        main#account .account-content .content-list.messages .list-row.head {
            display: none;
        }

        section#account .account-content .content-list.messages .list-row .list-column.message-subject,
        main#account .account-content .content-list.messages .list-row .list-column.message-subject {
            width: 100%;
            padding: 0;
            margin-bottom: 0.83333333rem;
        }

        section#account .account-content .content-list.messages .list-row .list-column.message-status,
        main#account .account-content .content-list.messages .list-row .list-column.message-status,
        section#account .account-content .content-list.messages .list-row .list-column.message-date,
        main#account .account-content .content-list.messages .list-row .list-column.message-date,
        section#account .account-content .content-list.messages .list-row .list-column.message-code,
        main#account .account-content .content-list.messages .list-row .list-column.message-code {
            width: 360px;
            max-width: 100%;
            margin: 0 auto;
            float: none;
            padding: 0;
            text-align: right;
        }

            section#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            section#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            section#account .account-content .content-list.messages .list-row .list-column.message-code:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-code:before {
                float: left;
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-status:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-status:before {
                content: 'Kod:';
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-date:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-date:before {
                content: 'BaÅŸlama Tarihi:';
            }

            section#account .account-content .content-list.messages .list-row .list-column.message-code:before,
            main#account .account-content .content-list.messages .list-row .list-column.message-code:before {
                content: 'Durum:';
            }

    section#account .account-content .content-form .content-form-left,
    main#account .account-content .content-form .content-form-left,
    section#account .account-content .content-form .content-form-right,
    main#account .account-content .content-form .content-form-right,
    section#account .account-content .content-form .content-form-full,
    main#account .account-content .content-form .content-form-full {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    section#account .account-content.message .message-list .message .message-badge,
    main#account .account-content.message .message-list .message .message-badge {
        float: none;
        width: auto;
        margin-bottom: 1.25rem;
    }

        section#account .account-content.message .message-list .message .message-badge .badge-from,
        main#account .account-content.message .message-list .message .message-badge .badge-from {
            margin-bottom: 0.83333333rem;
        }

    section#account .account-content.message .message-list .message .message-body,
    main#account .account-content.message .message-list .message .message-body {
        float: none;
        width: auto;
    }

    section#account .account-content.message .message-reply .reply-info,
    main#account .account-content.message .message-reply .reply-info {
        float: none;
        margin-bottom: 0.83333333rem;
    }

    section#account .account-content.message .message-reply .reply-message,
    main#account .account-content.message .message-reply .reply-message {
        width: auto;
        float: none;
    }

    section#account .account-content.message .message-reply .reply-send,
    main#account .account-content.message .message-reply .reply-send {
        float: none;
        width: auto;
        text-align: center;
    }

    section#checkout #checkout-opts .checkout-steps .steps-list .step,
    main#checkout #checkout-opts .checkout-steps .steps-list .step {
        float: none;
        margin-right: 0;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option {
        float: none;
        margin: 0 0 6px;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option .opt {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            display: block;
            box-sizing: border-box;
            width: 100%;
        }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options-nav .option:last-child {
            margin-bottom: 0;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.name {
        float: none;
        width: auto;
        margin-left: 0;
        clear: both;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.cvv {
        width: calc(50% - 0.8333333333333334rem);
        margin-left: 0.83333333rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.carddate,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .cardinfo .field.carddate {
        width: calc(50% - 0.8333333333333334rem);
        margin-left: 0;
        margin-right: 0.83333333rem;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) {
        width: calc(100% - 200px);
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(1) label {
            padding-left: 30px;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(2) {
        width: 100px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3),
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.creditcard .installment .installment-table .row .col:nth-of-type(3) {
        width: 80px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-logo {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: auto;
        margin-bottom: 4px;
        width: 70px;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.transaction .transaction-list .transaction-option label .transaction-details {
        margin-left: 0;
    }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description {
        padding-left: 0;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.bkmexpress .bkm-description .bkm-logo {
            position: static;
            width: 100px;
        }

    section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field,
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field {
        width: auto;
        float: none;
    }

        section#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left,
        main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-options .option-expand.param .field.left {
            margin-right: 0;
        }

    section.product-info .product-details .details-options .options-numbers,
    main.product-info .product-details .details-options .options-numbers {
        text-align: center;
    }

        section.product-info .product-details .details-options .options-numbers .numbers-element,
        main.product-info .product-details .details-options .options-numbers .numbers-element {
            margin: 0 0 10px;
        }

            section.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size,
            main.product-info .product-details .details-options .options-numbers .numbers-element.numbers-size {
                width: 100%;
            }

    section#login .login-left,
    main#login .login-left {
        height: 100% !important;
    }

    footer #footer-subscription {
        margin: 0rem 2rem 0rem 2rem;
        width: auto;
    }

        footer #footer-subscription input[type="email"],
        footer #footer-subscription button[type="email"] {
            font-size: 13px;
        }

    footer #footer-specs {
        text-align: left;
    }

        footer #footer-specs .spec {
            display: block;
        }

    footer #footer-payment .opt.title {
        display: block;
        margin-bottom: 0.83333333rem;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-data {
        width: auto;
        float: none;
    }

    .modal.account-returnorder .modal-element .modal-content .returnorder-list .row .column.info-description {
        width: auto;
        float: none;
    }

    .modal.sizechart.show .modal-element .modal-content .sizechart-table {
        font-size: 0.68333333rem;
    }

        .modal.sizechart.show .modal-element .modal-content .sizechart-table .row {
            line-height: 1.33333333rem;
            padding: 0.41666667rem 0rem 0.41666667rem 0rem;
        }

            .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col {
                text-align: center;
            }

                .modal.sizechart.show .modal-element .modal-content .sizechart-table .row .col.head {
                    font-size: 0.93333333rem;
                }

    .modal.sizechart.show .modal-element .modal-content .sizechart-head {
        padding-left: 0;
        text-align: left;
    }

    .search-bar {
        top: 29% !important;
    }

    .bottom_line {
        font-size: 12px;
    }
}

@media screen and (max-width: 390px) {
    .slide .slider-content .title {
        font-size: 10px;
    }
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    header .header-logo {
        width: 200px;
    }

    header.checkout .header-securepayment {
        left: 230px;
        width: 100px;
    }

    header.checkout .header-logo:after {
        right: -15px;
    }

    #mobilemenu #mobilemenu-content {
        width: 80%;
    }

    section.product-info .product-details .details-options .options-numbers.left,
    main.product-info .product-details .details-options .options-numbers.left {
        margin-left: 0;
        width: calc(100% - 108px);
    }

    section.product-info .product-details .details-options .options-numbers.right,
    main.product-info .product-details .details-options .options-numbers.right {
        margin-right: 0;
    }
    .search-bar {
        top: 29% !important;
    }
}

@media screen and (max-width: 375px) {
    ul.currency-ul {
        width: 100% !important;
        text-align: right;
    }
        ul.currency-ul li:nth-child(1) {
            width: 25% !important;
            float: left;
            font-size:7px !important;
        }

        ul.currency-ul li:nth-child(2) {
            width: 25% !important;
            float: left;
            font-size: 7px !important;
        }

        ul.currency-ul li:nth-child(3) {
            width: 48% !important;
            float: left;
            font-size: 7px !important;
        }
    .search-bar {
        top: 29% !important;
    }

    .bottom_line {
        font-size: 10px;
        bottom: 15px;
        padding-left: 5px;
    }
}
@media screen and (min-width: 1200px) {    
    ul.currency-ul li:nth-child(2) {
        width: 29% !important;
    }

    ul.currency-ul li:nth-child(3) {
        width: 44% !important;
    }
}
@media screen and (max-width: 360px) {
    .col-m-23-mobilyazi {
        position: static;
        width: auto;
        /* max-width: 23% !important; */
        float: left !important;
        -ms-flex: 0 0 23% !important;
        flex: 0 0 23% !important;
        font-size: 9px;
    }
    .search-bar {
        top: 29% !important;
    }

    .slider-related-products {
        height: 170px !important;
    }

    .main-product.royalSlider {
        height: 170px !important;
    }

    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    .cart-product-image img {
        width: 24% !important;
    }

    .login-left {
        height: 100% !important;
    }

    .bottom_line {
        font-size: 8.5px;
    }
}
@media screen and (max-width: 350px) {
    .js-mobile-toggler {
        display: block;
    }

        .js-mobile-toggler a {
            display: block;
            float: right;
            font-size: 27px;
            margin: 0 3px;
            border: 1px solid;
            border-radius: 10px;
        }

    header.checkout .header-logo {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        header.checkout .header-logo:after {
            display: none;
        }

    header.checkout .header-securepayment {
        margin-top: 30px;
        left: 50%;
        -webkit-transform: translate(-50%, 140%);
        -ms-transform: translate(-50%, 140%);
        transform: translate(-50%, 140%);
    }

    footer #footer-subscription input[type="email"],
    footer #footer-subscription button[type="email"] {
        font-size: 11.5px;
    }

    .search-bar {
        top: 29% !important;
    }
}

@media only screen and (min-width : 480px) {
    .col-m-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
    }

    .col-m-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-m-33 {
        width: auto;
        max-width: 33% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }

    .col-m-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }

    .col-m-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }

    .col-m-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }

    .col-m-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-m-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .col-m-100totalmiktar {
        width: auto;
        max-width: 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }

    .btn-products.related {
        width: 100%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        margin-bottom: 1%;
    }
}

@media screen and (min-width: 768px) {
    .hidden-lg{
        display:none;
    }
    .col-t-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 20% !important;
    }

    .col-t-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-t-33 {
        width: auto;
        max-width: 33.333% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }

    .col-t-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }

    .col-t-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }

    .col-t-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }
    .col-t-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-t-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .btn-products.related {
        width: 100%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        margin-bottom: 1%;
    }
}

@media screen and (min-width: 992px) {
    .col-d-24totalmiktar {
        width: auto;
        max-width: 24% !important;
        -ms-flex: 0 0 24% !important;
        flex: 0 0 24% !important;
    }

    .col-d-20 {
        width: auto;
        max-width: 20% !important;
        float: left !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
    }

    .col-d-25 {
        width: auto;
        max-width: 25% !important;
        float: left !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
    }

    .col-d-33 {
        width: auto;
        max-width: 33% !important;
        float: left !important;
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 33.333% !important;
    }
    .col-d-30 {
        width: auto;
        max-width: 35% !important;
        float: left !important;
        -ms-flex: 0 0 35% !important;
        flex: 0 0 35% !important;
    }

    .col-d-40 {
        width: auto;
        max-width: 40% !important;
        float: left !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
    }
    
    .col-d-49 {
        width: auto;
        max-width: 49% !important;
        float: left !important;
        -ms-flex: 0 0 49% !important;
        flex: 0 0 49% !important;
    }

    .col-d-49marg {
        width: auto;
        max-width: 49% !important;
        float: left !important;
        -ms-flex: 0 0 49% !important;
        flex: 0 0 49% !important;
        margin-right:+2%;
    }

    .col-d-50 {
        width: auto;
        max-width: 50% !important;
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
    }
    
    .col-d-50-yazi {
        left: 8px;
        text-align: center;
        position: relative;
        top: 15px;
        width: auto;
        /* max-width: 50% !important; */
        float: left !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        padding: 10px;
        /* left: 16px; */
    }


    .col-d-75 {
        width: auto;
        max-width: 75% !important;
        float: left !important;
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
    }
    .col-d-70 {
        width: auto;
        max-width: 70% !important;
        float: left !important;
        -ms-flex: 0 0 70% !important;
        flex: 0 0 70% !important;
    }
    .col-d-60 {
        width: auto;
        max-width: 60% !important;
        float: left !important;
        -ms-flex: 0 0 60% !important;
        flex: 0 0 60% !important;
    }
    .col-d-80 {
        width: auto;
        max-width: 80% !important;
        float: left !important;
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
    }

    .col-d-100 {
        width: auto;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    .btn-products.related {
        width: 48%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        padding: 0 !important;
        font-size: 0.65rem;
        font-weight: 200;
        letter-spacing: .65px;
    }
}

@media screen and (min-width: 1440px) {
    .btn-products.related {
        width: 48%;
        max-width: 100% !important;
        float: left !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        float: left;
        padding: 0 !important;
        font-size: 0.79rem;
        font-weight: 700;
        letter-spacing: 2px;
    }
}
@media all and (max-width: 680px) {
    .col-m-24-mobilyazi {
        position: static;
        width: auto;
        /* max-width: 24% !important; */
        float: left !important;
        -ms-flex: 0 0 24% !important;
        flex: 0 0 24% !important;
        font-size: 11px;
    }
    .icon-button {
        border-radius: 1.6rem;
        font-size: 0.9rem;
        height: 1.6rem;
        line-height: 1.6rem;
        width: 1.6rem;
    }

        .icon-button:hover span {
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 1.6rem;
            margin: -0.8rem;
        }

        /* Icons */
        .icon-button i {
            height: 1.6rem;
            line-height: 1.6rem;
            width: 1.6rem;
        }

    .pinterest {
        display: none;
    }
}
@media (max-width:1200px) {
    .search-bar{
        top:150px!important;
        display:none;
    }
    .hidden-lg.float-left{        
        margin-top:23px;
    }
}


#productDetail .product-gallery .product-slider.royal-mini-slider {
    min-height: calc(100vw * 117.0 / 1903);
}

#productDetail .prod-info .product-gallery .product-slider.main-product {
    min-height: calc(100vw * 117.0 / 1250);
}
.prod-info {
    display: table;
    width: 100%;
}

@media (min-width:2335px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1260);
    }
}

@media (min-width:2390px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1300);
    }

}

@media (min-width:2630px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1400);
    }
}
@media (min-width:3400px) {
    #productDetail .prod-info .product-gallery .product-slider.main-product {
        min-height: calc(100vw * 117.0 / 1500);
    }
}
@media (min-width:1200px) {
    .prod-info.active .prod-title.active {
        min-height: 100%!important;
    }
    .all-products .prod-info.active .prod-title.active {
        min-height: calc(100% - 110px) !important;
    }
}
@media  (max-width:992px) {
    main#checkout #checkout-opts{
        width:100%;
    }
    section#checkout #checkout-sum, main#checkout #checkout-sum {
        position: revert !important;
        width: 100% !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1261px) {
    main#account .account-content .content-list .list-row {
        line-height: 1.5em!important;
        margin-top: 20px !important;
    }
        main#account .account-content .content-list .list-row .list-column.widetext {
            letter-spacing: 0!important;
        }
}
@media (max-width:767px) {
    section.listing .listing-main .listing-head .listing-title {
        width: calc(100% - 85px);
    }
    .details-head.product span.price:not(.old) {
        font-size: 14px !important;
    }

    main#account .account-nav {
        width: 100%;
    }

    main#account .account-content {
        width: 100%;
    }

    section.breadcrumb .breadcrumb-list {
        text-align: left !important;
        padding-left: 0;
    }

    main#account .account-content {
        margin-top: 30px;
    }

        main#account .account-content h1 {
            margin-bottom: 15px;
        }

        main#account .account-content .content-list.orders .list-row {
            padding-bottom: 30px;
        }

            /* Preorder mobil başlangıç  */
            main#account .account-content .content-list.orders .list-row .list-column.order-name .name {
                margin: 0;
            }

            main#account .account-content .content-list.orders .list-row .list-column.order-title .order-id {
                margin: 0;
            }

            main#account .account-content .content-list.orders .list-row .list-column.order-title {
                width: 100%;
                text-align: right;
                padding: 0rem 0rem 0.41666667rem 0rem;
            }

                main#account .account-content .content-list.orders .list-row .list-column.order-title.offer-number::before {
                    content: "Teklif No:";
                    float: left;
                }

            main#account .account-content .content-list.orders .list-row .list-column.order-name {
                width: 100% !important;
                text-align: right;
                margin-top: 0 !important;
                padding: 0rem 0rem 0.41666667rem 0rem;
            }

                main#account .account-content .content-list.orders .list-row .list-column.order-name img {
                    float: right !important;
                }

                main#account .account-content .content-list.orders .list-row .list-column.order-name.project-name::before {
                    content: "Proje Adı:";
                    float: left;
                }

                main#account .account-content .content-list.orders .list-row .list-column.order-name.project-type::before {
                    content: "Proje Türü:";
                    float: left;
                }
    /* Preorder mobil bitiş */

    /* Basket mobil başlangıç */
    .divided.q1, .divided.q3 {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main.basket .basket-content #basket-list .row {
        padding: 0 15px;
    }

        main.basket .basket-content #basket-list .row .column.data {
            width: 100% !important;
            position: revert;
        }

        main.basket .basket-content #basket-list .row > .column.product {
            width: 90% !important;
        }

       /* main.basket .basket-content #basket-list .row .checkwrap {
            display: none;
        }*/

        main.basket .basket-content #basket-list .row .column.product .description .prefix {
            white-space: normal;
        }

        main.basket .basket-content #basket-list .row .column.data.quantityBox {
            position: revert;
            left: 0;
            right: 0;
        }

    .basket-head.mbx1 {
        margin-top: 30px;
    }

    main.basket .basket-content #basket-list .row .column.data.total::before {
        content: "";
    }

    main.basket .basket-content #basket-list .row .column.data.total::after {
        content: '';
    }

    main.basket .basket-content #basket-list .row .column.product .product-quantity {
        margin-top: 0;
    }

    main.basket .basket-content #basket-list .row .column.data.quantityBox .column {
        padding: 0;
    }

    main.basket .basket-content #basket-list .row .column.remove {
        right: 10px;
    }

    main.basket .basket-content #basket-list .row .column.unit-price {
        text-align: right;
    }

        main.basket .basket-content #basket-list .row .column.unit-price::before {
            content: "Birim Fiyat:";
            float: left;
        }

    main.basket .basket-content #basket-list .row .column.total-price {
        text-align: right;
    }

        main.basket .basket-content #basket-list .row .column.total-price::before {
            content: "Toplam Fiyat:" !important;
            float: left;
        }
    /* Basket mobil bitiş */

    /* checkout mobil başlangıç */
    main#checkout #checkout-opts {
        width: 100%;
    }

    #checkout-sum {
        position: revert !important;
        width: 100% !important;
    }

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
        width: auto !important;
    }
    /* checkout mobil bitiş */
}




    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row-no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

        .row-no-gutters [class*="col-"] {
            padding-right: 0;
            padding-left: 0;
        }

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

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-pull-12 {
        right: 100%;
    }

    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-xs-pull-9 {
        right: 75%;
    }

    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-xs-pull-6 {
        right: 50%;
    }

    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-xs-pull-3 {
        right: 25%;
    }

    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-xs-pull-0 {
        right: auto;
    }

    .col-xs-push-12 {
        left: 100%;
    }

    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-xs-push-9 {
        left: 75%;
    }

    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-xs-push-6 {
        left: 50%;
    }

    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-xs-push-3 {
        left: 25%;
    }

    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-xs-push-0 {
        left: auto;
    }

    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xs-offset-0 {
        margin-left: 0%;
    }

    @media (min-width: 768px) {
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left;
        }

        .col-sm-12 {
            width: 100%;
        }

        .col-sm-11 {
            width: 91.66666667%;
        }

        .col-sm-10 {
            width: 83.33333333%;
        }

        .col-sm-9 {
            width: 75%;
        }

        .col-sm-8 {
            width: 66.66666667%;
        }

        .col-sm-7 {
            width: 58.33333333%;
        }

        .col-sm-6 {
            width: 50%;
        }

        .col-sm-5 {
            width: 41.66666667%;
        }

        .col-sm-4 {
            width: 33.33333333%;
        }

        .col-sm-3 {
            width: 25%;
        }

        .col-sm-2 {
            width: 16.66666667%;
        }

        .col-sm-1 {
            width: 8.33333333%;
        }

        .col-sm-pull-12 {
            right: 100%;
        }

        .col-sm-pull-11 {
            right: 91.66666667%;
        }

        .col-sm-pull-10 {
            right: 83.33333333%;
        }

        .col-sm-pull-9 {
            right: 75%;
        }

        .col-sm-pull-8 {
            right: 66.66666667%;
        }

        .col-sm-pull-7 {
            right: 58.33333333%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .col-sm-pull-5 {
            right: 41.66666667%;
        }

        .col-sm-pull-4 {
            right: 33.33333333%;
        }

        .col-sm-pull-3 {
            right: 25%;
        }

        .col-sm-pull-2 {
            right: 16.66666667%;
        }

        .col-sm-pull-1 {
            right: 8.33333333%;
        }

        .col-sm-pull-0 {
            right: auto;
        }

        .col-sm-push-12 {
            left: 100%;
        }

        .col-sm-push-11 {
            left: 91.66666667%;
        }

        .col-sm-push-10 {
            left: 83.33333333%;
        }

        .col-sm-push-9 {
            left: 75%;
        }

        .col-sm-push-8 {
            left: 66.66666667%;
        }

        .col-sm-push-7 {
            left: 58.33333333%;
        }

        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-push-5 {
            left: 41.66666667%;
        }

        .col-sm-push-4 {
            left: 33.33333333%;
        }

        .col-sm-push-3 {
            left: 25%;
        }

        .col-sm-push-2 {
            left: 16.66666667%;
        }

        .col-sm-push-1 {
            left: 8.33333333%;
        }

        .col-sm-push-0 {
            left: auto;
        }

        .col-sm-offset-12 {
            margin-left: 100%;
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-sm-offset-9 {
            margin-left: 75%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-sm-offset-6 {
            margin-left: 50%;
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-sm-offset-3 {
            margin-left: 25%;
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-sm-offset-0 {
            margin-left: 0%;
        }
    }

    @media (min-width: 992px) {
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left;
        }

        .col-md-12 {
            width: 100%;
        }

        .col-md-11 {
            width: 91.66666667%;
        }

        .col-md-10 {
            width: 83.33333333%;
        }

        .col-md-9 {
            width: 75%;
        }

        .col-md-8 {
            width: 66.66666667%;
        }

        .col-md-7 {
            width: 58.33333333%;
        }

        .col-md-6 {
            width: 50%;
        }

        .col-md-5 {
            width: 41.66666667%;
        }

        .col-md-4 {
            width: 33.33333333%;
        }

        .col-md-3 {
            width: 25%;
        }

        .col-md-2 {
            width: 16.66666667%;
        }

        .col-md-1 {
            width: 8.33333333%;
        }

        .col-md-pull-12 {
            right: 100%;
        }

        .col-md-pull-11 {
            right: 91.66666667%;
        }

        .col-md-pull-10 {
            right: 83.33333333%;
        }

        .col-md-pull-9 {
            right: 75%;
        }

        .col-md-pull-8 {
            right: 66.66666667%;
        }

        .col-md-pull-7 {
            right: 58.33333333%;
        }

        .col-md-pull-6 {
            right: 50%;
        }

        .col-md-pull-5 {
            right: 41.66666667%;
        }

        .col-md-pull-4 {
            right: 33.33333333%;
        }

        .col-md-pull-3 {
            right: 25%;
        }

        .col-md-pull-2 {
            right: 16.66666667%;
        }

        .col-md-pull-1 {
            right: 8.33333333%;
        }

        .col-md-pull-0 {
            right: auto;
        }

        .col-md-push-12 {
            left: 100%;
        }

        .col-md-push-11 {
            left: 91.66666667%;
        }

        .col-md-push-10 {
            left: 83.33333333%;
        }

        .col-md-push-9 {
            left: 75%;
        }

        .col-md-push-8 {
            left: 66.66666667%;
        }

        .col-md-push-7 {
            left: 58.33333333%;
        }

        .col-md-push-6 {
            left: 50%;
        }

        .col-md-push-5 {
            left: 41.66666667%;
        }

        .col-md-push-4 {
            left: 33.33333333%;
        }

        .col-md-push-3 {
            left: 25%;
        }

        .col-md-push-2 {
            left: 16.66666667%;
        }

        .col-md-push-1 {
            left: 8.33333333%;
        }

        .col-md-push-0 {
            left: auto;
        }

        .col-md-offset-12 {
            margin-left: 100%;
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-md-offset-9 {
            margin-left: 75%;
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-md-offset-6 {
            margin-left: 50%;
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-md-offset-3 {
            margin-left: 25%;
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-md-offset-0 {
            margin-left: 0%;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left;
        }

        .col-lg-12 {
            width: 100%;
        }

        .col-lg-11 {
            width: 91.66666667%;
        }

        .col-lg-10 {
            width: 83.33333333%;
        }

        .col-lg-9 {
            width: 75%;
        }

        .col-lg-8 {
            width: 66.66666667%;
        }

        .col-lg-7 {
            width: 58.33333333%;
        }

        .col-lg-6 {
            width: 50%;
        }

        .col-lg-5 {
            width: 41.66666667%;
        }

        .col-lg-4 {
            width: 33.33333333%;
        }

        .col-lg-3 {
            width: 25%;
        }

        .col-lg-2 {
            width: 16.66666667%;
        }

        .col-lg-1 {
            width: 8.33333333%;
        }

        .col-lg-pull-12 {
            right: 100%;
        }

        .col-lg-pull-11 {
            right: 91.66666667%;
        }

        .col-lg-pull-10 {
            right: 83.33333333%;
        }

        .col-lg-pull-9 {
            right: 75%;
        }

        .col-lg-pull-8 {
            right: 66.66666667%;
        }

        .col-lg-pull-7 {
            right: 58.33333333%;
        }

        .col-lg-pull-6 {
            right: 50%;
        }

        .col-lg-pull-5 {
            right: 41.66666667%;
        }

        .col-lg-pull-4 {
            right: 33.33333333%;
        }

        .col-lg-pull-3 {
            right: 25%;
        }

        .col-lg-pull-2 {
            right: 16.66666667%;
        }

        .col-lg-pull-1 {
            right: 8.33333333%;
        }

        .col-lg-pull-0 {
            right: auto;
        }

        .col-lg-push-12 {
            left: 100%;
        }

        .col-lg-push-11 {
            left: 91.66666667%;
        }

        .col-lg-push-10 {
            left: 83.33333333%;
        }

        .col-lg-push-9 {
            left: 75%;
        }

        .col-lg-push-8 {
            left: 66.66666667%;
        }

        .col-lg-push-7 {
            left: 58.33333333%;
        }

        .col-lg-push-6 {
            left: 50%;
        }

        .col-lg-push-5 {
            left: 41.66666667%;
        }

        .col-lg-push-4 {
            left: 33.33333333%;
        }

        .col-lg-push-3 {
            left: 25%;
        }

        .col-lg-push-2 {
            left: 16.66666667%;
        }

        .col-lg-push-1 {
            left: 8.33333333%;
        }

        .col-lg-push-0 {
            left: auto;
        }

        .col-lg-offset-12 {
            margin-left: 100%;
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%;
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%;
        }

        .col-lg-offset-9 {
            margin-left: 75%;
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%;
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%;
        }

        .col-lg-offset-6 {
            margin-left: 50%;
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%;
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%;
        }

        .col-lg-offset-3 {
            margin-left: 25%;
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%;
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%;
        }

        .col-lg-offset-0 {
            margin-left: 0%;
        }
    }

    product-info-title {
        font-size: 1.2em;
        font-weight: 600;
    }

    header #topmenu .topmenu .menu-section ul li a.active {
        background: #ed1c24 !important;
        color: #fff !important;
    }

    .currency-crumb.breadcrumb-list {
        margin-top: 0rem !important;
        line-height: 0rem !important;
        text-align: left !important;
    }

    .siparisdetayHeader {
        font-size: 16px;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #e1e1e1;
    }
.siparisdetayTableElementdiv {
    height: 176px;
    width: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ececec;
    box-shadow: 2px 2px 0px 0px rgba(225, 225, 225, 0.75)
}

.siparisdetayfiyatdiv {
    height: 43px;
    width: 100%;
    vertical-align: middle;
    display: flex;
    justify-content: left;
    align-items: center;
    border: 1px solid #ececec;
    box-shadow: 2px 2px 0px 0px rgba(225, 225, 225, 0.75)
}

.siparisdetayfiyatSum {
    font-size: 14px;
    padding: 5px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    background: rgba(225,225,225,0.3);
}

.siparisdetayfiyatelement {
    font-size: 14px;
    padding: 5px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
}
.siparisdetaySumtable {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    width: 100%; /* -webkit-box-align: end; */
    margin-left: auto;
    float: right; /* position: relative; */ /* padding-top: 10px; */
}
.siparisdetaytable {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    margin-bottom: 25px;
    
}
.siparisdetayfoto {
    height: 176px;
    width: 100%;
    vertical-align: middle; /* display: table-caption; */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ececec;
    background: white;
    box-shadow: 1px 2px 0px 0px rgba(225,225,225,0.75)
}
.siparisdetayfiyatdiv .fillertable {
    flex-grow: 0.9;
}

@media (max-width: 1350px) {
    .btn-minimized_ {
        margin-left: +1%;
        width: auto;
        padding: 10px;
    }
}

@media (min-width: 1350px) {
    .btn-notminimized_ {
        margin-left: +1%;
        width: 130px;
        padding: 10px;
    }
}
.appliedCampaing-border {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.appliedCampaing-title {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
}
.appliedCampaing-item {
    line-height: 1.5;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #979494;
    width: 100%;
    margin-bottom: 10px;
}

    .appliedCampaing-item.payment-info {
        background: #FFE38D !important;
    }

.clearfix-info{
    margin-bottom:5px;
}

.searchBox {
  height: 575px;
  position: absolute;
  width: 73%;
  top: 70px;
  border: 1px solid whitesmoke;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 14px;
  visibility: hidden;
  opacity: 0;
  right: 40px;
  z-index: 999;
}
@media (max-width: 768px) {
  .searchBox {
    width: 100%;
    left: 0px;
    height: auto;
    top: 115px;
    padding: 10px 10px;
    border: 1px solid #000;
  }
  .searchBox:before {
      border-bottom-color: #000 !important;
  }
  .searchBox ul li {
    width: 100%;
    max-width: unset !important;
    padding: 0px !important;
  }
  .searchBox ul li > a {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 0 0 10px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
  }
  .searchBox ul li > a .price {
    line-height: 1.29;
    font-weight: 600;
    font-size: 14px;
    color: #212529;
    font-family: "Gotham Bold", sans-serif;
    white-space: nowrap;
  }
  .searchBox ul li > a .product-img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    background: transparent center no-repeat;
    background-size: contain;
  }
  .searchBox .link {
    display: table;
    width: 100%;
    float: right;
    text-align: right;
    padding: 5px 25px;
    position: relative;
  }
  .searchBox .link:after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
    margin-left: 11px;
    position: absolute;
    right: 9px;
    top: 12px;
  }
  .searchBox h3 {
    margin-bottom: 0;
  }
}
.searchBox.activeSearchBox {
  visibility: visible;
  opacity: 1;
}
.searchBox .searchBoxWrap {
  position: relative;
  width: 100%;
}
.searchBox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  right: 50%;
  top: -19px;
}
.searchBox:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: whitesmoke;
  top: -20px;
  right: 50%;
}
.searchBox h3 {
  width: auto;
  font-size: 14px;
  line-height: 1.29;
  color: #de1f26;
  font-family: "Gotham Bold", sans-serif;
  font-weight: 600;
}
.searchBox h3.search-result-title {
  width: auto;
  font-size: 14px;
  line-height: 1.29;
  padding-top: 5px;
  color: #de1f26;
  font-family: "Gotham Bold", sans-serif;
  font-weight: 600;
}
.searchBox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.searchBox ul > li {
  max-width: 192px;
  padding: 4px 4px;
}
.searchBox ul > li a {
  color: #000;
  font-size: 12px;
}
.searchBox ul > li.active .productList {
  visibility: visible !important;
  opacity: 1 !important;
}
.searchBox ul > li:hover {
  background: #f7f7f7;
}
.searchBox ul > li:hover .productList {
  /* visibility: visible !important;
   opacity: 1 !important;*/
}
.searchBox .productList {
  position: absolute;
  left: 30%;
  width: 75%;
  top: 0px;
  border-left: 1px solid whitesmoke;
  padding: 0px 16px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  margin-top: 0 !important;
}
.searchBox .productList li {
  width: 33%;
  display: table;
  float: left;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-height: 180px;
}
.searchBox .productList li a {
  padding: 8px;
  display: table;
  width: 100%;
  font-size: 12px;
}
.searchBox .productList li a:hover {
  background: #f7f7f7;
}
.searchBox .productList li .productImg {
  width: 100%;
  height: 120px;
  overflow: hidden;
  background: transparent center no-repeat;
  background-size: contain;
}
.searchBox .productList li img {
  width: auto;
  max-width: 100%;
  max-height: 100px;
}
.searchBox .productList li .price {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.searchBox .productList li .desc {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.searchBox .link {
  display: table;
  width: 100%;
  float: right;
  text-align: right;
  padding: 10px 20px;
  position: relative;
  bottom: 8px;
  right: 15px;
  font-size: 13px;
}
.searchBox .link:after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/assets/styles/data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiPgogICAgPGRlZnM%2BCiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0xMS42IDEwLjE1MmwtNC4wMTcgNC4xNDlhMSAxIDAgMSAwIDEuNDMgMS4zOThsNC43MDItNC44NDdhMSAxIDAgMCAwIDAtMS40bC01LTUuMTUxYTEgMSAwIDAgMC0xLjQzIDEuMzk4bDQuMzE2IDQuNDUzeiIvPgogICAgPC9kZWZzPgogICAgPHVzZSBmaWxsPSIjNzVDM0Y5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03IC00KSIgeGxpbms6aHJlZj0iI2EiLz4KPC9zdmc%2BCg%3D%3D);
  margin-left: 11px;
  position: absolute;
  right: 9px;
  top: 12px;
}
.activation-img img {
    height: 400px;
    float: right;
}

.activation-desc {
    position: absolute;
    left: 40%;
    top: 40%;
}

.go-home-btn {
    position: absolute;
    bottom: 5%;
}

@media screen and (max-width:992px) {
    .activation-img img {
        height: auto;
    }

    .activation-desc {
        position: relative;
        text-align: center;
    }

    .go-home-btn {
        position: relative
    }
}
.innerwrap.product:hover .product-hover {
    transform: translateX(0px) !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media screen and (min-width: 1200px) {
    .hover-col-3 {
        height: 170px;
    }
    .hover-col-2 {
        height: 240px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .hover-col-3 {
        height: 150px;
    }
    .hover-col-2 {
        height: 240px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .hover-col-3 {
        height: 125px;
    }
    .hover-col-2 {
        height: 185px;
    }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
    .hover-col-3 {
        height: 125px;
    }
    .hover-col-2 {
        height: 190px;
    }
}
@media screen and (min-width: 576px) and (max-width: 640px) {
    .hover-col-3 {
        height: 145px;
    }
    .hover-col-2 {
        height: 155px;
    }
}
@media screen and (min-width: 512px) and (max-width: 576px) {
    .hover-col-3 {
        height: 140px;
    }
    .hover-col-2 {
        height: 135px;
    }
}
@media screen and (max-width: 512px) {
    .hover-col-3 {
        height: 110px;
    }
    .hover-col-2 {
        height: 110px;
    }
}
.product-hover > p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    border-bottom: 2px solid #f4f4f4;
}
i#zoomPlus:hover {
    color: #ed1c24 !important;
}
.product-hover > p:last-child {
    border-bottom: none !important;
}
.product-hover > p:last-child {
}
a.btn.btn-products.all-btn.col-d-100.col-t-100.col-m-100.btn-1:hover > p {
    /* transform: translateX(-100%); */
}
.btn-2:hover > i.fa.fa-long-arrow-right {
    opacity: 1 !important;
    transform: translateX(0px) !important;
}
.btn-1:hover > p {
    opacity: 0;
    transform: translateY(-100%);
}
.btn-1:hover > i.fa.fa-long-arrow-right {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    visibility: visible !important;
}
/*.btn-2:hover > p {
    opacity: 0;
    transform: translateY(-100%);
}*/
/*.btn-2:hover > i {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    visibility: visible !important;
}*/
.product-cart {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0 #0000001c;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.14);
}
.product-cart:hover {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .25);
}

.product-cart .product {
    border-radius: 5px !important;
}
.product-hover {
    /*height: auto;*/
    background: #7676767d;
    border-radius: 5px 5px 0 0 !important;
    padding: 16% 20%;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}
.product-cart .search-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}
.product-cart .description .product-desc {
    text-align: left;
    margin-top: 15px;
}

    .product-cart .description .product-desc .add-favorite-list {
        float: inline-end;
    }

.product-cart .not-login {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    line-height: 1;
    margin-top: 10px;
}
.product-cart .score {
    font-size: 1.75rem;
    line-height: 2.85rem;
    letter-spacing: 0;
    float: none !important; 
    padding: 0;
    margin-top: 15px;
}
.product-cart .wrap-quantity {
    border: none;
}
.product-cart .step-quantity {
    line-height: 2.4rem;
    background-color: #f6f6f6;
}
.product-cart .message-alert {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0px;
}
.product-cart .actions {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.product-cart .detail-btn {
    background-color: lightgrey;
    border: unset;
    color: black;
    font-size: 11px;
    font-weight: bold;
    float: none !important;
    border-radius: 5px;
    max-width: 49% !important;
    overflow: hidden;
    padding: 10px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-cart .detail-btn-text {
    line-height: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    transition: 0.2s !important;
    width: 100% !important;
}
.product-cart .detail-btn-hover {
    font-size: 24px;
    position: absolute;
    transform: translateX(-100%);
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    width: 100%;
    visibility: hidden;
}
.product-cart .basket-btn {
    background-color: #ED1C24;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    max-width: 100% !important;
    padding: 12px;
    margin: 0;
    display:flex;
}
.product-cart .basket-btn-text {
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500 !important;
    line-height: 24px;
    word-wrap: break-word;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px !important;
}
.product-cart .basket-btn-hover {
    font-size: 24px;
    position: absolute;
    transform: translateX(100%);
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    width: 100%;
    visibility: hidden;
}
/*.product-cart .badge-discount {
    background: #ed1c24;
    color: #fff;
    padding: 2px 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0;
    position: absolute;
    display: inline-block;
}*/
.product-cart .price.old:after {
    width: 100%;
    content: ' ';
    height: 1px;
    overflow: hidden;
    left: 0;
    top: 52%;
    /*background-color: #D9D9D9;*/
    display: block;
    position: absolute;
}
/*.product-cart .store-stock-btn {
    padding: 2.5px !important;
    border-radius: 5px !important;
}*/
#selectBoxDate {
    margin-left: 25px;
    background: #efefef;
    border-color: #a8a8a9;
}

.order-cancel-title {
    margin-bottom: 25px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #5a5a5a;
}
.order-cancel-message-btn {
   border: none;
   background: none;
}
.order-cancel-message-btn::after {
   outline: none;
}
.order-cancel-message-btn:hover {
    color: #ed1c24;
    cursor: pointer;
}
.btn-cancel-order {
    margin-bottom: 5px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px
}
.orderCancelMessage {
    border-radius: 5px;
    box-shadow: 3px 1px 15px 1px rgba(0,0,0,0.2);
}
#order-cancel-popup .input-focus {
    height: 300px;
}
.validationOrderCancelcustom {
    color: #ff5d5d !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    position: relative;
    left: 0;
    bottom: -1rem;
}
.validationCancelReasonText {
    color: #ff5d5d !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    position: relative;
    left: 0;
    bottom: -1rem;
}
.validateCancelReasonMesg {
    font-size: 16px;
    text-align: center;
    color: #ed1c24;
}
.advance-check {
    width: auto !important;
    margin: 0;
    position: relative;
    cursor: pointer;
}
    .advance-check:before {
        content: "";
        display: block;
        position: absolute;
        width: 13px;
        height: 14px;
        top: 0;
        left: 0;
        margin-top: 5px;
        padding: 1px;
        border: 1px solid #333333;
        border-radius: 2px;
        background-color: white;
    }

    .advance-check:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid black;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 5px;
        left: 5px;
    }
.currentInfo {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px !important;
    color: #cccccc
}
    .currentInfo .currentInfoBox {
        border: 1px solid #e6e6e6;
        visibility: hidden;
        width: 270px;
        background-color: #fff;
        color: #ccc;
        text-align: center;
        border-radius: 10px;
        padding: 10px 10px 15px 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        font-size: 12px;
        margin-left: -135px;
        box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    }

        .currentInfo .currentInfoBox::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

    .currentInfo .infoBoxClose {
        display: flex;
        color: #404040;
        flex-direction: row-reverse;
    }

    .currentInfo .infoBoxShow {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }
@media screen and (min-width: 1440px) {
    .table-payment-status {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width: 1439px) {
    .table-payment-status .currentInfo .currentInfoBox {
        width: 150px;
        margin-left: -75px;
    }
}

.current-table-item .currentInfo {
    font-size: 12px !important;
}

.paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #5a5a5a;
}

.li-paging {
    display: inline-block;
    margin: 0rem 1.25rem 0rem 1.25rem;
}

.page-action.active {
    text-decoration: underline;
    font-weight: bold;
}


/* wattp moneypoints*/

.wattp-main-content h1 {
    margin-bottom: 10px;
}

.wattp-main-content .watt-information-table {
    margin: 5px 0;
    padding: 2% 5%;
    background-color: #fff;
    border-radius: 23px;
    background: #FFF;
    box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
}

    .wattp-main-content .watt-information-table.second {
        padding: 5% 5%;
    }

        .wattp-main-content .watt-information-table.second .title.used {
            position: relative;
            display: inline-block;
            width: 70%;
            float: left;
            padding-left: 20px;
            font-weight: bold;
            font-size: 15px;
        }

        .wattp-main-content .watt-information-table.second .currentInfo {
            text-align: right;
            display: inline-block;
        }

        .wattp-main-content .watt-information-table.second .second {
            width: 30%;
            text-align: right;
            font-size: 21px;
            display: inline-block;
        }

        .wattp-main-content .watt-information-table.second .title:before {
            width: 13px;
            bottom: 30%;
            position: absolute;
            content: "";
            border-radius: 5px;
            background: #E51C28;
            height: 5px;
            left: 0;
        }

        .wattp-main-content .watt-information-table.second .currentInfo .currentInfoBox {
            left: 80%;
        }

    .wattp-main-content .watt-information-table h3 {
        padding: 5px 0px 7px 0px;
        color: #000;
        font-family: Roboto,sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-bottom: 2px solid #D9D9D9;
    }

    .wattp-main-content .watt-information-table .info-content {
        width: 100%;
        display: flex;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        padding: 0;
        text-decoration: none;
        margin-top: 2%;
    }

        .wattp-main-content .watt-information-table .info-content .info-item {
            color: #3E3E3F;
            text-align: center;
            font-family: Roboto,sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            display: flex;
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
            position: relative;
        }

            .wattp-main-content .watt-information-table .info-content .info-item .title {
                position: relative;
                display: flex;
                font-size: 15px;
                font-weight: bold;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .second {
                position: relative;
                color: #000;
                text-align: center;
                font-family: Roboto,sans-serif;
                font-size: 40px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                min-height: 80px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-top: 5%;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title:before {
                width: 34px;
                height: 5px;
                position: absolute;
                content: "";
                left: 0;
                bottom: -40%;
                border-radius: 5px;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.active:before {
                background: #5FD24C;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.passive:before {
                background: #FFEC44;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .title.used:before {
                background: #E51C28;
            }

            .wattp-main-content .watt-information-table .info-content .info-item .currentInfo {
                color: #C5C5C8;
                text-align: center;
                font-family: Roboto,sans-serif;
                font-size: 16px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
                content: "[?]" !important;
                cursor: pointer;
                display: inline-block;
            }

.wattp-main-content .currentInfo .currentInfoBox {
    border: 1px solid #e6e6e6;
    visibility: hidden;
    width: 270px;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 94%;
    font-size: 12px;
    margin-left: -135px;
    background: #FFF;
    box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.06);
}

.wattp-main-content .currentInfo .infoBoxClose {
    display: flex;
    color: #404040;
    flex-direction: row-reverse;
}

.wattp-main-content .currentInfo .infoBoxShow {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.wattp-main-content .currentInfo .currentInfoBox::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.wattp-main-content .order-table {
    margin-top: 30px;
}

    .wattp-main-content .order-table h2 {
        margin-bottom: 25px;
        font-family: Roboto,sans-serif;
        line-height: 1.45833333rem;
        font-weight: 700;
    }

    .wattp-main-content .order-table ul li span {
        width: 14.28%;
        float: left;
        text-align: center;
        font-family: Roboto,sans-serif;
        letter-spacing: .11em;
        line-height: 1.45833333rem;
        font-size: .89rem !important;
        font-weight: 700;
        display: table;
        min-height: 1px;
    }

.wattp-main-content .watt-desc {
    margin: 20px 5px;
    text-align: center;
}

.wattp-main-content .watt-text {
    margin: 10px;
    font-size: 14px;
}

.wattp-main-content .watt-campaign-desc {
    color: #ccc;
}

    .wattp-main-content .watt-campaign-desc strong {
        color: #3E3E3F
    }

.wattp-main-content .watt-campaign-row .campaign-desc {
    font-size: 16px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}

.wattp-main-content .watt-campaign-row .campaign-detail-content .campaign-detail {
   font-weight:bold;
}

.wattp-main-content .watt-campaign-row .campaign-detail-content .nav-arrow-black {
    position: absolute;
    top: 23px;
    right: 25px;
}

.wattp-main-content .icons-area {
    display: flex;
}

.wattp-main-content .icons-area img {
   margin-right:12px;
}

.wattp-main-content .earn-wattp-area {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.wattp-main-content .earn-wattp-area p{
    margin-right:3px;
    font-size:20px;
}

/*.wattp-main-content .js-campaign-list {
    padding-right: 15px;
}*/

.wattp-main-content .js-campaign-list .watt-campaign-row {
    border-radius: 19px;
    border: 1px solid rgba(217, 217, 217, 0.63);
    margin: 10px 0;
    padding: 15px;
    display: table;
    position: relative;
    width: 100%;
}


.wattp-main-content .js-campaign-list .watt-campaign-row:last-child {
    margin-bottom: 16px;
}


/*.wattp-main-content .js-show-detail {
    float: right;
}

    .wattp-main-content .js-show-detail svg {
        position: absolute;
        top: 50%;
        right: 3%;
        transform: translateY(-50%);
    }*/

.wattp-main-content .campaign-detail {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.wattp-main-content .js-wattpoint-orderlist {
    margin: 15px 0px
}

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head {
        border-bottom: 1px solid #414042 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.value-row {
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row .list-column.widetext {
       font-size:14px !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head {
        font-family: 'Roboto-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px !important;
    }

        .wattp-main-content .js-wattpoint-orderlist .content-list .list-row.head .list-column {
            color: #3E3E3F;
            letter-spacing: 0.2px;
        }

    .wattp-main-content .js-wattpoint-orderlist .pending-orders .points-earned, .wattp-main-content .js-wattpoint-orderlist .approve-orders .points-earned {
        color: #ED1C24 !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .change-order-list {
        color: #c5c5c8;
    }

        .wattp-main-content .js-wattpoint-orderlist .change-order-list.active {
            color: #333;
            font-family: "Roboto-Bold" !important;
        }

    .wattp-main-content .js-wattpoint-orderlist .content-title {
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .approve-border {
        z-index: -1;
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .pending-border {
        display: none;
        z-index: -1;
        position: relative;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .approve-tab {
        font-family: "Roboto-Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .pending-tab {
        line-height: 50px;
        padding-left: 55px;
        font-size: 16px;
        font-family: "Roboto-Regular";
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        letter-spacing: 0.2px;
    }

.wattp-main-content .win-wattpoint {
    background: rgba(245, 240, 227, 0.58);
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0px;
    font-size: 14px !important;
    padding-bottom: 20px;
}

    .wattp-main-content .win-wattpoint a {
        letter-spacing: 1px;
        font-size: 13px;
    }

    .wattp-main-content .win-wattpoint .continue-btn-container {
        display: table-cell;
        vertical-align: middle;
    }

.wattp-main-content .win-wattpoint-desc {
    display: table-cell;
    vertical-align: middle;
    line-height: 25px;
}

.wattp-main-content .win-wattpoint img {
    width: 278px;
    height: 169px;
    float: left;
}

.wattp-main-content .black-watt {
    color: #3E3E3F;
    font-weight: bold;
    font-size: 24px;
}

.wattp-main-content .red-watt {
    color: #ed1c24;
    font-weight: bold;
    font-size: 24px;
}

.wattp-main-content .js-watt-aggrement, .js-watt-kvkk {
    color: #3E3E3F;
    text-decoration: underline;
}

.wattp-main-content .js-wattpoint-orderlist .order-list-container .content-list .list-row .list-column.widetext {
    letter-spacing: 0px !important;
}

@media screen and (min-width:768px) {
    .wattp-main-content .watt-desc .svg-1 {
        width: 84px;
        height: 88px;
    }

    .wattp-main-content .watt-desc .svg-2 {
        height: 76px;
        width: 86px;
    }

    .wattp-main-content .watt-desc .svg-3 {
        width: 96px;
        height: 86px;
    }

    .wattp-main-content .watt-desc .svg-4 {
        width: 94px;
        height: 90px;
    }

    .wattp-main-content .watt-desc .svg-5 {
        width: 116px;
        height: 100px;
    }

    .wattp-main-content .watt-desc .svg-6 {
        width: 98px;
        height: 40px;
    }

    .wattp-main-content .watt-desc .svg-7 {
        width: 86px;
        height: 88px;
    }
}

@media screen and (max-width:768px) {
    .wattp-main-content .js-order-list {
        letter-spacing: .0001em;
        font-size: 13px !important;
       /* padding: 0 10px;*/
    }

    .wattp-main-content .watt-campaign-row .campaign-desc {
        padding-right: 90px;
        left: 15%;
        font-size:10px;
        top:35%;
    }

    .wattp-main-content .watt-campaign-row .campaign-detail-content .nav-arrow-black {
        position: relative;
        top: -8px;
        padding-top: 5px;
        left: 10px;
    }

        .wattp-main-content .watt-campaign-row .campaign-detail-content {
            display: flex;
            align-items: center;
            position: absolute;
            left: 53px;
            top: 40px;
        }

    .wattp-main-content .campaign-detail {
      /*  right: 11%;*/
        position: static
    }

    #wattp_content .modal-element .continue-btn-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wattp-main-content .win-wattpoint img {
        float: none;
        margin: 0 auto;
        display: table;
    }

        .wattp-main-content .win-wattpoint .win-wattpoint-desc {
            float: none;
            margin: 0 auto;
            display: table;
        }

        .wattp-main-content .win-wattpoint .continue-btn-container {
            float: none;
            margin: 0 auto;
            display: table;
        }

    .wattp-main-content .approve-border, .pending-border {
        left: -15%;
    }

    .wattp-main-content .value-row {
        width: 100% !important;
      /*  float: left;*/
        border-bottom: none !important;
    }

    .wattp-main-content .column-value {
        width: 100% !important;
        padding: 1rem 0rem 1rem 0rem !important
    }

    .wattp-main-content .column-row {
        width: 40% !important;
        float: left;
        border-bottom: none !important;
    }

 /*   .wattp-main-content .column-name {
        width: 100% !important;
    }*/

    .wattp-main-content .company-customer {
        line-height: 1rem;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title .pending-tab{
        padding-left:20px;
    }

    .wattp-main-content .approve-orders .list-column .column-name, .pending-orders .list-column .column-name {
        width: 43% !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-list .list-row .list-column {
        padding: 0 0rem 1.83333333rem 0rem !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .content-title {
        margin-bottom: 20px !important;
    }

    .wattp-main-content .js-wattpoint-orderlist .order-list-container .content-list .list-row.value-row {
        margin-top: 20px !important;
    }
}

main#account .wattp-main-content .content-title {
    border-bottom: none;
}

.wattp-main-content .content-title .approve-svg, .wattp-main-content .content-title .pending-svg {
    position: absolute;
    left: 0;
}

.wattp-main-content .content-title .pending-svg {
   display:none;
}

.wattp-main-content .js-order-list {
    cursor: pointer;
    /*padding: 0 20px;*/
    font-size: 14px;
}

    .wattp-main-content .js-order-list:hover {
        text-decoration: underline;
    }

.wattp-main-content .approve-border, .pending-border {
    z-index: -1;
    position: relative;
}

.wattp-main-content .approve-tab.active ~ .approve-border {
    display: block;
}

.wattp-main-content .approve-tab.active ~ .pending-border {
    display: none;
}

.wattp-main-content .pending-tab.active ~ .approve-border {
    display: none;
}

.wattp-main-content .pending-tab.active ~ .pending-border {
    display: block;
}

.wattp-main-content .order-list-container .approve-no-order, .wattp-main-content .order-list-container .pending-no-order {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .wattp-main-content .order-list-container .approve-no-order img, .wattp-main-content .order-list-container .pending-no-order img {
        margin-right:15px;
    }

.wattp-main-content .order-list-container .pending-no-order {
    display:none;
}

.wattp-main-content .approve-orders .list-column.status .status, .pending-orders .list-column.status .status {
    font-size: 13px !important;
}

.wattp-main-content .approve-orders .list-column, .pending-orders .list-column {
    width: 25%;
}

.wattp-main-content .company-customer .customer, .order-id .date {
    color: #c4c4c4;
    padding: 5px 0 0 0;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    font-family: "Roboto-Light";
}

.wattp-main-content .js-wattpoint-orderlist .order-list-container .list-column .order-id a, .wattp-main-content .js-wattpoint-orderlist .order-list-container .list-column .company {
    font-family: "Roboto-Light";
}

.wattp-main-content .column-value .total-amount {
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.wattp-main-content .column-value .win-watt-point {
    font-weight: bold;
    display: inline-flex;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

    .wattp-main-content .column-value .win-watt-point .point-icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 3px;
    }

        .wattp-main-content .column-value .win-watt-point .point-icon-container .star-icon {
            position: absolute
        }

.wattp-main-content .column-value.status {
    /*width:auto;*/
}

    .wattp-main-content .column-value.status .status {
        border: 1px solid #000;
        padding: 0px 10px !important;
        border-radius: 15px;
        color: #fff;
        position: relative;
        display: inline-block;
        font-size:12px !important;
        font-family:"Roboto-Light";
    }

        .wattp-main-content .column-value.status .status.completed {
            background: #7DBB73;
            border-color: #7DBB73;
        }

        .wattp-main-content .column-value.status .status.waiting {
            border-color: #6A6A6A;
            background: #6A6A6A;
        }

        .wattp-main-content .column-value.status .status.cancelled {
            border-color: #ed1c24;
            background: #ed1c24;
        }

.wattp-main-content .border-right {
    text-decoration: underline;
    padding-right: 5px;
}

.wattp-main-content .paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: none;
    border-bottom: none;
    color: #8a8a8a;
    margin-top: 0px;
    margin-bottom: 0px;
}

.wattp-main-content .li-paging {
    display: inline-block;
    margin-left: 11px;
}

.wattp-main-content .page-action.active {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding: 3px 6px;
    border: 1px solid #000;
}

.wattp-main-content .page-action.prev img {
    transform:scaleX(-1);
}

.wattp-main-content .win-wattpoint .btn.mtx1, .wattp-main-content .watt-desc .btn.mtx1 {
    font-family: 'Roboto-Light',sans-serif;
    padding:12px 20px;
    font-size:14px;
    letter-spacing:1px;
}
.wattp-main-content .win-wattpoint .btn.mtx1:hover, .wattp-main-content .watt-desc .btn.mtx1:hover {
    background-color: #ed1c24 !important;
    color: #fff;
}
.wattp-main-content .win-wattpoint .btn.mtx1 img, .wattp-main-content .watt-desc .btn.mtx1 img {
    width: auto;
    height: auto;
    float: right;
    position: relative;
    top: 2px;
    left: 6px;
}

/*watt campaign popup*/
#wattp_content {
    border-radius: 5px;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.38);
}

    #wattp_content .modal-element .modal-content {
        padding: 0.5rem 2rem !important;
    }

    #wattp_content .modal-element .modal-content .modal-subtitle {
        border-bottom: 1px solid #D9D9D9;
        color: #000;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 135.2%;
    }

    #wattp_content .modal-element {
        width: 600px !important;
        height: auto;
    }

        #wattp_content .modal-element .continue-btn-container .continue-shopping {
            border-radius: 5px;
            background: #ED1C24;
            padding: 14px 23px;
            float: right;
            display: flex;
            letter-spacing: 0.1rem;
            color: #FFF;
            text-align: center;
            font-family: "Roboto-Regular";
            font-size: 14px;
            line-height: normal;
            margin-bottom: 27px;
        }

            #wattp_content .modal-element .continue-btn-container .continue-shopping:hover{
                color:#fff;
            }

            #wattp_content .modal-element .continue-btn-container .continue-shopping img {
                margin-left: 5px;
            }

    #wattp_content .modal-close {
        top: 30px;
        right: 30px;
        border: none;
        background-color: transparent;
    }

    #wattp_content .campaign-info-area {
        width: 100%;
        border-radius: 19px;
        background: #F5F5F5;
        position: relative;
        height: 61px;
        display: flex;
        align-items: center;
        padding: 35px;
    }

    #wattp_content .campaign-info-area img {
        margin-right: 18px;
    }


    #wattp_content .watt-dynamic-content .watt-content-main {
        color: #3E3E3F;
        font-family: 'Roboto-Light' !important;
        margin-top: 30px;
    }

        #wattp_content .watt-dynamic-content .watt-content-main strong {
            color: #F44;
            font-family: 'Roboto-Regular' !important;
        }

        #wattp_content .watt-dynamic-content .watt-content-main .watt-info-area {
            margin: 4px 0px 15px 0px;
        }

            #wattp_content .watt-dynamic-content .watt-content-main .watt-info-area .watt-content-list {
                list-style-type: disc !important;
                font-family: 'Roboto-Regular' !important;
                margin-left: 25px;
            }

.order-wpcampaign-area {
    float: right;
    padding: 0;
    margin-top: 16px;
    width:100%;
}
.order-wpcampaign-area .order-pagewp-area{
    text-align:center;
    padding-bottom:13px;
    border-bottom:1px solid #D9D9D9;
}

.order-wpcampaign-area .order-pagewp-area .wp-title{
    font-family: 'Roboto-Regular';
    font-size: 16px;
    color:#C5C5C8;
}
.order-wpcampaign-area .order-pagewp-area .wp-title bold{
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 400;
    color:#333333;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .thin{
    margin-left:10px;
    color:#333333;
    font-weight: 300;
    font-family: 'Roboto-Light';
}
.order-wpcampaign-area .order-pagewp-area .wp-title .thin img{
    display:inline-block;
    position:relative;
    top:2px;
}
.order-wpcampaign-area .order-pagecampaign-area{
    margin-top:13px;
}
.order-wpcampaign-area .order-pagecampaign-area p{
    margin-bottom:13px;
    color: #333;
    font-size: 13px;
    font-family: Roboto-Medium;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item{
    padding:10px 15px;
    margin-bottom:7px;
    border-radius: 15px;
    border: 1px solid rgba(217, 217, 217, 0.63);
    display:table;
    position:relative;
    width:100%;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item img{
    margin-right:9px;
    float:left;
}
.order-wpcampaign-area .order-pagecampaign-area .campaign-item span{
    position: absolute;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size:9px;
    font-family: 'Roboto-Light';
    font-weight: 300;
}
.continue-shopping-buttons{
    padding:0;
}
.continue-shopping-buttons .continue-shopping {
    border-radius: 5px;
    background: #ED1C24;
    color: #fff;
    font-size: 14px;
    padding: 14px 33px;
    width: auto;
    display: inline-block;
    float: right;
    margin-left: 9px;
}
.continue-shopping-buttons .continue-shopping img{
    float: right;
    margin-left: 6px;
    position: relative;
    top: 1px;
}
.continue-shopping-buttons input {
    margin-bottom: 5px;
    float: right;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 27px;
    background: #737373;
    border-color: #737373;
    letter-spacing: 0;
    line-height: 12.4px;
}
.continue-shopping-buttons input:hover{
    background: #737373;
    border-color: #737373;
    color:#fff;
}
.continue-shopping-buttons .js-form-error{
    color: #E85A4B;
    text-align: right;
    margin-top: 10px
}
@media (min-width:992px) {
    .order-wpcampaign-area {
        max-width: 24% !important;
        width: 100%;
    }
}
@media (max-width:991px) {
    .continue-shopping-buttons{
        margin-top:10px;
    }
    .continue-shopping-buttons input {
        width: calc(44% - 4px);
        padding: 14px 0;
    }
    .continue-shopping-buttons .continue-shopping {
        width: calc(55% - 4px);
        padding: 14px 0;
        display: flex;
        align-items: center;
        justify-content: center;

    }
}
.order-wpcampaign-area .order-pagewp-area{
    position:relative;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox {
    border: 1px solid #e6e6e6;
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 15px;
    z-index: 1;
    font-size: 12px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    position: absolute; 
    bottom: 35px;
    right: 0;
    left: 0;  
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcurrentInfo {
    cursor: pointer;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpinfoBoxShow {
    visibility: visible;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox .wpinfoBoxClose {
    right: 5px;
    position: absolute;
    width: 8px;
    top: 5px;
}
.order-wpcampaign-area .order-pagewp-area .wp-title .wpcampaign.wpInfoBox span {    
    color: #3E3E3F;
    font-family: 'Roboto-Light';
    font-size: 9px;
}

#special-advantages {
    background: #fafafa;
    padding: 2.16666667rem 1.66666667rem 1.66666667rem 1.66666667rem;
    border: 1px dashed #e4e4e4;
    border-top: 0;
}
#special-advantages h3{
    display:table;
}
#special-advantages .special-advantages-item{
    margin-bottom:10px;
}

/*Mini Proje Help Desk Main*/
.help-desk-btn {
    letter-spacing: 0.1em;
}

.help-desk-btn:hover {
    color: #ed1c24;
}

#help_desk_content .modal-element {
    width: 90rem !important;
}

#help_desk_content.modal .modal-element .modal-content {
    padding: 1.5rem 2.5rem;
}

#help_desk_content .modal-element .modal-close {
    border: none;
    top: 35px;
    right: 25px;
}

    #help_desk_content .modal-element .modal-close .icon-close {
        font-weight: bold
    }

#help_desk_content .modal-element .title {
    display: flex;
    align-items: baseline;
}

    #help_desk_content .modal-element .title .modal-subtitle {
        font-size: 20px;
        font-weight: bold;
        border-bottom: none;
        color: #333 !important;
        padding-right: 5px;
    }

    #help_desk_content .modal-element .title .subtitle {
        font-weight: normal;
        font-size: 20px;
        color: #333 !important
    }

#help_desk_content .modal-element .modal-section {
    display: flex;
}

#help_desk_content .modal-element .content-1 .modal-section .modal-wrap {
    width: calc(100% / 4);
    height: 540px;
    background-color: #f6f6f6;
    margin-right: 10px;
    position: relative
}

    #help_desk_content .modal-element .modal-section .modal-wrap:last-child {
        margin-right: 0px;
    }

  /*  #help_desk_content .modal-element .modal-section .modal-wrap .img-area {
        position: absolute;
        top: 60px;
        left: 8px;
    }*/

        #help_desk_content .modal-element .modal-section .modal-wrap .img-area {
            display: flex;
            justify-content: center;
            margin-top: 60px;
        }

    #help_desk_content .modal-element .modal-section .modal-wrap .content-area {
        position: absolute;
        top: 210px;
        text-align: center;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .content-area hr {
            border-bottom: 2px solid #333;
            width: 30%;
        }

        #help_desk_content .modal-element .modal-section .modal-wrap .content-area p {
            color: #333;
            font-weight: lighter;
            padding-top: 15px;
            line-height: 1.6rem;
            margin: 0px 15px;
        }

    #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area {
        position: absolute;
        bottom: 15px;
        left: 55%;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area .start-video-btn {
            display: flex;
            align-items: center;
            color: #333;
            font-weight: bold;
        }

            #help_desk_content .modal-element .modal-section .modal-wrap .start-video-area .start-video-btn span {
                margin-right: 10px;
                color: #333
            }

#help_desk_content .modal-element .modal-section.bottomcontrols {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-btn,
    #help_desk_content .modal-element .modal-section.bottomcontrols .next-btn,
    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area,
    #help_desk_content .modal-element .modal-section.bottomcontrols .start-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-btn {
        left: 0;
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area {
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .next-btn, #help_desk_content .modal-element .modal-section.bottomcontrols .start-btn {
        right: 0;
    }

    #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area .dotted {
            width: 8px;
            height: 8px;
            background-color: #f6f6f6;
            border-radius: 100%;
            margin-right: 5px;
        }

            #help_desk_content .modal-element .modal-section.bottomcontrols .dotteda-area .dotted.active {
                width: 8px;
                height: 8px;
                background-color: #ed1c24;
                border-radius: 100%;
            }

    #help_desk_content .modal-element .modal-section.bottomcontrols .prev-area a {
        color: #333;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .prev-area img {
            margin-right: 5px;
        }

    #help_desk_content .modal-element .modal-section.bottomcontrols .next-area a, #help_desk_content .modal-element .modal-section.bottomcontrols .start-area a {
        color: #ed1c24;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

        #help_desk_content .modal-element .modal-section.bottomcontrols .next-area a img, #help_desk_content .modal-element .modal-section.bottomcontrols .start-area a img {
            margin-left: 5px;
        }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap {
    width: calc(100% / 3);
    height: 540px;
    background-color: #f6f6f6;
    margin-right: 20px;
    position: relative
}

    #help_desk_content .modal-element .content-2 .modal-section .modal-wrap:last-child, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap:last-child {
        margin-right: 0px;
    }

    #help_desk_content .modal-element .modal-section .modal-wrap .project-steps {
        position: absolute;
        top: 20px;
        right: 20px;
    }

        #help_desk_content .modal-element .modal-section .modal-wrap .project-steps p {
            color: #ed1c24;
            font-size: 20px;
            font-weight: bold;
        }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .img-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .img-area {
    margin-top: 50px;
}

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .content-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .content-area {
    top: 230px;
}


    #help_desk_content .modal-element .content-2 .modal-section .modal-wrap .content-area p, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .content-area p {
        margin: 0px 25px;
    }

#help_desk_content .modal-element .content-2 .modal-section .modal-wrap .start-video-area, #help_desk_content .modal-element .content-3 .modal-section .modal-wrap .start-video-area {
    left: 66%;
}

#help_desk_content .modal-element .content-4 .modal-section .modal-wrap {
   width:100%;
}

    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list {
        margin-bottom: 15px;
        margin-top: -15px;
    }

        #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul {
            display: flex;
            list-style: none;
            padding: 0;
            width: 98%;
        }

            #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li {
                flex: 1;
                text-align: center;
                position: relative;
            }

                #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a {
                    display: block;
                    position: relative;
                    padding: 5px;
                    text-decoration: none;
                    color: #707070;
                    font-weight:bold;
                }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a::after {
                        content: '|';
                        position: absolute;
                        top: 50%;
                        right: 0;
                        transform: translateY(-50%);
                        margin-left: 5px;
                        font-weight: bold;
                        color: #707070 !important;
                    }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li a.active{
                        color:#ed1c24;
                        font-weight:bold;
                    }

                    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-list ul li:last-child a::after {
                        content: none;
                    }

    #help_desk_content .modal-element .content-4 .modal-section .modal-wrap .video-container iframe{
        width:100%;
        height:500px;
    }

.help-desk-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 50px;
}

@media screen and (max-width:1200px) {
    .header-div-custom {
        height: 91px !important;
    }

    .logo-display {
        display: none
    }
}

.logo-display {
    height: 80px !important
}

.menubtn {
    position: absolute;
    left: +1%;
    top: +24%;
}

.cartbtn {
    position: absolute;
    right: +1%;
    top: +20%;
}

.seperate.custom-items a.active {
    font-weight: 700;
    text-decoration: underline;
}

.menumobileproduct {
    font-weight: bold;
}

.seperate.custom-items a i {
    margin-right: 0;
    float: right;
    display: inline-block;
    color: #FFF;
    font-weight: 600;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.58333333rem;
    font-size: 0.850rem;
    padding-left: 0.08333333rem;
    box-sizing: border-box;
    text-align: center;
    background-color: #ed1c24;
}

/*HomePage Menu*/
#header-content {
    height: 152px;
}
#checkout #header-content {
    height: auto;
    top: 0;
}

#checkout header .header-logo {
    width: 13.5em !important;
}
.header-category-menu {
    font-family: Roboto, sans-serif;
    border-top: 1px solid #ccc
}

    .header-category-menu .header-menu {
        height: 71px;
        margin: 0 50px;
    }

        .header-category-menu .header-menu .navbar {
            display: flex;
            align-items: center;
            list-style: none;
            padding: 0;
            height: 100%;
            width: 100%;
        }

            .header-category-menu .header-menu .navbar ul {
                margin-bottom: 0rem;
            }

            .header-category-menu .header-menu .navbar li {
                display: inline-block;
            }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .main-category-title {
            padding: 23px 0;
            margin-right: 32px;
            color: #1B1B19;
            font-size: 14px;
            font-weight: 300;
            font-family: 'Roboto-Light';
            word-wrap: break-word;
        }

            .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .main-category-title:hover {
                text-decoration: none;
            }

        .header-category-menu .header-menu .navbar li .mega-menu {
            visibility: hidden;
            position: absolute;
            width: 100%;
            min-height: 527px;
            background-color: #fff;
            top:71px;
            left: 0;
            z-index: 9999999;
            opacity: 0;
            display: flex;
            justify-content: space-between;
        }

        .header-category-menu .header-menu .navbar .elektrolog {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .header-category-menu .header-menu .navbar .elektrolog a {
            font-weight: 600;
            font-family: 'Roboto-Regular';
            color: #1B1B19;
            font-size: 14px;
            text-decoration:none;
            word-wrap: break-word
        }

        .header-category-menu .header-menu .navbar .elektrolog img {
            width: 20px;
            float: left;
            margin-right: 8px;
        }

        .header-category-menu .header-menu .navbar .proje-m {
            margin-left: auto;
            margin-right: 0;
        }

            .header-category-menu .header-menu .navbar .proje-m img {
                width: 76px;
            }


        .header-category-menu .header-menu .mega-menu {
            display: flex;
            height:527px;
        }

            .header-category-menu .header-menu .mega-menu .dropdowns {
                padding-top: 30px;
                padding-left: 0;
            }

            .header-category-menu .header-menu .mega-menu .left-column {
                padding-left: 40px;
               /* width:56%*/
            }


            .header-category-menu .header-menu .mega-menu .right-column {
                /*   flex: 40%;*/
               /* width: 44%*/
            }
                .header-category-menu .header-menu .mega-menu .right-column .menu-img {
                    height: 100%;
                    width: 100%;
                }

                    .header-category-menu .header-menu .mega-menu .right-column .menu-img img {
                        height: 100%;
                        width: auto;
                        object-fit: cover;
                    }
            .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu {
                margin: 0 30px 0 0;
            }

                .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li a {
                    text-decoration: none;
                    color: #1B1B19;
                }

                .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul {
                    list-style-type: none;
                    padding: 0;
                }

                    .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul .drop-down-menu-title {
                        padding-bottom: 10px;
                    }

                        .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul .drop-down-menu-title a {
                            color: #1B1B19;
                            font-size: 14px;
                            font-weight: 600;
                            word-wrap: break-word;
                            font-family: 'Roboto-Regular'
                        }

                    .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li {
                        display: block;
                        padding-bottom: 5px;
                        font-size: 13px;
                        font-weight: 300;
                    }

                        .header-category-menu .header-menu .mega-menu .left-column .dropdowns .drop-down-menu ul li a {
                            font-size: 13px;
                            font-weight: 300;
                            font-family: 'Roboto-Light';
                        }

            .header-category-menu .header-menu .mega-menu .left-column .all-product {
                position: absolute;
                bottom: 20px;
                display: block;
                display: flex;
                align-items: center;
            }

                .header-category-menu .header-menu .mega-menu .left-column .all-product img {
                    width: 16px;
                }

                .header-category-menu .header-menu .mega-menu .left-column .all-product .all-product-text {
                    color: #ED1C24;
                    font-size: 14px;
                    font-weight: bold;
                    word-wrap: break-word;
                    text-decoration: none;
                    margin-right: 6px;
                }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .mega-menu:hover,
        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down a:hover + .mega-menu {
            visibility: visible;
            opacity: 1;
            transition: .4s ease;
        }

        .header-category-menu .header-menu .megaOverlay {
            position: absolute;
            width: 300vw;
            left: -100vw;
            top: 71px;
            height: 100vh;
            background: #000;
            opacity: 0;
            visibility: hidden;
        }

        .header-category-menu .header-menu .mega-dropdown-area > li > a:hover ~ .megaOverlay, .header-category-menu .header-menu .mega-dropdown-area > li:active .megaOverlay, .header-category-menu .header-menu .mega-dropdown-area > li:hover .megaOverlay {
            visibility: visible;
            display: inline-block;
            opacity: .6;
        }

        .header-category-menu .header-menu .mega-dropdown-area .mega-drop-down .megaOverlay:hover {
            opacity: 0;
            visibility: hidden;
        }

        .header-category-menu .header-menu .mega-menu .left-column .product-menu-area {
            padding-left: 0;
            margin-top: 20px;
            /*margin-bottom:60px;*/
        }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .left-column-img {
                margin-bottom: 15px;
            }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul {
                list-style-type: none;
                width:293px;
            }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul li {
                    display: flex;
                    align-items: center;
                    background-color: #F5F5F5;
                    border-radius: 8px;
                    margin-bottom: 8px;
                    height: 78px;
                }

                    .header-category-menu .header-menu .mega-menu .left-column .product-menu-area ul li a {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;
                        text-decoration: none;
                    }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .left-column-img img {
                max-width: max-content;
            }

            .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content {
                height: 78px;
                background-color: #F5F5F5;
                border-radius: 8px
            }


                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .product-content-image {
                    height: 67px;
                    margin: 0 40px 0 4px;
                    border-radius: 8px
                }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .product-content-title {
                    font-family: 'Roboto-Regular';
                    text-decoration: none;
                    margin-right: 40px;
                    color: #1B1B19;
                    font-size: 13px;
                    font-weight: 400;
                    word-wrap: break-word;
                }

                .header-category-menu .header-menu .mega-menu .left-column .product-menu-area .products-content .product-content .chevron-right {
                    width: 16px;
                    margin-right: 26px
                }

@media screen and (max-width: 1200px) {
    #header-content {
        height:53px;
    }

    .header-category-menu {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .header-category-menu .header-menu .mega-menu .left-column .container {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .header-category-menu .header-menu .mega-menu .left-column{
        width:100%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        display:none;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 80%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 20%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 75%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 25%;
    }
}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 70%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 30%;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
    .header-category-menu .header-menu .mega-menu .left-column {
        width: 65%;
    }

    .header-category-menu .header-menu .mega-menu .right-column {
        width: 35%;
    }
}
/* New footer start */
footer .footer-content {
    background-color: #F5F5F5;
}
footer .footer-content .footer-top-content {
    background-color: #1B1B19;
    background-image: url(/assets/images/benefits-footer-bg-1920.svg);
    background-repeat: no-repeat;
}
@media (min-width:1920px) {
    footer .footer-content .footer-top-content {
        background-size:100%;
    }
}
footer .footer-content .footer-top-content .footer-top-area {
    height: 152px;
    width: calc(100% - 430px);
    margin: 0 auto;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item {                    
    color: #fff;
    align-items: center;
    justify-content: center;
    display:flex;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a{
    text-decoration:none;
    font-size:16px;
}
footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a:hover{
    color:#fff;
    
}
 footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a img{
    display:inline-block;
    margin-right:15px;
}
       
footer .footer-content .footer-bottom-content .footer-bottom-items {
    width:calc(100% - 100px);
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:28px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title{
    color: #1B1B19;
    font-size: 14px;
    font-weight: 700;
    display:block;
    text-decoration:none;
    margin-bottom:24px;
    font-family: 'Roboto-Black';
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title svg {
    display: none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list a{
    color: #1B1B19;
    font-size: 14px;
    font-weight: 300;
    display:block;
    margin-bottom:12px;
    text-decoration:none;
    font-family: 'Roboto-Light';
}
footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list a svg{
    display:none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items{
    width:204px;
    float:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area {
    width: 100%;
    text-align:center;
    border: 1px solid #D9D9D9;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child {
    width: 100%;
    padding: 17px 43px;
    margin-bottom:12px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child {
    width: 100%;
    padding:24px 32px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area img{
    margin:0 auto;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child img {
    width: 118px;
    margin-bottom:9px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child img {
    width: 140px;
    margin-bottom:10px;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area a{
    text-decoration:none;
}
footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area span{
    color: #979494;
    font-family: 'Roboto-Light';
    font-size: 14px;
    font-weight: 300;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items {
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    width: calc(100% - 100px);
    margin:0 auto;
    padding:11px 0;
    margin-bottom:40px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first{
    padding-top: 23px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .text{
    float:left;
    margin-right:24px;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 14px;
    font-weight: 300;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .img-container a{
    float:left;
    margin-right:40px;

}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container{
    float:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container .border-item{
    float:left;
    margin-right:40px;
    width:1px;
    height:58px;
    margin-right:64px;
    display:table;
    background: #D9D9D9;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img{
    float:left;
    margin-right:24px;
    padding-top:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img:last-child{
    float:left;
    margin-right:0;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 11px 0;
    margin-bottom: 40px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container a{
    float:left;
    margin-right:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container a{
    float:left;
    margin-right:20px;
    margin-bottom:8px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container span{
    color: #979494;
    font-size: 14px;
    font-family: 'Roboto-Light';
} 
footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container span bold{
    font-family: 'Roboto-Black';
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container{
    float:right;
    text-align:right;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container img{
    float:left;
    margin-right:20px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span{
    color: #1B1B19;
    font-size: 14px;
    position: relative;
    top: 6px;
}
footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span bold{
    color: #1B1B19;
    font-size: 14px;
    font-family: 'Roboto-Black';
    display:block;
    margin-top:12px;
}
footer .footer-content .footer-bottom-content .copright {
    color: #1B1B19;
    font-size: 14px;
    font-family: 'Roboto-Light';
    width: 100%;
    display: table;
    background: #D9D9D9;
    padding: 9px;
    text-align: center;
}
 @media (max-width:1199px) {
    footer .footer-content .footer-top-content {
        background: url(/assets/images/benefits-footer-bg-375.jpg);
    }
    footer .footer-content .footer-top-content .footer-top-area {
     width:100%;
     height:292px;
     padding:45px 0;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items {
        margin: 0 auto;
        top: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        position: revert;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item {
        justify-content: left;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a{
        margin-bottom:32px;
    }
    footer .footer-content .footer-top-content .footer-top-area .footer-top-items .footer-top-item a img {
        width: 30px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items {
        width: calc(100% - 30px) !important;
        /*width:100%;*/
        margin-top: 0;
        margin-bottom: 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer{
        background:#fff;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title{
        padding:17px 16px;
        border-bottom:1px solid #D9D9D9;
        margin-bottom:0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .footer-sub-title svg {
        display: block;
        float:right;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer .sub-category-list {
        display: none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer.open .sub-category-list {
        display: block;
        margin-top: 10px;
        padding: 0px 16px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .accordion-footer.open svg {
        transform: rotate(90deg);
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items{
        width:100%;
        padding:12px 16px;
        float:none;
    }
    
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:first-child{
        float:left;
        width:calc(50% - 2px);
        height:100px;
        padding: 17px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-items .img-and-text-items .img-and-text-area:last-child{
        float:right;
        width:calc(50% - 2px);
        height:100px;
        padding:28px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items {
        margin-bottom:12px;
        width:calc(100% - 30px);
        padding:0;
        border-top:0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first{
        padding-top:0;
        display: flex;
        justify-content: center;
        padding-bottom: 12px;
        border-bottom: 1px solid #D9D9D9;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .text {
        display: none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .first .img-container a{
        margin:0 15px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container{
        float: none;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container img{
        padding: 20px 0;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-center-items .last .img-container .border-item{
        display:none;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items {
        width: calc(100% - 32px);
        text-align:center;
        margin-bottom:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .first{
        margin-bottom:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .first .img-container .col-12{
        display:flex;
        justify-content:center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container{
        float: none;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container img{
        float:none;
        margin-right:12px;
    }
    footer .footer-content .footer-bottom-content .footer-bottom-end-items .last .img-container span bold{
        display:inline;
    }
}
/* New footer end */
/*dynamic-slider pratik seçim*/
.homepage-slider-content-area {
    margin: 64px 0;
    height: auto;
    width: 100%;
    display: flex;
    background-color: #F5F5F5;
    flex-wrap: wrap;
    height: 764px;
}

    .homepage-slider-content-area .content-area {
        display: flex;
        width: 100%;
    }

        .homepage-slider-content-area .content-area .left-content {
            flex: 1;
            margin-right: 80px;
            width: 48%;
        }

        .homepage-slider-content-area .content-area .right-content {
            flex: 1;
            width: 52%;
        }

    .homepage-slider-content-area .dynamic-slider-title {
        margin-left: 204px;
        margin-top: 120px;
        color: #1B1B19;
        font-size: 36px;
        font-family: "Roboto-Regular",sans-serif;
        font-weight: 400;
        line-height: 44px;
        word-wrap: break-word;
        margin-bottom: 23px;
    }

    .homepage-slider-content-area .imagewrap, .homepage-slider-content-area .image, .homepage-slider-content-area .lookbook-img {
        height: 100%;
    }

    .homepage-slider-content-area .practical-swiper {
        background-color: transparent;
        overflow: hidden;
        margin-left: 204px;
        height: 480px;
        width: calc(73% - 76.75px) !important;
    }

    .homepage-slider-content-area .swiper-button-prev:after, .homepage-slider-content-area .swiper-button-next:after {
        color: #1B1B19 !important;
        font-size: 40px !important;
    }

    .homepage-slider-content-area .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        bottom: 0px !important;
    }

    .homepage-slider-content-area .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }

    .homepage-slider-content-area .swiper-pagination-bullet {
        margin: 4px;
        width: 7px;
        height: 7px;
    }

    .homepage-slider-content-area .swiper-pagination-bullet-active {
        margin: 0;
        width: 10px !important;
        height: 10px !important;
    }

    /*@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title {
        font-size: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
        width: calc(50% - 6px) !important;
        height: 446px !important;
        width: calc(50% - 8px) !important;
        width: calc(50% - 6px) !important;
        margin-right: 12px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .homepage-slider-content-area .content-area .left-content .practical-swiper .swiper-slide {
        width: calc(80% - 5px) !important;
    }
}*/

    .homepage-slider-content-area .practical-swiper .swiper-slide {
        padding: 0 !important;
    }

    .homepage-slider-content-area .practical-swiper {
        position: relative;
    }

        .homepage-slider-content-area .practical-swiper .swiper-button-next,
        .homepage-slider-content-area .practical-swiper .swiper-button-prev {
            position: absolute;
        }

            .homepage-slider-content-area .practical-swiper .swiper-button-next.swiper-button-disabled,
            .homepage-slider-content-area .practical-swiper .swiper-button-prev.swiper-button-disabled {
                opacity: .35;
                cursor: auto;
                pointer-events: none;
            }

        .homepage-slider-content-area .practical-swiper .swiper-button-next {
            right: 10px !important;
            top: 160px;
        }

        .homepage-slider-content-area .practical-swiper .swiper-button-prev {
            left: 10px !important;
            top: 160px;
        }


    .homepage-slider-content-area .dynamic-product-slider {
        background-color: #FFFFFF;
        height: 331px;
        position: relative
    }

        .homepage-slider-content-area .dynamic-product-slider .top-unset {
            top: unset;
        }

    .homepage-slider-content-area .dynamic-product-upper-area {
        height: 100%;
        padding: 21px 13px 20px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .homepage-slider-content-area .dynamic-product-upper-area {
        height: 100%;
        padding: 21px 13px 20px 12px;
    }

    .homepage-slider-content-area .dynamic-product-main-img {
        height: auto
    }

    .homepage-slider-content-area .dynamic-product-heart-icon {
        position: absolute;
        right: 10%;
        position: absolute;
        top: 8%;
    }

    .homepage-slider-content-area .dynamic-product-discount-area {
        position: absolute;
        top: 7%;
        left: 5%;
    }

    .homepage-slider-content-area .dynamic-product-discount-box span {
        color: #ED1C24;
        font-size: 15px;
        font-family: Roboto-Bold, sans-serif;
        font-weight: 700;
        line-height: 12px;
        word-wrap: break-word;
        margin: 0 8px;
        position: absolute;
        top: 32%;
        left: 15%;
    }

    .homepage-slider-content-area .quantity-text {
        position: absolute;
        bottom: 8%;
        left: 5%;
        color: #3B3838;
        font-size: 16px !important;
        font-family: Roboto-Bold, sans-serif;
        font-weight: 600;
        line-height: 12px;
        word-wrap: break-word;
        margin-right: auto;
    }

    .homepage-slider-content-area .quantity-box {
        position: absolute;
        align-items: center;
        bottom: 5%;
        right: 2%;
        border: none
    }

        .homepage-slider-content-area .quantity-box * {
            border: none;
        }


        .homepage-slider-content-area .quantity-box .quantity {
            color: #ED1C24;
            font-size: 15px;
            font-family: Roboto-Bold,sans-serif;
            font-weight: 700;
            line-height: 12px;
            word-wrap: break-word;
        }

    .homepage-slider-content-area . .numberbox.sided input {
        margin-left: 0px;
        margin-right: 12px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .homepage-slider-content-area .quantity-box img {
        margin-right: 4px;
    }

    .homepage-slider-content-area .dynamic-product-description {
        margin-top: 16px;
        text-align: center;
    }

    .homepage-slider-content-area .details-head {
        padding-top: 4px;
    }

    .homepage-slider-content-area .dynamic-product-description p {
        margin-bottom: 0px;
        color: #1B1B19;
        font-size: 16px;
        font-family: Roboto-Regular,sans-serif;
        font-weight: 500;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .homepage-slider-content-area .added-cart-area {
        margin-top: 24px;
        text-align: center;
    }

    .homepage-slider-content-area .added-cart-btn {
        background-color: #1B1B19;
        color: white;
        font-size: 14px;
        font-family: Roboto-Regular,sans-serif;
        font-weight: 500;
        line-height: 20px;
        word-wrap: break-word;
        padding: 8px 24px;
        border-radius: 8px;
    }

    .homepage-slider-content-area .right-content .pinbox {
        position: relative;
    }

        .homepage-slider-content-area .right-content .pinbox .pin {
            position: absolute;
            width: 40px;
            height: 40px;
            margin-top: -13px;
            margin-right: -13px;
            text-align: center;
            border-radius: 50%;
            color: #FFF;
            z-index: 50;
            top: 50%;
            left: 50%;
            cursor: pointer;
            opacity: 0;
        }

            .homepage-slider-content-area .right-content .pinbox .pin:before {
                font-family: 'icomoon' !important;
                font-size: 30px;
                padding: 10px;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: '\e909';
            }

            .homepage-slider-content-area .right-content .pinbox .pin.active {
                opacity: 1;
            }

            .homepage-slider-content-area .right-content .pinbox .pin.disable {
                display: none;
            }

            .homepage-slider-content-area .right-content .pinbox .pin:before {
                background: rgba(27, 27, 25, 0.83);
                width: 48px;
                height: 48px;
                line-height: 26px;
                border-radius: 50%;
                margin-left: -15px;
                margin-top: -15px;
                display: block;
                text-align: center;
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 10;
                -webkit-transition: transform 150ms ease 0ms;
                transition: transform 150ms ease 0ms;
            }

            .homepage-slider-content-area .right-content .pinbox .pin .pin-content {
                position: absolute;
                left: 50%;
                top: 50%;
                display: none;
                z-index: 0;
                background-color: #FFF;
                margin: 4rem 0.5rem;
                box-sizing: border-box;
                opacity: 0;
                -webkit-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
                -webkit-transform: scale(0.8) translate(-10px, -10px);
                -ms-transform: scale(0.8) translate(-10px, -10px);
                transform: scale(0.8) translate(-10px, -10px);
                -webkit-transition: opacity 200ms ease, transform 200ms ease;
                transition: opacity 200ms ease, transform 200ms ease;
            }

                .homepage-slider-content-area .right-content .pinbox .pin .pin-content:after {
                    display: block;
                    content: ' ';
                    clear: both;
                    height: 0px;
                    overflow: hidden;
                }

    .homepage-slider-content-area .pinbox .pin .pin-content .pin-image {
        float: left;
        position: relative;
        border: 1px solid #e4e4e4;
        margin-right: 1rem;
        width: 20% !important;
        margin-top: 0;
    }

    .homepage-slider-content-area .pinbox .pin.base-left .pin-content {
        left: auto;
        right: 50%;
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(0.8) translate(10px, -10px);
        -ms-transform: scale(0.8) translate(10px, -10px);
        transform: scale(0.8) translate(10px, -10px);
    }

    .homepage-slider-content-area .pinbox .pin.base-center .pin-content {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scale(0.8) translate(-52%, -10px);
        -ms-transform: scale(0.8) translate(-52%, -10px);
        transform: scale(0.8) translate(-52%, -10px);
    }

    .homepage-slider-content-area .pinbox .pin.base-top .pin-content {
        top: auto;
        bottom: 50%;
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: scale(0.8) translate(-10px, 10px);
        -ms-transform: scale(0.8) translate(-10px, 10px);
        transform: scale(0.8) translate(-10px, 10px);
    }

    .homepage-slider-content-area .pinbox .pin.base-top.base-left .pin-content {
        left: auto;
        right: 50%;
        -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: scale(0.8) translate(10px, 10px);
        -ms-transform: scale(0.8) translate(10px, 10px);
        transform: scale(0.8) translate(10px, 10px);
    }

    .homepage-slider-content-area .pinbox .pin.base-top.base-center .pin-content {
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: scale(0.8) translate(-52%, 10px);
        -ms-transform: scale(0.8) translate(-52%, 10px);
        transform: scale(0.8) translate(-52%, 10px);
    }

    .homepage-slider-content-area .pinbox .pin.preexpand .pin-content {
        display: block;
    }

    .homepage-slider-content-area .pinbox .pin.expand {
        z-index: 100;
    }

        .homepage-slider-content-area .pinbox .pin.expand:before {
            background: rgba(255, 255, 255, 0.83);
            color: #1B1B19
        }

        .homepage-slider-content-area .pinbox .pin.expand .pin-content {
            background: transparent;
            border-radius: 8px;
            opacity: 1;
            z-index: 999;
        }

        .homepage-slider-content-area .pinbox .pin.expand.base-center .pin-content {
            opacity: 1;
            -webkit-transform: scale(1) translateX(-50%) !important;
            -ms-transform: scale(1) translateX(-50%) !important;
            transform: scale(1) translateX(-50%) !important;
        }

    .homepage-slider-content-area .pin-content.product .row:after {
        display: block;
        content: ' ';
        clear: both;
        height: 0px;
        overflow: hidden;
    }

    .homepage-slider-content-area .pin-content.product .row .column {
        padding: .08333333rem 0rem .08333333rem 0rem;
        text-align: left;
        float: left;
    }

        .homepage-slider-content-area .pin-content.product .row .column.data {
            width: 14.923%;
            padding-top: 2.91666667rem;
            vertical-align: top;
            line-height: 1.83333333rem;
        }

        .homepage-slider-content-area .pin-content.product .row .column.product {
            padding-left: 0;
            height: 98px;
            width: 100%;
            background: rgba(62, 62, 63, 0.65);
            border-radius: 8px;
            margin-bottom: 13px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .homepage-slider-content-area .pin-content.product .row .column.product a {
                text-decoration: none;
                color: white;
                font-size: 14px;
                font-family: 'Roboto-Regular',sans-serif;
                font-weight: 400;
                word-wrap: break-word
            }

    .homepage-slider-content-area .cart-product-description h4 {
        color: white;
        font-size: 14px;
        font-family: 'Roboto-Regular',sans-serif;
        font-weight: 400;
        word-wrap: break-word;
        margin-bottom: 0;
    }

    .homepage-slider-content-area .pin-content.product .row .column .product-image {
        float: left;
        height: 84px;
        padding-left: 4px;
        border-radius: 8px;
        width: 83px;
    }

    .homepage-slider-content-area .pin-content.product .row .column .product .cart-product-description {
        text-align: left;
        margin-right: 10%;
    }

    .homepage-slider-content-area .old-price {
        color: #AEAEAE;
        font-size: 16px;
        font-family: "Roboto-Regular",sans-serif;
        font-weight: 400;
        text-decoration: line-through;
        word-wrap: break-word
    }

    .homepage-slider-content-area .discount-price {
        color: #1B1B19;
        font-size: 16px;
        font-family: "Roboto-Regular",sans-serif;
        font-weight: 600;
        word-wrap: break-word;
        text-decoration: none;
        padding-left: 4px;
    }

    .homepage-slider-content-area .vatrateplus {
        color: black;
        font-size: 16px;
        font-family: "Roboto-Regular",sans-serif;
        font-weight: 600;
    }

    .homepage-slider-content-area .pinbox .pin:before {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (max-width: 1200px) {
    .homepage-slider-content-area {
        margin: 20px 0 12px 0;
        height: 100%;
    }

        .homepage-slider-content-area .content-area {
            flex-direction: column;
        }

            .homepage-slider-content-area .content-area .left-content,
            .homepage-slider-content-area .content-area .right-content {
                margin-left: 0px !important;
                width: 100%;
            }

        .homepage-slider-content-area .dynamic-slider-title {
            font-size: 18px !important;
            font-weight: 600 !important;
            line-height: 28px !important;
            margin: 16px 16px 16px 0;
        }

        .homepage-slider-content-area .dynamic-slider-content {
            margin-left: 16px;
            margin-right: 16px;
        }

        .homepage-slider-content-area .dynamic-products-slider {
            margin-left: 0 !important;
        }

        .homepage-slider-content-area .dynamic-product-description p {
            font-size: 12px;
        }

        .homepage-slider-content-area .dynamic-product-heart-icon {
            height: 16px;
        }

        .homepage-slider-content-area .practical-swiper {
            margin-left: 0px !important;
            width: 100% !important;
        }

        .homepage-slider-content-area .added-cart-area {
            margin-top: 12px;
        }

        .homepage-slider-content-area .swiper-pagination {
            bottom: 21px !important;
        }

        .homepage-slider-content-area .swiper-pagination-bullet {
            margin: 2px;
            width: 4px !important;
            height: 4px !important;
        }

        .homepage-slider-content-area .swiper-button-next {
            bottom: 0px;
            top: auto;
            right: 15px;
        }

        .homepage-slider-content-area .swiper-button-prev {
            bottom: 0;
            top: auto;
            left: auto !important;
            right: 54px;
        }

        .homepage-slider-content-area .swiper-button-next:after {
            font-size: 20px !important;
        }

        .homepage-slider-content-area .lookbook-img {
            width: 100%;
            height: 100%;
        }


        .homepage-slider-content-area .pinbox .pin.base-left .pin-content {
            left: auto;
            right: 100%;
        }

        .homepage-slider-content-area .pinbox .pin .pin-content {
            left: 100%;
            margin: 1.5rem 0rem;
        }

        .homepage-slider-content-area .imagewrap .pinbox .pin:before {
            width: 36px;
            height: 36px;
            font-size: 20px;
            /*padding: 8px 0px 2px 0px;*/
            padding: 0px;
        }

        .homepage-slider-content-area .pinbox .pin {
            width: 16px;
            height: 16px;
        }

            .homepage-slider-content-area .pinbox .pin:after {
                width: 24px;
                height: 24px;
            }

        .homepage-slider-content-area .pinbox .pin-content {
            padding: 8px;
        }


        .homepage-slider-content-area .pin-content.product .row .column.product {
            height: 81px;
        }

        .homepage-slider-content-area .pin-content.product .row .column .product-image {
            height: 73px !important;
            width: 72px !important;
        }

        .homepage-slider-content-area .cart-product-description h4 {
            font-size: 12px;
        }


        .homepage-slider-content-area .old-price,
        .homepage-slider-content-area .discount-price,
        .homepage-slider-content-area .vatrateplus {
            font-size: 12px !important;
        }
}

@media (max-width: 576px) {
    .homepage-slider-content-area .pinbox .pin:before {
        padding: 0px;
    }

    .homepage-slider-content-area .swiper-slide {
        height: 374px !important;
    }

    .homepage-slider-content-area .practical-swiper {
        margin-left: 0px !important;
        height: 440px;
    }

    .homepage-slider-content-area .dynamic-slider-content {
        margin-left: 16px !important;
        margin-right: 16px;
    }

    .homepage-slider-content-area .dynamic-product-slider {
        height: 289px;
    }

    .homepage-slider-content-area .dynamic-slider-title {
        margin-left: 0px;
    }

    .homepage-slider-content-area .swiper-wrapper {
        margin-left: 0px !important;
    }
}
/*dynamic slider*/
.homepage-dynamic-content {
    margin: 64px 0;
}

    .homepage-dynamic-content .dynamic-slider-area {
        width: 100% !important;
        height: 564px;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
            margin: 0 197px 0px 197px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title {
            padding-bottom: 48px;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title p {
                color: #1B1B19;
                font-size: 36px;
                font-family: "Roboto- Regular",sans-serif;
                font-weight: 400;
                word-wrap: break-word;
                text-align: center;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title .title-underline {
                border: 2px solid black;
                width: 74px;
                margin-top: 12px;
                border-radius: 4px;
            }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
            height: 462px;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-slide {
                padding: 0px !important;
                height: 404px;
            }


            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider {
                background-color: #FFFFFF;
                height: 331px;
                position: relative;
                border: 1px #D9D9D9 solid;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area {
                    height: 100%;
                    padding: 21px 13px 20px 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area {
                    height: 100%;
                    padding: 21px 13px 20px 12px;
                }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area {
                        position: absolute;
                        top: 21px;
                        left: 12px !important;
                    }

                        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box {
                            position: relative;
                            top: 0;
                        }

                            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-discount-area .dynamic-product-discount-box span {
                                color: #ED1C24;
                                font-size: 15px;
                                font-family: Roboto-Bold, sans-serif;
                                font-weight: 700;
                                line-height: 12px;
                                word-wrap: break-word;
                                margin: 0 8px;
                                position: absolute;
                                top: 32%;
                                left: 15%;
                            }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
                        height: auto;
                        position: relative;
                    }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
                        position: absolute;
                        right: 10%;
                        position: absolute;
                        top: 8%;
                    }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description {
                margin-top: 16px;
                text-align: center;
                font-size: 16px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description a {
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .old-price {
                    color: #AEAEAE;
                    font-size: 16px;
                    font-family: "Roboto-Regular",sans-serif;
                    font-weight: 400;
                    text-decoration: line-through;
                    word-wrap: break-word
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .discount-price {
                    color: #1B1B19;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 600;
                    word-wrap: break-word;
                    text-decoration: none;
                    padding-left: 4px;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .vatrateplus {
                    color: black;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 600;
                }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description .details-head {
            padding-top: 4px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description p {
            font-size: 16px;
            margin-bottom: 0px;
            color: #1B1B19;
            font-family: Roboto-Regular,sans-serif;
            font-weight: 500;
            word-wrap: break-word;
            /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;*/
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination {
            /*margin-left: 50%;*/
            width: 100%;
            bottom: 0px !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #ED1C24 !important;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet {
            margin: 4px ;
            width: 7px;
            height: 7px;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet-active {
            margin: 4px ;
            width: 10px !important;
            height: 10px !important;
        }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
            position: relative;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
                position: absolute;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev:after, .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next:after {
                    color: #1B1B19 !important;
                    font-size: 40px !important;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next .swiper-button-disabled,
                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev .swiper-button-disabled {
                    opacity: .35;
                    cursor: auto;
                    pointer-events: none;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next {
                right: 10px !important;
                top: 160px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
                left: 10px !important;
                top: 160px;
            }

@media (max-width: 1200px) and (min-width: 576px) {
    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
        margin-left: 88px;
        margin-right: 88px;
    }
}

@media (max-width: 1200px) {

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination {
        bottom: 10px !important;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px !important;
            height: 4px !important;
        }

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next {
        bottom: -10px;
        top: auto;
        right: 15px;
    }

    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev {
        bottom: -10px;
        top: auto;
        left: auto !important;
        right: 54px;
    }

        .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-prev:after, .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-button-next:after {
            font-size: 20px !important;
        }
}

@media (max-width: 576px) {
    .homepage-dynamic-content {
        margin: 24px 0;
    }

        .homepage-dynamic-content .dynamic-slider-area {
            width: 100% !important;
            height: 377px !important;
        }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-cart {
                margin: 0 8px 0px 16px;
                /*height: 350px !important;*/
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title {
                padding-bottom: 16px;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title p {
                    font-size: 16px !important;
                    font-family: "Roboto- Regular",sans-serif;
                    font-weight: 600;
                    line-height: 24px;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title .title-underline {
                    border: 1px solid black;
                    width: 48px;
                    margin-top: 8px;
                    border-radius: 4px;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider {
                height: 319px !important;
            }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .swiper-slide {
                    padding: 0px !important;
                    height: 255px !important;
                }

                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider {
                    background-color: #FFFFFF;
                    height: 219px;
                    position: relative;
                    border: 1px #D9D9D9 solid;
                }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-heart-icon {
                        height: 16px;
                    }

                    .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-slider .dynamic-product-upper-area .dynamic-product-main-img {
                        height: auto;
                    }


                .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description {
                    margin-top: 8px;
                    font-size: 12px;
                }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-product-description p {
                font-size: 12px;
            }

            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .old-price,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .discount-price,
            .homepage-dynamic-content .dynamic-slider-area .dynamic-slider .dynamic-product-description .vatrateplus {
                font-size: 12px !important;
            }
}

/*homepage video slider*/
.homepage-video-content {
    margin: 64px 0px;
}

    .homepage-video-content .video-slider-area {
        width: 100% !important;
        height: 529px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart {
            margin: 0 100px 0px 100px;
        }

            .homepage-video-content .video-slider-area .video-slider-cart .video-main-title {
                padding-bottom: 48px;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
                    color: #1B1B19;
                    font-size: 36px;
                    font-family: "Roboto- Regular",sans-serif;
                    font-weight: 400;
                    word-wrap: break-word;
                    text-align: center;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title .title-underline {
                    border: 2px solid black;
                    width: 74px;
                    margin-top: 6px;
                    border-radius: 4px;
                }

            .homepage-video-content .video-slider-area .video-slider-cart .video-swiper {
                height: 425px;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next,
                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
                    position: absolute;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev:after, .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next:after {
                        color: #1B1B19 !important;
                        font-size: 40px !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next .swiper-button-disabled,
                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev .swiper-button-disabled {
                        opacity: .35;
                        cursor: auto;
                        pointer-events: none;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next {
                    right: 10px !important;
                    top: 164px;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
                    left: 10px !important;
                    top: 164px;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet {
                        margin: 4px;
                        width: 7px !important;
                        height: 7px !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet-active {
                        background-color: #ED1C24 !important;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet-active {
                        margin: 4px;
                        width: 10px !important;
                        height: 10px !important;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-slide {
                    padding: 0px !important;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img {
                    height: 100%;
                    height: 331px;
                    background-size: cover;
                    background-position: center;
                    position: relative;
                    cursor: pointer;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img .video-play-icon {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title p {
                    margin-top: 12px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title p {
                    color: #1B1B19;
                    font-size: 16px;
                    font-family: "Roboto-Bold",sans-serif;
                    font-weight: 500;
                    line-height: 24px;
                    word-wrap: break-word;
                }

    .homepage-video-content .video-overlay {
        display: none;
        z-index: 700000000;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        background: rgba(0,0,0,.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .homepage-video-content .video-iframe {
        position: relative;
        display: inline-block;
        margin: auto;
        text-align: left;
        z-index: 800000000;
        padding: 0;
        height: 360px;
        width: 640px;
        max-width: 100%;
        max-height: 100%;
        animation-timing-function: cubic-bezier(.075,.82,.165,1);
    }

    .homepage-video-content .iframe-close-btn {
        padding: 5px;
        font-size: 26px;
        color: #fff;
        position: absolute;
        display: block;
        top: -35px;
        right: 0;
        z-index: 1;
        border: 0;
        cursor: pointer;
    }


@media (max-width:1200px) {
    .homepage-video-content {
        margin: 0px;
    }

    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
        font-size: 24px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart .video-main-title{
            padding-bottom:16px;
        }

        .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination {
            bottom: 10px !important;
        }

            .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-pagination .swiper-pagination-bullet {
                margin: 2px;
                width: 4px !important;
                height: 4px !important;
            }

    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next {
        bottom: -10px;
        top: auto;
        right: 15px;
    }

    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev {
        bottom: -10px;
        top: auto;
        left: auto !important;
        right: 54px;
    }

        .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-prev:after, .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-button-next:after {
            font-size: 20px !important;
        }
}

@media (max-width:576px) {
    .homepage-video-content {
        margin: 24px 0px;
    }

        .homepage-video-content .video-slider-area {
            height: 334px;
        }

            .homepage-video-content .video-slider-area .video-slider-cart {
                margin: 0;
            }

                .homepage-video-content .video-slider-area .video-slider-cart .video-main-title {
                    padding-bottom: 16px;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title p {
                        color: #1B1B19;
                        font-size: 20px;
                        font-family: "Roboto-Bold",sans-serif;
                        font-weight: 500;
                        line-height: 30px;
                        word-wrap: break-word
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-main-title .title-underline {
                        border: 1px solid black;
                        width: 29px;
                        margin: 3px auto;
                        border-radius: 4px;
                    }

                .homepage-video-content .video-slider-area .video-slider-cart .video-swiper {
                    height: 280px;
                }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-img {
                        height: 244px;
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .video-title {
                        display: none
                    }

                    .homepage-video-content .video-slider-area .video-slider-cart .video-swiper .swiper-slide {
                        width: 100%;
                    }
}

/*New design content start*/
.homepage-content-area.digital-project {
    width: 100%;
    display: table;
}

    .homepage-content-area.digital-project .content-area-project {
        padding: 0 50px;
        display: table;
        position: relative;
        width: 100%;
        margin: 64px 0;
    }

        .homepage-content-area.digital-project .content-area-project .right-content {
            width: 100%;
            text-align: left;
            position: absolute;
            right: 0;
            bottom: 0;
            height: 92%;
            background: #F5F5F5;
        }

            .homepage-content-area.digital-project .content-area-project .right-content .text-area {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 0 0 71px;
                font-family: 'Roboto-Regular';
                width: 50.249%;
                right: 69px;
                position: absolute;
            }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .content-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-weight: 600;
                    line-height: 44px;
                    letter-spacing: -0.72px;
                    margin-bottom: 16px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area p {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-weight: 300;
                    font-family: 'Roboto-Light';
                    line-height: 20px;
                    margin-bottom: 24px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area a {
                    color: #ED1C24;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 125.188%;
                    text-decoration: none;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content {
                    display: flex;
                    margin-bottom: 32px;
                }

                .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item {
                    width: calc(25% - 12px);
                    text-align: center;
                    margin: 0 6px;
                }

                    .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item img {
                        margin-bottom: 15px;
                    }

                    .homepage-content-area.digital-project .content-area-project .right-content .text-area .project-content-item span {
                        color: #1B1B19;
                        font-size: 14px;
                        font-weight: 400;
                    }

        .homepage-content-area.digital-project .content-area-project .left-content {
            float: left;
            width: 47.532%;
            z-index: 1;
            position: relative;
        }

            .homepage-content-area.digital-project .content-area-project .left-content img {
                width: 100%;
            }

                .homepage-content-area.digital-project .content-area-project .left-content img.gif-item {
                    display: none;
                }

            .homepage-content-area.digital-project .content-area-project .left-content:hover img {
                display: none;
            }

                .homepage-content-area.digital-project .content-area-project .left-content:hover img.gif-item {
                    display: block;
                }

@media (max-width:1199px) {
    .homepage-content-area.digital-project .content-area-project .right-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area.digital-project .content-area-project .right-content .text-area p {
        display: none;
    }

    .homepage-content-area.digital-project .content-area-project .right-content .text-area a {
        display: none;
    }

    .homepage-content-area.digital-project .content-area-project {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area.digital-project .content-area-project .right-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area.digital-project .content-area-project .right-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: center;
            }

        .homepage-content-area.digital-project .content-area-project .left-content {
            width: 100%;
        }
}

.homepage-content-area-dpmobil {
    background: #F5F5F5;
}

    .homepage-content-area-dpmobil .left-content img {
        width: 100%;
    }

    .homepage-content-area-dpmobil .right-content {
        padding: 20px 16px 24px 16px;
    }

        .homepage-content-area-dpmobil .right-content .text-area .content-title {
            color: #1B1B19;
            font-weight: 600;
            letter-spacing: -0.72px;
            font-size: 18px;
            line-height: 28px;
            margin-bottom: 12px;
        }

        .homepage-content-area-dpmobil .right-content .text-area p {
            color: #3B3B3B;
            font-size: 14px;
            font-weight: 300;
            font-family: 'Roboto-Light';
            line-height: 20px;
            margin-bottom: 24px;
        }

    .homepage-content-area-dpmobil .container-swiper {
        padding-left: 16px;
    }

        .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide {
            text-align: center;
            font-size: 18px;
            padding: 0 !important;
        }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide a {
                color: #1B1B19;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
            }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide img {
                width: 100%;
                border: none;
            }

            .homepage-content-area-dpmobil .container-swiper .mySwiper6 .swiper-slide span {
                margin-top: 16px;
                display: table;
                width: 100%;
                text-align: center;
                height: 60px;
            }

    .homepage-content-area-dpmobil .show-more-button {
        display: table;
        color: #ED1C24;
        font-size: 16px;
        font-weight: 500;
        line-height: 125.188%;
        text-decoration: none;
        font-family: 'Roboto-Medium';
        margin-top: 12px;
        padding-bottom: 13px;
        padding-left: 16px;
    }

    .homepage-content-area-dpmobil .swiper-pagination-bullets {
        bottom: 5px !important;
        z-index: 99;
    }

    .homepage-content-area-dpmobil .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: -11px;
        top: auto;
        z-index: 999;
    }

    .homepage-content-area-dpmobil .swiper-button-next {
        right: 15px !important;
        bottom: -11px;
        top: auto;
        z-index: 999;
    }

    .homepage-content-area-dpmobil .swiper-pagination {
        width: 100%;
        text-align: center;
    }

        .homepage-content-area-dpmobil .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }

    .homepage-content-area-dpmobil .swiper-button-prev:after, .homepage-content-area-dpmobil .swiper-button-next:after {
        color: #000;
        font-size: 20px !important;
    }

    .homepage-content-area-dpmobil .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }
/*New design content end*/

/*home-page-mainslider start*/
.mySwiper2 {
    width: 100%;
}

.swiper-button-prev:after, .swiper-button-next:after {
    color: #fff;
}

.swiper-pagination-bullet {
    background-color: #D9D9D9 !important;
    opacity: 1 !important;
}

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }

.swiper-pagination-bullets {
    bottom: 30px !important;
}

.swiper-button-prev {
    left: 50px !important;
}

.swiper-button-next {
    right: 50px !important;
}

    .swiper-button-prev:after, .swiper-button-next:after {
        font-size: 48px !important;
    }

.mySwiper2 .swiper-wrapper .swiper-slide {
    position: relative;
    padding: 0px !important;
}

.swiper-slide-active {
    padding: 0 !important;
}

.mySwiper2 .swiper-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 0;
}

.mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
    background: rgba(17, 16, 16, 0.59);
    position: absolute;
    top: 85px;
    bottom: 85px;
    right: 180px;
    max-width: 661px;
    padding: 0 117px;
    font-family: 'Roboto-Regular';
}
@media (min-width:1200px) and (max-width:1400px){
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
        background: rgba(17, 16, 16, 0.59);
        position: absolute;
        top: 30px;
        bottom: 30px;
        right: 100px;
        max-width: 661px;
        padding: 0 30px;
        font-family: 'Roboto-Regular';
    }
}
@media (min-width:1401px) and (max-width:1750px) {
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
        background: rgba(17, 16, 16, 0.59);
        position: absolute;
        top: 60px;
        bottom: 60px;
        right: 120px;
        max-width: 661px;
        padding: 0 60px;
        font-family: 'Roboto-Regular';
    }
}
    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slide-text-item {
        position: relative;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.96px;
        color: #fff;
        margin: 0;
        line-height: 70px;
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area p {
        color: #fff;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0;
        margin-bottom: 24px;
    }

    .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slider-text-area-button {
        border-radius: 8px;
        height: 45px;
        padding: 12px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background: #ED1C24;
        display: table;
        line-height: 45px;
        padding: 0 40px;
        color: #fff;
        text-decoration: none;
    }

@media (max-width:1199px) {
    #homepage-main-slider .mySwiper2 {
        width: 100%;
    }

        #homepage-main-slider .mySwiper2 .swiper-button-prev:after, #homepage-main-slider .mySwiper2 .swiper-button-next:after {
            color: #fff;
        }

        #homepage-main-slider .mySwiper2 .swiper-pagination-bullet {
            background-color: #D9D9D9 !important;
            opacity: 1 !important;
            width: 4px;
            height: 4px;
        }

            #homepage-main-slider .mySwiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background-color: #ED1C24 !important;
            }

        #homepage-main-slider .mySwiper2 .swiper-pagination-bullets {
            bottom: 10px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-prev {
            left: 20px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-next {
            right: 20px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-button-prev:after, #homepage-main-slider .swiper-button-next:after {
            font-size: 19px !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide {
            position: relative;
        }

        #homepage-main-slider .mySwiper2 .swiper-slide-active {
            padding: 0 !important;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide img {
            width: 100%;
            border-radius: 0;
        }

        #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area {
            background: rgba(17, 16, 16, 0.59);
            position: absolute;
            bottom: 0;
            right: 0;
            top:auto;
            max-width: 100%;
            padding: 30px 0;
            font-family: 'Roboto-Regular';
            left: 0;
            text-align: center;
            height: 170px;
        }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area h2 {
                font-size: 24px;
                color: #fff;
                margin: 0;
                font-style: normal;
                font-weight: 600;
                line-height: 32px;
            }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area p {
                color: #fff;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px;
                margin-bottom: 0;
            }

            #homepage-main-slider .mySwiper2 .swiper-wrapper .swiper-slide .slide-text-area .slider-text-area-button {
                border-radius: 8px;
                height: 37px;
                background: #ED1C24;
                display: table;
                line-height: 37px;
                padding: 0 25px;
                color: #fff;
                text-decoration: none;
                margin: 0 auto;
                font-size: 14px;
            }
}
/*home-page-mainslider end*/

/*kağıt kalem content start*/
.homepage-content-area {
    width: 100%;
    display: table;
}

    .homepage-content-area .content-area {
        padding: 64px 50px;
        display: table;
        position: relative;
        width: 100%;
    }

        .homepage-content-area .content-area .left-content {
            width: calc(43% - 50px);
            text-align: left;
            position: absolute;
            right: 50px;
            bottom: 0;
            top: 0;
        }

            .homepage-content-area .content-area .left-content .text-area {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                padding: 0 92px 0 71px;
                font-family: 'Roboto-Regular';
            }

                .homepage-content-area .content-area .left-content .text-area .content-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-weight: 600;
                    line-height: 44px;
                    letter-spacing: -0.72px;
                    margin-bottom: 16px;
                }

                .homepage-content-area .content-area .left-content .text-area p {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-weight: 300;
                    font-family: 'Roboto-Light';
                    line-height: 20px;
                    margin-bottom: 24px;
                }

                .homepage-content-area .content-area .left-content .text-area a {
                    color: #ED1C24;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 125.188%;
                    text-decoration: none;
                }

        .homepage-content-area .content-area .right-content {
            float: left;
            width: 57%;
        }

            .homepage-content-area .content-area .right-content img {
                width: 100%;
            }

@media (max-width:1500px) {
    .homepage-content-area .content-area .left-content .text-area p {
        max-width: 400px;
    }
}

@media (max-width:1199px) {
    .homepage-content-area .content-area .left-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area .content-area .left-content .text-area p {
        display: none;
    }

    .homepage-content-area .content-area .left-content .text-area a {
        display: none;
    }

    .homepage-content-area .content-area {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area .content-area .left-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area .content-area .left-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: center;
                padding: 0;
            }

        .homepage-content-area .content-area .right-content {
            width: 100%;
        }
}
/*kağıt kalem content end*/


/*pratik seçim epanorama wpuan content start*/
.homepage-image-container.first {
    padding: 0 35px;
    margin-bottom: 64px;
}

    .homepage-image-container.first .content-link {
        text-decoration: none;
    }

        .homepage-image-container.first .content-link:hover .content-text {
            color: #1B1B19;
        }

        .homepage-image-container.first .content-link img {
            margin-bottom: 24px;
            width: 100%;
        }

    .homepage-image-container.first .content-text {
        color: #1B1B19;
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

@media (max-width:1199px) {
    .homepage-image-container.first {
        padding: 0;
    }

        .homepage-image-container.first .first-col-12 {
            padding: 0;
        }

        .homepage-image-container.first .content-text {
            position: absolute;
            bottom: 23px;
            color: #fff;
            font-size: 18px;
        }
}
/*pratik seçim epanorama wpuan content end*/

/*aydınlatma armatürleri content vade farksız content start*/
.homepage-content-area.first {
    width: 100%;
    display: table;
    margin: 64px 0;
}

.homepage-content-area.second {
    margin-bottom: 64px;
}

    .homepage-content-area.second .content-area {
        padding: 0;
        background: #F5F5F5;
    }

.homepage-content-area.first .content-area {
    padding: 0 20%;
}

    .homepage-content-area.first .content-area .left-content {
        left: 20%;
    }

        .homepage-content-area.first .content-area .left-content .text-area {
            padding: 0;
        }

    .homepage-content-area.first .content-area .right-content {
        float: right;
        width: 50%;
    }

.homepage-content-area.second .content-area .left-content {
    width: calc(33% - 50px);
}

.homepage-content-area.second .content-area .right-content {
    float: left;
    width: 67%;
}

    .homepage-content-area.second .content-area .right-content img {
        position: relative;
        top: -64px;
    }

.homepage-content-area.second .content-area .left-content .text-area {
    padding: 0;
}

    .homepage-content-area.second .content-area .left-content .text-area span {
        color: #1B1B19;
        font-size: 32px;
        margin-bottom: 16px;
        font-weight: 400;
        font-family: 'Roboto-Regular';
    }

    .homepage-content-area.second .content-area .left-content .text-area h2 {
        color: #1B1B19;
        font-size: 32px;
        margin-bottom: 24px;
        font-weight: 900;
        font-family: 'Roboto-Black';
    }

@media (max-width: 1920px) {
    .homepage-content-area.second .content-area .right-content {
        max-height: 565px;
    }
}

@media (max-width: 1700px) {
    .homepage-content-area.first .content-area {
        padding: 0 15%;
    }

        .homepage-content-area.first .content-area .left-content {
            left: 15%;
        }
}

@media (max-width: 1199px) {
    .homepage-content-area.first .content-area {
        padding: 0 15px;
    }

        .homepage-content-area.first .content-area .right-content {
            width: 100%;
            margin-bottom: 40px;
            padding: 0 55px;
        }

        .homepage-content-area.first .content-area .left-content {
            width: 100%;
        }

            .homepage-content-area.first .content-area .left-content .text-area {
                text-align: left;
            }

                .homepage-content-area.first .content-area .left-content .text-area p {
                    max-width: 100%;
                    display: block;
                    width: 100%;
                }

                .homepage-content-area.first .content-area .left-content .text-area a {
                    display: block;
                }

    .homepage-content-area.second .content-area .left-content .text-area span {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .homepage-content-area.second .content-area .left-content .text-area h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .homepage-content-area.second .content-area .right-content {
        width: 100%;
    }

        .homepage-content-area.second .content-area .right-content img {
            top: -14px;
        }

    .homepage-content-area.second .content-area .left-content {
        width: 100%;
        padding: 0 15px;
    }

        .homepage-content-area.second .content-area .left-content .text-area {
            text-align: left;
        }

            .homepage-content-area.second .content-area .left-content .text-area a {
                display: block;
            }
}
/*aydınlatma armatürleri content vade farksız content end*/


/*askı sistemleri kablo kanalları content start*/
.homepage-image-container.second {
    /*padding: 0 35px;*/
    margin-bottom: 0;
}

    .homepage-image-container.second .second-col-12 {
        padding: 0px !important;
    }

    .homepage-image-container.second .content-link {
        text-decoration: none;
        position: relative;
    }

        .homepage-image-container.second .content-link:hover .content-text {
            color: #1B1B19;
        }

        .homepage-image-container.second .content-link img {
            margin-bottom: 24px;
            width: 100%;
        }

    .homepage-image-container.second .content-text {
        color: #1B1B19;
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

@media (max-width:1199px) {
    .homepage-image-container.second {
        padding: 0;
    }

        .homepage-image-container.second .content-text {
            position: absolute;
            bottom: 23px;
            color: #fff;
            font-size: 18px;
        }
}
/*askı sistemleri kablo kanalları content end*/



/*iç tesisat çözümleri content start*/
.homepage-content-area.text-content-left .content-area {
    padding: 64px 167px;
}

    .homepage-content-area.text-content-left .content-area .left-content {
        width: calc(43% - 167px);
        left: 167px;
    }

        .homepage-content-area.text-content-left .content-area .left-content .text-area {
            padding: 0;
        }

.homepage-content-area .content-area .left-content .text-area p {
    width: 483px;
}

.homepage-content-area .content-area .left-content .text-area a {
    font-family: 'Roboto-Medium';
    margin-bottom: 24px;
}

.homepage-content-area.text-content-left .content-area .right-content {
    float: right;
    width: 67%;
}

@media (max-width:1700px) {
    .homepage-content-area.text-content-left .content-area {
        padding: 64px 50px;
    }

        .homepage-content-area.text-content-left .content-area .left-content {
            width: calc(43% - 50px);
            left: 50px;
        }
}

@media (max-width:1500px) {
    .homepage-content-area.text-content-left .content-area .right-content {
        width: 57%;
    }
}

@media (max-width:1199px) {
    .homepage-content-area.text-content-left .content-area .left-content .text-area .content-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .homepage-content-area.text-content-left .content-area {
        padding: 24px 16px;
        display: table;
        position: revert;
    }

        .homepage-content-area.text-content-left .content-area .left-content {
            width: 100%;
            position: revert;
        }

            .homepage-content-area.text-content-left .content-area .left-content .text-area {
                position: revert;
                top: 50%;
                -webkit-transform: none;
                -ms-transform: none;
                -moz-transform: none;
                -o-transform: none;
                transform: none;
                text-align: left;
            }

                .homepage-content-area.text-content-left .content-area .left-content .text-area p {
                    display: block;
                    width: 100%;
                }

                .homepage-content-area.text-content-left .content-area .left-content .text-area a {
                    display: block;
                }

        .homepage-content-area.text-content-left .content-area .right-content {
            width: 100%;
        }
}
/*iç tesisat çözümleri content end*/


/*teslimat noktalarımız content start*/
.homepage-banner-container {
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 64px;
}

    .homepage-banner-container img {
        width: 100%;
    }

    .homepage-banner-container .text-area {
        left: 0;
        right: 0;
        top: 54px;
        position: absolute;
        max-width: 485px;
        margin: 0 auto;
        text-align: center;
    }

        .homepage-banner-container .text-area h2 {
            color: #FFF;
            text-align: center;
            font-size: 36px;
            font-weight: 500;
            letter-spacing: -0.72px;
            margin-bottom: 12px;
        }

        .homepage-banner-container .text-area .border {
            height: 3px;
            width: 74px;
            display: block;
            border-radius: 3px;
            margin: 0 auto;
            background-color: #fff;
        }

        .homepage-banner-container .text-area p {
            color: #FFF;
            text-align: center;
            font-size: 14px;
            font-family: 'Roboto-Thin';
            line-height: 125.188%;
            margin: 16px 0;
        }

        .homepage-banner-container .text-area a {
            color: #FFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            text-decoration: none;
        }

@media (max-width:1199px) {

    .homepage-banner-container {
        width: 100%;
        position: relative;
        display: table;
    }

        .homepage-banner-container img {
            width: 100%;
        }

        .homepage-banner-container .text-area {
            left: 0;
            right: 0;
            top: 35px;
            position: absolute;
            max-width: 345px;
            margin: 0 auto;
            text-align: center;
        }

            .homepage-banner-container .text-area h2 {
                color: #FFF;
                text-align: center;
                font-size: 20px;
                font-weight: 500;
                letter-spacing: -0.72px;
                margin-bottom: 8px;
            }

            .homepage-banner-container .text-area .border {
                height: 3px;
                width: 74px;
                display: block;
                border-radius: 3px;
                margin: 0 auto;
                background-color: #fff;
            }

            .homepage-banner-container .text-area p {
                color: #FFF;
                text-align: center;
                font-size: 14px;
                font-family: 'Roboto-Thin';
                line-height: 125.188%;
                margin: 13px 0;
            }

            .homepage-banner-container .text-area a {
                color: #FFF;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 125.188%;
                text-decoration: none;
            }
}
/*teslimat noktalarımız content end*/


/*sertifikalarımız content start*/
.homepage-slider-container {
    width: calc(100% - 318px);
    margin: 0 auto;
    margin-bottom: 64px;
}

    .homepage-slider-container .content-title {
        color: #1B1B19;
        text-align: center;
        font-size: 36px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: -0.72px;
        margin-bottom: 12px;
    }

    .homepage-slider-container .border-item {
        height: 3px;
        width: 74px;
        display: block;
        border-radius: 3px;
        margin: 0 auto;
        background-color: #000;
        margin-bottom: 48px;
    }

    .homepage-slider-container .content-link {
        text-align: center;
        margin: 0 auto;
        display: table;
        text-decoration: none;
        opacity: 0.6;
        display: table;
    }

        .homepage-slider-container .content-link img {
            width: 106px;
            margin: 0 auto;
            margin-bottom: 40px;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

        .homepage-slider-container .content-link:hover {
            text-decoration: none;
            opacity: 1;
        }

            .homepage-slider-container .content-link:hover img {
                -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
            }

        .homepage-slider-container .content-link .content-text {
            color: #3B3B3B;
            font-weight: 700;
        }

            .homepage-slider-container .content-link .content-text .light {
                font-weight: 500;
            }

    .homepage-slider-container .mySwiper4 .swiper-wrapper .swiper-slide {
        height: 100%;
        padding: 0 !important;
        min-height: 215px;
    }

    .homepage-slider-container .content-text {
        color: #3B3B3B;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        line-height: 125.188%;
        max-width: 235px;
        display: table;
    }

@media (max-width:1199px) {
    .homepage-slider-container {
        width: 100%;
        margin-bottom: 54px;
        margin-top: 24px;
    }

        .homepage-slider-container .content-title {
            color: #1B1B19;
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            margin-bottom: 8px;
        }

        .homepage-slider-container .border-item {
            height: 3px;
            width: 48px;
            display: block;
            border-radius: 3px;
            margin: 0 auto;
            background-color: #000;
            margin-bottom: 16px;
        }

        .homepage-slider-container .content-link img {
            border: none;
            margin-bottom: 16px;
            width: 79px;
        }

        .homepage-slider-container .content-link .content-text {
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            margin: 0 auto;
        }

            .homepage-slider-container .content-link .content-text .light {
                display: none;
            }

        .homepage-slider-container .mySwiper4 .swiper-wrapper .swiper-slide {
            min-height: 150px;
        }

        .homepage-slider-container .swiper-pagination-bullets {
            bottom: 3px !important;
            z-index: 99;
        }

        .homepage-slider-container .swiper-button-prev {
            left: auto !important;
            right: 54px;
            bottom: -11px;
            top: auto;
            z-index: 999;
        }

        .homepage-slider-container .swiper-button-next {
            right: 15px !important;
            bottom: -11px;
            top: auto;
            z-index: 999;
        }

            .homepage-slider-container .swiper-button-prev:after, .homepage-slider-container .swiper-button-next:after {
                color: #000;
                font-size: 20px !important;
            }

        .homepage-slider-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #ED1C24 !important;
        }

        .homepage-slider-container .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }
}
/*sertifikalarımız content end*/


/*kullanım alanları content start*/
.homepage-image-container.usage-areas .content-title {
    color: #1B1B19;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 12px;
}

.homepage-image-container.usage-areas .border-item {
    height: 3px;
    width: 74px;
    display: block;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #000;
    margin-bottom: 48px;
}

.homepage-image-container.usage-areas .content-link:hover .content-text {
    color: #fff;
}

.homepage-image-container.usage-areas .content-link img {
    padding-bottom: 30px;
    width: 100%;
    height: 100%;
}

.homepage-image-container.usage-areas .content-text {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    position: absolute;
    bottom: 78px;
    width: calc(100% - 30px);
    display: block;
}


@media (max-width:1199px) {
    .homepage-image-container.usage-areas {
        margin-bottom: 24px;
    }

    .homepage-image-container.usage-areas .content-title {
        color: #1B1B19;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .homepage-image-container.usage-areas .border-item {
        height: 3px;
        width: 48px;
        display: block;
        border-radius: 3px;
        margin: 0 auto;
        background-color: #000;
        margin-bottom: 16px;
    }

    .homepage-image-container.usage-areas .content-link:hover .content-text {
        color: #fff;
    }

    .homepage-image-container.usage-areas .content-link img {
        height: calc(100% - 46px);
        width: 100% !important;
        padding: 0 !important;
        object-fit: cover;
        object-position: center;
    }

    .homepage-image-container.usage-areas .mySwiper3 .swiper-wrapper .swiper-slide {
        height: 100%;
        padding: 0 !important;
    }

    .homepage-image-container.usage-areas .content-text {
        color: #FFF;
        text-align: center;
        font-size: 20px;
        bottom: 28px;
        width: 100%;
        position: absolute;
        bottom: 63px;
    }

    .homepage-image-container.usage-areas .swiper-pagination-bullets {
        bottom: 10px !important;
        z-index: 99;
    }

    .homepage-image-container.usage-areas .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: -5px;
        top: auto;
        z-index: 999;
    }

    .homepage-image-container.usage-areas .swiper-button-next {
        right: 15px !important;
        bottom: -5px;
        top: auto;
        z-index: 999;
    }

        .homepage-image-container.usage-areas .swiper-button-prev:after, .homepage-image-container.usage-areas .swiper-button-next:after {
            color: #000;
            font-size: 20px !important;
        }

        .homepage-image-container.usage-areas .swiper-pagination .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }

    .homepage-image-container.usage-areas .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ED1C24 !important;
    }
}
/*kullanım alanları content end*/


/*header-fix-bar*/
.header-fix-bar {
    width: 100%;
    height: 39px;
    position: fixed;
    z-index: 9999;
}

    .header-fix-bar .exchange-content {
        padding: 0 50px;
        background-color: black;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

        .header-fix-bar .exchange-content .epanorama-img img {
            height: 11px;
        }

        .header-fix-bar .exchange-content .discount-area {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .header-fix-bar .exchange-content .discount-area .discont-icon {
                margin-right: 8px;
            }

            .header-fix-bar .exchange-content .discount-area .discont-text-desktop {
                color: white;
                font-size: 14px;
                font-weight: 700;
                word-wrap: break-word;
                font-family: 'Roboto-Regular';
                margin-bottom:0;
            }

            .header-fix-bar .exchange-content .discount-area .discont-text-mobile {
                display: none;
            }

        .header-fix-bar .exchange-content .exchange-toogle-area {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
                color: white;
                font-size: 11px;
                font-weight: 600;
                word-wrap: break-word;
                margin-right: 12px;
                margin-bottom:0;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch {
                position: relative;
                display: inline-block;
                width: 40px;
                height: 23px;
                /*left: 6px;*/
                margin-bottom:0;
            }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    /* background-color: #ccc;*/
                    background-color: white;
                    -webkit-transition: .4s;
                    transition: .4s;
                    font-size: 11px;
                }

                    .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider:before {
                        position: absolute;
                        content: "";
                        height: 21px;
                        width: 22px;
                        left: 1px;
                        top: 1px;
                        right: 1px;
                        /*background-color: white;*/
                        background-color: #ED1C24;
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider {
                    background: white;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:focus + .slider {
                    box-shadow: 0 0 1px #2196F3;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider:before {
                    -webkit-transform: translateX(15px);
                    -ms-transform: translateX(15px);
                    transform: translateX(15px);
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round {
                    border-radius: 30px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency {
                    color: white;
                    font-size: 13px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency {
                    color: #1B1B19;
                    font-size: 11px;
                    font-weight: 700;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
                    color: #1B1B19;
                    font-size: 11px;
                    font-weight: 700;
                    padding-left: 3px;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
                    color: white;
                    font-size: 13px;
                }


                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency {
                    float: left;
                    line-height: 20px;
                    padding-left: 8px;
                    padding-top: 1px;
                    font-weight: 800;
                    word-wrap: break-word;
                    z-index: 999;
                    position: absolute;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                    position: absolute;
                    left: 24px;
                    float: right;
                    line-height: 20px;
                    padding-top: 1px;
                    font-weight: 800;
                    word-wrap: break-word;
                    z-index: 999;
                }

                .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round:before {
                    border-radius: 50%;
                }

@media screen and (max-width:1200px) {
    .header-fix-bar .exchange-content {
        padding: 0 17px;
    }
}

@media screen and (max-width:992px) {
    .header-fix-bar .exchange-content .discount-area .discont-text-desktop {
        display: none;
    }

    .header-fix-bar .exchange-content .discount-area .discont-text-mobile {
        display: block;
        font-size: 11px;
        color: white;
        margin-bottom:0;
    }
}

@media screen and (max-width:576px) {
    .header-fix-bar .exchange-content {
        padding: 0 17px;
    }

        .header-fix-bar .exchange-content .epanorama-img {
            display: none;
        }

        .header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
            font-size: 8px;
            margin-right: 4px;
        }

        .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch {
            position: relative;
            display: inline-block;
            width: 29px;
            height: 17px;
        }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider:before {
                width: 15px;
                height: 15px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input:checked + .slider:before {
                -webkit-transform: translateX(12px);
                -ms-transform: translateX(12px);
                transform: translateX(12px);
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency {
                bottom: -2px;
                right: 18px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                left: 18px;
                top: -2px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
                font-size: 9px;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
                padding-left: 0px !important;
            }

            .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .try-currency, .header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round .usd-currency {
                font-size: 9px;
            }
}



/*header*/
.header-div-custom {
    height: 191px;
}

header #header-content .wrapper.logo-display {
    height: 80px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 50px;
    z-index:1;
}

    header #header-content .wrapper.logo-display .header-logo.left {
        width: 248px !important;
        position: revert;
        padding-top: 18px;
    }

        header #header-content .wrapper.logo-display .header-logo.left img {
            width: 100% !important;
            margin: 0 auto;
        }

#header-content .search-bar {
    width: 41.57% !important;
    top: 20px !important;
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    #header-content .search-bar {
        left: 26% !important;
        width: 30.57% !important;
    }
}

header #header-content .wrapper.logo-display .menu-header {
    position: revert;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    margin-bottom:0;
}

.search-bar input {
    background: #F5F5F5 !important;
    font-size: 14px;
    border: 1px solid #D9D9D9 !important;
    height: 40px;
    padding: 0 15px !important;
    font-family: 'Roboto-Light';
    border-radius: 8px !important;
}

.search-bar .btn {
    height: 38px;
    background: #F5F5F5 !important;
    border: 1px solid #F5F5F5 !important;
    border-right: #D9D9D9 !important;
    top: 1px;
    right: 1px;
    max-width: max-content;
    padding: 10px 15px;
}

header .menu-header > li label, header .menu-header > li span {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
}

header .menu-header > li a.menu-membership-item span {
    font-weight: 600;
}

header .menu-header > li a span {
    font-family: 'Roboto-Regular';
    font-size: 14px;
    letter-spacing: 0px;
    color: #1B1B19;
}

header .menu-header > li label {
    display: block;
    width: 100%;
    color: #ED1D25;
    text-transform: uppercase;
    line-height: 0;
    position: relative;
    top: -23px;
    font-family: 'Roboto-Regular';
    text-align: left;
    left: 28px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom:0;
}

header .menu-header > li a .basketCount {
    width: 14px;
    line-height: 14px;
    height: 14px;
    font-size: 8px;
    min-width: auto;
}

header .menu-header > li a.menu-membership-item svg {
    float: left;
    margin-right: 8px;
}

header .menu-header > li#my-favorites a svg {   
    margin-right: 3px;
}

header .menu-header > li .submenu {
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
}

    header .menu-header > li .submenu:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    header .menu-header > li .submenu ul {
        padding: 7px 0;
    }

        header .menu-header > li .submenu ul li > * {
            display: block;
            padding: 0 11px;
            color: #1B1B19;
            font-size: 14px;
            font-family: "Roboto-Regular";
            letter-spacing: 0px;
            color: #1B1B19;
        }

        header .menu-header > li .submenu ul li > a svg {
            float: right;
            position: relative;
            top: 2px;
        }

    header .menu-header > li .submenu .seperate:after {
        left: 11px;
        right: 11px;
    }

    header .menu-header > li .submenu ul li > *:hover {
        font-weight: 600;
        text-decoration: none;
        color: #1B1B19;
    }

header .menu-header > li a.btn {
    background: #ffffff;
    border: none;
    font-family: "Roboto-Regular";
    letter-spacing: 0px;
    color: #1B1B19;
    width: auto !important;
    font-size: 14px;
}

    header .menu-header > li a.btn:hover {
        text-decoration: none;
        font-family: "Roboto-Regular";
        letter-spacing: 0px;
        color: #1B1B19;
        background: #fff;
        font-size: 14px;
    }

header .menu-header > li span.text {
    margin: 0 5px;
}

header .menu-header > li a.btn svg {
    position: relative;
    margin-right: 5px;
}

@media screen and (max-width: 1200px) {
    header .header-div-custom {
        height: 91px !important;
    }

    header .header-logo {
        width: 126px !important;
        margin: 0 auto;
    }
}

header #mobilenav #mobilebutton-basket {
    font-size: 8px;
    line-height: 15px;
    top: 9px !important;
}

    header #mobilenav #mobilebutton-basket svg {
        position: relative;
        top: 4px;
    }

header #mobilenav #mobilebutton-menu {
    font-size: 8px;
    line-height: 14px;
    top: 14px !important;
}
header #mobilenav #mobilebutton-menu svg{
    margin-bottom:5px;
}
header #mobilenav #mobilebutton-basket .basketCount {
    top: 8px;
    right: 15px;
    width: 12px;
    height: 12px;
    line-height: 11px;
    font-size: 9px;
    background: #ED1C24;
}

header #mobilenav .mobile-customer-button {
    float: right;
    right: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-customer-button svg {
        display: table;
        margin: 0 auto;
    }

header #mobilenav .mobile-search-trigger-button {
    float: left;
    left: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-search-trigger-button svg {
        display: table;
        margin: 0 auto;
    }

@media (max-width:1200px) {
    #header-content .search-bar {
        top: 6px !important;
        left: auto !important;
        width: 85% !important;
        right: 10px !important;
    }

        #header-content .search-bar input {
            font-size: 12px;
        }

    #header-content .mobile-search-hide-button {
        display: none;
        position: absolute;
        left: calc(10% - 14px);
        top: 17px;
    }
}

@media (min-width:1200px) {
    #mobilemenu-customer {
        display: none;
    }

    #mobilemenu {
        display: none;
    }
}

@media (max-width:1200px) {

    #mobilemenu #mobilemenu-overlay {
        background: rgba(0, 0, 0, 0.75);
        backdrop-filter: blur(2px);
        opacity: 1 !important;
    }

    #mobilemenu {
        top: 92px !important;
    }

        #mobilemenu .mobile-left-menu-category, #mobilemenu-customer .mobile-left-menu-category {
            color: #1B1B19;
            font-family: 'Roboto-Bold';
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0px;
        }

    #mobilemenu-customer .mobile-left-menu-category {
        font-weight: 300;
        line-height: normal;
    }

        #mobilemenu-customer .mobile-left-menu-category b {
            font-weight: 300;
        }

            #mobilemenu-customer .mobile-left-menu-category b.red {
                color: #ED1C24;
            }

        #mobilemenu .mobile-left-menu-category svg, #mobilemenu-customer .mobile-left-menu-category svg {
            float: right;
            position: relative;
            right: -4px;
        }

        #mobilemenu-customer .mobile-left-menu-category svg {
            top: -10px !important;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li ul {
        padding: 0;
    }
    /*#mobilemenu #mobilemenu-content #mobilemenu-list #class1 >li{
        padding:12px 16px;
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }
    #mobilemenu #mobilemenu-content #mobilemenu-list #class1 >li.actvive{
        padding-bottom:0;
    }*/
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer li ul {
        display: none;
    }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer li ul.open {
            display: block;
            background-color: #F5F5F5;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list #class1 > li > a,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a {
        padding: 13px 16px;
        display: table;
        width: 100%;
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a svg {
            float: right;
            position: relative;
            top: 5px;
        }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li {
        line-height: 23px;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub .has-sub1 {
        color: #1B1B19;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0px;
        font-family: 'Roboto-Regular';
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub .has-sub1 svg {
            float: right;
            position: relative;
            top: 5px;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active {
        color: #ED1C24;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active svg,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active svg {
            transform: rotate(90deg);
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list a.has-sub1.active svg path,
            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer a.has-sub1.active svg path {
                fill: #ED1C24;
            }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1),
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub ul.open:not(#class1) {
        display: block !important;
        background-color: #F5F5F5;
        margin: 0 !important;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li > a {
            padding: 13px 16px 13px 32px;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last {
        padding: 0;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a {
            font-family: 'Roboto-Medium';
            font-weight: 400;
            letter-spacing: 0px;
            width: 100%;
            padding: 13px 16px 13px 32px !important;
        }

        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a {
            font-weight: 300;
            letter-spacing: 0px;
            font-family: 'Roboto-Regular';
        }

            #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a svg,
            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a svg {
                float: right;
                position: relative;
                top: 5px;
            }

            #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a i.item-count {
                font-family: 'Roboto-Bold';
            }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a.active svg,
        #mobilemenu-customer #mobilemenu-contentcustomer #mobilemenu-list-customer li.has-sub-last > b > a.active svg {
            transform: rotate(90deg);
        }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a.active,
        #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li.has-sub-last > b > a.active {
            border-bottom: 1px solid rgba(217, 217, 217, 0.51);
        }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer li .link {
        display: block;
        position: relative;
        border-bottom: 1px solid #e4e4e4;
        cursor: pointer;
        padding: 13px 25px 11px 0;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a span.product-img {
        width: 41px;
        height: 41px;
        float: left;
        position: relative;
        top: -9px;
        margin-right: 12px;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last > b > a span.product-img img {
            border-radius: 8px;
            border: 0.4px solid #D9D9D9;
            height: 41px;
            object-fit: cover;
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last {
        border-bottom: 1px solid rgba(217, 217, 217, 0.51);
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub-last:last-child {
            border-bottom: 1px solid rgba(217, 217, 217, 0.51);
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li ul li {
        padding: 0 32px;
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list li.has-sub ul.open:not(#class1) li ul li a {
            padding: 13px 0;
            color: #1B1B19;
            font-size: 13px;
            font-style: normal;
            font-weight: 300;
            letter-spacing: 0px;
            font-family: 'Roboto-Regular';
        }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.elektrolog,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.log-out {
        padding: 13px 16px !important;
        color: #1B1B19;
        font-family: 'Roboto-Bold';
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0px;
    }

    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.wattpuan,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer > li > ul li.has-sub-first a.favorilerim {
        font-family: 'Roboto-Medium';
        font-weight: 400;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.elektrolog svg,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a.wattpuan svg,
    #mobilemenu-customer #mobilemenu-content-customer #mobilemenu-list-customer #class1-customer > li > a.favorilerim svg {
        margin-right: 8px;
        position: relative;
        float: left;
        top: 4px;
    }

    #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.panaroma-image {
        padding: 18px 16px !important;
        margin-bottom:70px
    }

        #mobilemenu #mobilemenu-content #mobilemenu-list > li > ul li.has-sub-first a.panaroma-image img {
            width: 88px;
        }

    #mobilemenu #mobilemenu-list #class1 {
        display: block !important;
    }

    #mobilemenu-customer {
        top: 92px !important;
        display: none;
        position: absolute;
        z-index: 120;
        top: 131px;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100% !important;
        min-height: 100%;
    }

        #mobilemenu-customer #mobilemenu-content-customer {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 10;
            overflow-y: auto;
            background-color: #fff;
            width: 350px;
            max-width: 80%;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }

        #mobilemenu-customer #mobilemenu-overlay-customer {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            z-index: 1;
            opacity: 1;
            cursor: pointer;
            -webkit-transition: opacity 200ms ease;
            transition: opacity 200ms ease;
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(2px);
        }
}

.cart-container #sepet-ozeti {
    top: 68px;
    right: 0;
    text-align: left;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    padding: 27px 22px;
    width: 390px;
    display: none;
}

    .cart-container #sepet-ozeti:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .cart-container #sepet-ozeti .odeme-adimi {
        display: table;
        width: 100% !important;
        height: auto;
        padding: 0;
    }

        .cart-container #sepet-ozeti .odeme-adimi p {
            display: block;
            color: #1B1B19;
            font-size: 14px;
            font-family: "Roboto-Medium";
            color: #1B1B19;
            line-height: normal;
            margin-bottom: 16px;
            text-align: center;
            font-weight: 400;
            letter-spacing: 0px;
        }

        .cart-container #sepet-ozeti .odeme-adimi button {
            display: block;
            padding: 0 11px;
            color: #fff;
            font-size: 14px;
            font-family: "Roboto-Medium";
            letter-spacing: 0px;
            background-color: #1B1B19;
            line-height: normal;
            text-decoration: none;
            width: 100%;
            padding: 12px;
            border-radius: 8px;
            font-weight: 400;
        }

#sepet-ozeti .product_row .urun-resim {
    overflow: hidden;
    text-align: center;
    width: 161px;
    height: 125px;
    border-radius: 8px;
}

    #sepet-ozeti .product_row .urun-resim a img {
        position: relative;
        top: -12px;
    }

#sepet-ozeti .product_row {
    margin-bottom: 13px;
    position: relative;
}

    #sepet-ozeti .product_row .urun-bilgi.alignment-left a {
        display: -webkit-box;
        -webkit-line-clamp: 2; /*Kaç Stırda sınırlamak istiyorsanız */
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px !important;
        font-weight: 300;
        letter-spacing: 0px;
        margin-bottom: 10px;
        line-height: 155%;
    }

    #sepet-ozeti .product_row .urun-bilgi {
        width: calc(100% - 202px);
    }

.cart-preview-top-items {
    display: table;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 23px;
}

    .cart-preview-top-items span {
        float: left;
        height: auto;
        padding: 0;
        margin: 0;
        font-family: "Roboto-Bold" !important;
        line-height: 0;
    }

    .cart-preview-top-items .delete-cartSummary {
        float: right !important;
        font-family: "Roboto-Regular";
        color: #979494;
        padding: 0;
        width: auto !important;
        letter-spacing: 0px;
        font-weight: 400;
        text-decoration: underline;
        font-size: 14px;
        line-height: 0;
    }

#sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-left {
    color: #1B1B19;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.188%;
    font-family: "Roboto-Medium";
}

#sepet-ozeti .fiyat-section .fiyat-container .cart-total .alignment-right {
    color: #1B1B19;
    text-align: right;
    font-family: "Roboto-Medium";
    font-size: 16px;
    line-height: 125.188%;
    font-weight: 800;
}

.sepetozeti .odeme-adimi .hizli-al {
    margin: 0;
    float: none !important;
    line-height: 2.25rem;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px;
    background: #ED1C24;
    font-family: "Roboto-Medium";
    font-weight: 400;
}

#sepet-ozeti .product_row .urun-bilgi.alignment-left * {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-weight: 300;
}

.product-code-area {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

    .product-code-area .product-code-title {
        width: 100%;
        display: table;
    }

    .product-code-area .product-code {
        width: 100%;
        color: #979494 !important;
        display: table;
        font-family: 'Roboto-Light' !important;
    }

#sepet-ozeti .product_row .urun-bilgi.alignment-left .number {
    margin-bottom: 10px;
    display: table;
}

#sepet-ozeti .product_row {
    border-bottom: 1px solid #e3e3e3;
}

    #sepet-ozeti .product_row:last-child {
        border-bottom: 0px;
    }

    #sepet-ozeti .product_row .urun-fiyat, #sepet-ozeti .product_row .urun-fiyat span {
        color: #1B1B19 !important;
        font-family: "Roboto-Medium" !important;
        font-weight: 600 !important;
        letter-spacing: 0px !important;
    }
.swiper-thumbs .swiper-slide-thumb-active img{
    border:none!important;
}

#productDetail .product .gallery-mainform .data.big .price.old {
    font-size: 1.25rem;
    position: relative;
    color: #5a5a5a;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    display: table;
    margin: 0 auto;
}

#productDetail .currency-area .currency-info-area {
    background-color: #f5f5f5;
    width: 100%;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

    #productDetail .currency-area .currency-info-area p {
        font-size: 10px;
        padding: 10px;
    }

.custom-accordion-menu-items .custom-accordion-menu-item .acc1 {
    display: none;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acc2 {
    display: block;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acclist1 {
    display: block;
}
.custom-accordion-menu-items .custom-accordion-menu-item .acclist1 li:nth-child(2) a {
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
}
.currency-area.product-detail {
        float: right;
        padding-top: 15px;
}

.currency-area.product-detail .currency-live-area {
    width: 395px;
    float: right;
}

#productDetail #mCSB_1 {
    max-height: unset;
}

#productDetail .options-numbers.left .data.big > p {
    position: absolute !important;
    top: 18px;
    left: 9px;
}
@media (max-width:767px) {
    .currency-area.product-detail .currency-live-area {
        width: 100%;
    }
}
#productDetail .options-numbers.left .data.big p.badge-discount {
    z-index: 9;
    background: #ed1c24;
    color: #fff;
    padding: 2px 7px;
    font-size: 14px;
    line-height: 2rem;
}
.product .gallery-mainform .data .price.discount-price {
    font-size: 2.5rem;
}
@media(max-width:1199px) {
    .homepage-image-container.second .second-col-12 .col-12, .homepage-image-container.first .first-col-12 .col-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .homepage-image-container.second .second-col-12 .row, .homepage-image-container.first .first-col-12 .row{
        margin-left:0!important;
        margin-right:0 !important;

    }
}

.tcmb-info-button {
    float: left;
    width: 8px;
    height: auto;
    background: black;
    position: relative;
    top: 3.5px;
    margin-right: 4px;
    cursor: pointer;
}

.header-fix-bar .exchange-content .exchange-toogle-area .exchange-text {
    position: relative;
}

.toggle-tcmb-info-popup {
    display: none;
    position: absolute;
    right: -54px;
    top: 25px;
    padding: 10px;
    background: white;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    width: 205px;
    padding: 11px;
    border: 1px solid rgba(217, 217, 217, 0.63);
}

    .toggle-tcmb-info-popup.open {
        display: block;
        color: #1B1B19;
    }

    .toggle-tcmb-info-popup:after {
        content: "";
        position: absolute;
        top: -16px;
        right: 94px;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .toggle-tcmb-info-popup .close-icon {
        position: absolute;
        top: 8px;
        right: 8px;
        cursor: pointer;
    }

    .toggle-tcmb-info-popup .title {
        display: table;
        font-family: "Roboto-Medium";
        font-size: 10px;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .toggle-tcmb-info-popup .currency-area-USD {
        float: left;
    }

    .toggle-tcmb-info-popup .currency-area-EUR {
        float: right;
    }

    .toggle-tcmb-info-popup .currency-area .type {
        font-family: "Roboto-Medium";
        font-size: 11px;
        color: #ED1C24;
        font-weight: 500;
    }

    .toggle-tcmb-info-popup .currency-area .value {
        font-family: 'Roboto-Light';
        font-size: 11px;
        font-weight: 300;
    }

    .toggle-tcmb-info-popup .text, .toggle-tcmb-info-popup .description {
        display: table;
        font-size: 9px;
        font-family: 'Roboto-Light';
        font-weight: 300;
    }

    .toggle-tcmb-info-popup .text {
        margin-top: 25px;
    }

    .toggle-tcmb-info-popup .description {
        color: #979494;
        margin-top: 3px;
    }

@media (max-width:767px) {
    .toggle-tcmb-info-popup {
        right: -36px;
    }

        .toggle-tcmb-info-popup:after {
            right: 64px;
        }
}

@media (max-width:576px) {
    .tcmb-info-button {
        width: 6px;
        top: 2.5px;
    }
}
#header-content.custom-width .header-logo img,
#header-content.border-bottom-default .header-logo img{
    position: relative;
    top: 6px;
}
#openTab.display-none {
    display: none;
}
.product-details-left.projem-logo-button a.projem-logo-button {
    cursor: pointer;
}
.product-details-left.projem-main a.projem-logo-button img.projem-logo {
    width: 150px !important;
    display: inline-block !important;
    margin-bottom: 2% !important;
}

.choose-dealer {
    margin-top: -5px;
}

.dealer-item.dealer-list {
    border-bottom: 1px solid #a4a4a4;
    align-items: center;
    margin-left: -5px;
}

ul.dealer-item-area .dealer-item-area-top ul li span.bold,
ul.dealer-item-area .dealer-item-area-bottom ul li span.bold {
    font-weight: 600;
}

@media (min-width:768px) {

    ul.dealer-item-area {
        text-align: left;
        width: 100%;
    }

        ul.dealer-item-area .dealer-item-area-top {
            width: 100%;
            display: table;
        }

        ul.dealer-item-area .dealer-item-area-top,
        ul.dealer-item-area .dealer-item-area-bottom {
            width: 100%;
        }

            ul.dealer-item-area .dealer-item-area-top .first-item {
                width: 40%;
                float: left;
            }

            ul.dealer-item-area .dealer-item-area-top .second-item {
                width: 25%;
                float: left;
            }

            ul.dealer-item-area .dealer-item-area-top .third-item {
                width: 34.99%;
                float: left;
            }
}

@media (max-width:767px) {
    ul.dealer-item-area {
        text-align: left;
    }
}

/*HeaderContent*/
header .menu-header > li#my-favorites a .favorites-icon{
    display:inline-block;
}

header .menu-header > li#button-basket .basket-trigger .cart-icon {
    display: inline-block;
}


header .menu-header > li .menu-membership-item .logged-user-icon {
    display: inline-block;
}

header .menu-header > li .menu-membership-item .icon-angle-down {
    margin-top: 0;
}

header .menu-header > li .login-icon {
    display: inline-block;
}


header .menu-header > li .submenu ul li > a .watt-icon, header .menu-header > li .submenu ul li > a .logout-icon {
    float: right;
    position: relative;
    top: 2px;
}

header #mobilenav #mobilebutton-menu {
    position: absolute;
    left: +1%;
    top: +24%
}

    header #mobilenav #mobilebutton-menu .menu-mobile-icon {
        margin-bottom: 5px;
        display: inline-block;
    }

header #mobilenav .mobile-search-trigger-button {
    float: left;
    left: 55px;
    position: relative;
    top: 1px;
    font-size: 8px;
    text-align: center;
    margin: 0 auto;
    line-height: 20px;
}

    header #mobilenav .mobile-search-trigger-button .arrow-left-icon {
        margin-top: 5px;
    }

header #mobilenav .mobile-customer-button .logged-user-icon {
    display: table;
    margin: 0 auto;
    width: 17px !important;
    height: 17px !important
}

header #mobilenav .mobilebutton.cartbtn .cart-icon {
    width: 16px !important;
    height: 16px !important;
    position: relative;
    top: 4px;
}

header #mobilenav .mobile-customer-button .login-icon {
    display: table;
    margin: 0 auto;
    width: 16px !important;
    height: 16px !important;
}

/*Favorite Warning Modal*/
#favorite-modal-warning-message{
    z-index: 9999999;
}

#favorite-modal-warning-message .modal-element {
    width: 713px !important;
    display:flex;
    align-items:center;
    border:none;
}

    #favorite-modal-warning-message .modal-element .favorites-heart-icon {
        width: 40px;
        height: 40px
    }

    #favorite-modal-warning-message .modal-element .modal-content {
        padding: 60px 32px 32px 32px;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap {
            margin-bottom: 0rem;
            margin-top: 16px;
        }

    #favorite-modal-warning-message .modal-element .modal-close {
        top: 32px;
        right: 22px;
        border:none;
    }

    #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title {
        color: #1B1B19;
        text-align: center;
        font-family: 'Roboto-Regular';
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title .customer-login {
            color: #ED1C24;
            font-family: 'Roboto-Regular';
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            text-decoration:none;
        }

    #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-sub-title {
        color: #1B1B19;
        font-family: 'Roboto-Light';
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
    }

    #favorite-modal-warning-message .modal-element .modal-content, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border:none;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols p {
            margin-bottom: 0rem;
            color: #979494;
            text-align: center;
            font-family: 'Roboto-Light';
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
            padding: 8px 0px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn:hover {
            background-color: #ED1C24;
        }
        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            display: flex;
            width: 307px;
            height: 54px;
            padding: 12px 24px;
            justify-content: center;
            align-items: center;
            gap: 4px;
            color: #FFF;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            font-family: 'Roboto-Regular';
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 1.2px;
            line-height: 24px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            background: #1B1B19;
            border:none;
        }

@media screen and (max-width: 768px) {
    #favorite-modal-warning-message .modal-element .favorites-heart-icon {
        width: 20px;
        height: 20px
    }

    #favorite-modal-warning-message .modal-element .modal-close {
        top: 20px;
    }

    #favorite-modal-warning-message .modal-element .modal-content {
        padding: 40px 32px 32px 32px;
    }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title {
            font-size: 16px;
        }

            #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-main-title .customer-login {
                font-size: 16px;
            }

        #favorite-modal-warning-message .modal-element .modal-content .modal-wrap .favorite-sub-title {
            font-size: 12px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols p {
            font-size: 12px;
        }

        #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .signup-now-btn, #favorite-modal-warning-message .modal-element .modal-content .modal-section.bottomcontrols .continue-shopping-btn {
            font-size: 12px;
            width: 188px;
        }
}

/*Product Add Favorite List Popup*/
.cart-container #added-favorite-list {
    top: 68px;
    right: 0;
    text-align: left;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
    padding: 27px 22px;
    width: 390px;
    display: none;
}

    .cart-container #added-favorite-list:after {
        content: "";
        position: absolute;
        top: -30px;
        right: 20px;
        margin-left: -5px;
        border-width: 15px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

#added-favorite-list {
    margin-top: 0;
    font-size: 12px;
    right: 0;
    left: auto;
    width: 375px;
    padding: 0;
    display: block;
    left: auto;
    right: 0;
    position: absolute;
    top: 100%;
    z-index: 10000 !important;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    position:fixed;
}
.cart-container #added-favorite-list {
    top: 117px;
    right: 128px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}

    .cart-container #added-favorite-list .product-added-area {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px;
    }

        .cart-container #added-favorite-list .product-added-area .main-title {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            margin-left: 12px;
            margin-bottom: 0rem;
        }

    .cart-container #added-favorite-list .sub-title {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        margin-bottom: 16px;
    }

    .cart-container #added-favorite-list .btn-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .cart-container #added-favorite-list .btn-area .go-to-favoritelist {
            display: flex;
            width: 100%;
            padding: 12px 24px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            border-radius: 8px;
            background: #1B1B19;
            border: none;
            color: #fff;
            letter-spacing: 1.2px;
        }

/*Product Add Favorite List Mobile*/
#added-favorite-list-mobile.hidden, #not-added-favorite-list-mobile.hidden {
    display: none;
}

#added-favorite-list-mobile, #not-added-favorite-list-mobile {
    width: 100%;
    width: 100% !important;
    z-index: 999;
    display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 167px;
    background: #FAFFF6;
    box-shadow: 0px 2px 17.5px 0px rgba(0, 0, 0, 0.17);
    position: absolute;
    top: 92px;
    position: fixed;
}

    #added-favorite-list-mobile .product-added-area, #not-added-favorite-list-mobile .product-added-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #added-favorite-list-mobile .product-added-area p, #not-added-favorite-list-mobile .product-added-area p {
            margin-bottom: 0rem !important;
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 125.188%;
            padding-left: 12px;
        }

/*Favorilerim Sayfası Mobil*/
@media screen and (max-width: 1200px) {
    #myFavorites{
        padding:16px;
    }
        #myFavorites .dynamic-product-discount-area{
            position:absolute;
        }

        #myFavorites .row.favorite-products {
            margin-top: 24px !important;
        }

        #myFavorites .myFavorite-item-area {
            padding: 12px 8px;
            position: relative;
        }

        #myFavorites .myFavorites-top-area {
            position: relative;
            margin-bottom:0;
        }

        #myFavorites .myFavorites-top-area .myFavorites-page-title h2 {
            font-size: 20px;
        }

            #myFavorites .myFavorites-top-area .myFavorites-action-buttons {
                top: 4px;
                right: 0px;
                position: absolute;
            }

            #myFavorites .myFavorites-top-area .myFavorites-action-buttons a {
                padding: 8px 16px;
                font-size: 11px;
            }

        #myFavorites .related-products{
            padding-top:0px;
            padding-bottom:0px;
            margin-bottom:12px !important;
        }

        #myFavorites .myFavorite-item-area .data.col-d-100 .numberbox-button{
            font-size:9px;
        }

        #myFavorites .myFavorite-item-area .data.col-d-100 .wrap-quantity {
            border-style: none;
        }

        #myFavorites .myFavorite-item-area .remove-favorite-item {
            top: 12px;
            right: 7px;
        }

        #myFavorites .myFavorite-item-area .remove-favorite-item img {
            height: 16px;
        }

        #myFavorites .myFavorite-item-area .thintitle {
            min-height: 40px;
        }

            #myFavorites .myFavorite-item-area .thintitle a {
                font-size: 10px;
                min-height: auto;
                margin-bottom: 4px;
            }

        #myFavorites .myFavorite-item-area .thintitle .productCode {
            font-size: 9px !important;
            margin-top:0px;
        }

        #myFavorites .myFavorite-item-area .favorite-price .price.old {
            font-size:9px;
        }

        #myFavorites .myFavorite-item-area .favorite-price .price{
            font-size:10px;
        }

        #myFavorites .myFavorite-item-area .favorite-price.widetext .vatrateplus {
            font-size: 9px;
        }

        #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart{
            padding:8px 24px;
            margin:0px;
        }

            #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p{
                font-size: 11px;
            }

                #myFavorites .myFavorite-item-area .add-to-cart-btn .js-add-cart p .basket-icon{
                    height:14px;
                }

        #myFavorites .myFavorites-top-area .myFavorites-category-area {
            width: 100%;
            display: flex;
            flex-direction: column-reverse;
        }

            #myFavorites .myFavorites-top-area .myFavorites-category-area ul li {
                float: none;
            }

                #myFavorites .myFavorites-top-area .myFavorites-category-area ul li a {
                    color: #1B1B19;
                }

        #myFavorites .myFavorites-category-area .mobil-category-selected-item {
            width: 100%;
            padding: 12px 16px;
            border-radius: 8px;
            border: 1px solid #D9D9D9;
            margin-bottom: 0px !important;
            background: #F5F5F5;
        }

        #myFavorites .myFavorites-category-area .desktop-category-item {
            display: none;
        }

        #myFavorites .myFavorites-category-area .mobil-category-selected-item .mobil-category-selected-item-arrow img {
            position: absolute;
            transform: rotate(90deg);
            width: 20px;
            right: 16px;
            top: 15px;
        }

        #myFavorites .myFavorites-category-area .mobil-dropdown-menu {
            width: 100%;
            z-index: 100;
            background: white;
            border-radius: 8px;
            padding-left: 15px;
            border: 1px solid #d9d9d9;
            border-radius: 8px;
        }

            #myFavorites .myFavorites-category-area .mobil-dropdown-menu .category-item {
                padding: 4px 0px;
            }

        #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box {
            width: 46px;
        }

            #myFavorites .dynamic-product-discount-area .dynamic-product-discount-box span {
                font-size: 9px;
                top: 20%;
            }
}

@media screen and (min-width: 1200px) {
    #myFavorites .myFavorites-category-area .mobil-category-selected-item {
        display: none;
    }
}

/*@media screen and (min-width:993px) {
    .shipping-modal section {
        min-height: 500px;
    }

    .billing-modal section {
        min-height: 770px;
    }
}*/

body.blog header #header-content {
    top: 39px !important;
}

body.blog #header-content .header-menu ul#nav {
    position: relative;
    width: fit-content;
    margin: auto;
    display: flex;
    align-items: stretch;
}

body.blog #nav ul {
    position: revert;
}

body.blog input#category_code + div {
    padding-top: 180px !important;
}

body.blog header #header-content {
    height: 123px;
}

body.blog header .header-logo img {
    top: 27px;
    position: relative;
}

@media (max-width:1200px) {
    body.blog header #header-content {
        height: 80px;
        border-bottom: 0;
    }

    body.blog input#category_code + div {
        padding-top: 130px !important;
    }
}

@media (max-width:576px) {
    .stores .stores-left {
        width: 100%;
    }

        .stores .stores-left .stores-contentwrap {
            padding: 0;
            max-height: 450px;
        }

    .stores .stores-map {
        position: relative;
        height: 400px;
        width: 100%;
    }

    .stores .stores-left .stores-listcontainer {
        height: auto;
    }
}
@media (min-width:768px) {
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 100% !important;
    }
}

@media (max-width:767px) {
    main#account .account-content .content-list.orders .list-row .list-column.order-title,
    main#account .account-content .content-list.orders .list-row .list-column.order-status,
    main#account .account-content .content-list.orders .list-row .list-column.order-date,
    main#account .account-content .content-list.orders .list-row .list-column.order-total,
    main#account .account-content .content-list.orders .list-row .list-column.order-message {
        width: 100% !important;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column,
    main#account .account-content .content-list.orders #preorder-item .list-column.project-type,
    main#account .account-content .content-list.orders #preorder-item .list-column.order-message.widetext.right {
        width: 100% !important;
    }
}



/*_CurrentPaymentCheckForm*/
.payment-method-areas .payment-method-area.check {
    display: none;
    margin-top: 15px;
}

.payment-method-areas .payment-method-area.check {
    display: none;
    margin-top: 15px;
}

    .payment-method-areas .payment-method-area.check .payment-method-input {
        width: 100%;
        display: table;
    }

    .payment-method-areas .payment-method-area.check .exchange-rate-area {
        display: none;
        position: relative
    }

        .payment-method-areas .payment-method-area.check .exchange-rate-area .exchange-rate {
            position: absolute;
            top: -4px;
            font-size: 11px;
            font-weight: 700;
        }

    .payment-method-areas .payment-method-area.check #FileName label {
        cursor: pointer;
    }

        .payment-method-areas .payment-method-area.check #FileName label span {
            width: 145px
        }

        .payment-method-areas .payment-method-area.check #FileName label i {
            font-size: 20px;
            position: relative;
            top: 3px;
        }

    .payment-method-areas .payment-method-area.check .upload-image-list {
        display: none;
    }

    .payment-method-areas .payment-method-area.check .js-submit-check-btn {
        background-color: #ed1c24 !important;
        display: table !important;
        top: 20px !important;
        margin-right: 86px !important;
        width: auto !important;
        padding: 0px 15px !important;
        border-radius: 0 !important;
    }

    .payment-method-areas .payment-method-area.check #BankLeft,
    .payment-method-areas .payment-method-area.check #AmountLeft {
        width: 70px;
        margin-right: 10px;
    }

    .payment-method-areas .payment-method-area.check #BankRight,
    .payment-method-areas .payment-method-area.check #AmountRight {
        width: 70px;
    }

/*currentInquiry*/
.orderSum li > strong {
    margin-right: 50em !important;
}

#AgreementValidateModal .agreementValidateButton {
    cursor: pointer;
    background-color: #70ad47;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#AgreementValidateModal .agreementCancelButton {
    cursor: pointer;
    background-color: #727272;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.account-transactions {
    display: table;
    margin: 30px 0;
}

    .account-transactions .left {
        width: 140px;
        display: inline-block;
        text-align: center;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        background-color: #dee2e6;
        padding: 11px;
    }

    .account-transactions .right {
        width: 140px;
        display: inline-block;
        text-align: center;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #dee2e6;
        padding: 11px;
    }

    .account-transactions a.active {
        color: #fff;
        background-color: #ed1c24;
    }

#success-message {
    display: none;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

#error-message{
    display: none;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

#AgreementValidateModal .attention {
    font-size: 22px;
    font-weight: bolder;
    text-align: center;
    align-content: center;
    display: block;
}

#AgreementValidateModal #AgreementValidText {
    font-size: 20px;
    text-align: center;
    align-content: center;
    display: block;
    padding-bottom: 20px;
}

    #AgreementValidateModal #AgreementValidText .checkwrap.medium {
        margin-left: 50px;
    }

#AgreementValidateModal .checkwrap.medium a {
    text-decoration: underline;
}

#AgreementValidateModal .modal-buttons {
    margin-top: 40px;
    text-align: center;
}

.current-inquiry-section .kolon .table .credit-limit-title {
    padding-bottom: 10px !important;
}

.current-inquiry-section .kolon .table.limit-state {
    width: 50%;
}

.current-inquiry-section .kolon .table.order-amount {
    width: 50%;
}

    .current-inquiry-section .kolon .table.order-amount .open-order-amoun {
        padding-bottom: 10px !important
    }


.current-inquiry-section .payment-method-area.money-transfer .important-note-area {
    font-size: 15px;
    margin: 10px 0;
}

    .current-inquiry-section .payment-method-area.money-transfer .important-note-area .code {
        font-weight: 700
    }

.current-inquiry-section .payment-method-area.money-transfer .account-info {
    margin-right: 15px;
    font-size: 15px;
}

.current-inquiry-section .payment-method-area.money-transfer .money-transfer-items {
    width: 210px;
}

.current-inquiry-section .payment-method-area.money-transfer .iban-list-area {
    display: table;
    margin-top: 15px;
    font-size: 16px;
}

    .current-inquiry-section .payment-method-area.money-transfer .iban-list-area .iban {
        float: left;
        font-weight: 600
    }

.current-inquiry-section .payment-method-area.money-transfer .iban-list {
    float: left;
}

.current-table-item .currentInfo {
    color: red;
    font-weight: normal;
}

.current-table-item .currentInfo {
    color: red;
    font-weight: normal;
}

.display-none {
    display: none;
}

.display-table {
    display: table;
}

.display-block {
    display: block;
}

.wattp-main-content .cancelled-watt-point {
    padding: 16px 80px;
    border-radius: 18px;
    border: 1px solid #ED1C24;
    margin-top: 17px;
}

    .wattp-main-content .cancelled-watt-point .info-item .title {
        color: #C5C5C8;
        font-family: 'Roboto-Regular';
        font-size: 20px;
        color: #3E3E3F;
    }

    .wattp-main-content .cancelled-watt-point .info-item .cancelled-point {
        color: #ED1C24;
        font-family: 'Roboto-Bold';
        font-size: 20px;
        float: right;
    }

@media (max-width:767px) {
    .wattp-main-content .cancelled-watt-point {
        padding: 14px 21px;
        margin-top: 10px;
    }

        .wattp-main-content .cancelled-watt-point .info-item .title {
            font-size: 14px;
        }

        .wattp-main-content .cancelled-watt-point .info-item .cancelled-point {
            font-size: 14px;
            line-height: 27px;
        }
}
/*kategori sayfası başlangıç*/
.maincategory-breadcrumb-area{
    width:100%;
    padding:12px 50px;
    display:table;
}
.maincategory-breadcrumb-area img.home-icon{
    float:left;
    margin-right:8px;
    position:relative;
    top:2px;
}
.maincategory-breadcrumb-area ul li{
    float:left;
}
.maincategory-breadcrumb-area ul li a {
    color: #979494;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    word-wrap: break-word;
}
.maincategory-breadcrumb-area ul li a.category-name {
    color: #ED1C24;
    font-size: 12px
}
.maincategory-breadcrumb-area ul li .arrow-breadcrumb{
    position:relative;
    top:2px;
    margin:0 8px;
}
.categorymain-video-banner {
    width: 100%;
}
.categorymain-video-banner .video-item{
    width:100%;
}

.maincategory-breadcrumb-area {
    width: 100%;
    padding: 12px 50px;
    display: table;
}

.maincategory-maincontent {
    margin-top: 50px;
}
.maincategory-maincontent .maincategory-maincontent-title{
    text-align: center;
}
.maincategory-maincontent .maincategory-maincontent-title h2{
    font-size: 36px;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    letter-spacing: -1px;
    color: #1B1B19;
}
.maincategory-maincontent .maincategory-maincontent-title p{
    color: #3B3B3B;
    text-align: center;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    max-width: 675px;
    margin: 0 auto;
}
.maincategory-maincontent .maincategory-maincontent-slider{
 padding:64px 50px 0 50px;
}
.maincategory-maincontent .maincategory-maincontent-slider .content-link{
   display:block;
   text-align:center;
}
.maincategory-maincontent .maincategory-maincontent-slider img {
    width: 100%;
    border-radius: 8px;
}
.maincategory-maincontent .maincategory-maincontent-slider span.sub-title {
    color: #1B1B19;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    margin:0 auto;
    margin-top:24px;
    display:table;

}
.maincategory-maincontent .maincategory-maincontent-slider .swiper-slide{
    padding:0!important;
}
.maincategory-types{
    padding:40px 50px;
    background-color:#F5F5F5;
}
.maincategory-types .maincategory-types-title h2{
    font-size: 36px;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    color: #1B1B19;
    letter-spacing: -0.72px;
    margin-bottom:16px;
    line-height: 44px; /* 122.222% */
}
.maincategory-types .maincategory-types-title p {
    color: #3B3B3B; 
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 20px;
}
.maincategory-types .maincategory-types-items{
    width:100%;
    display:table;
    margin-top:24px;
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem,
.maincategory-types .maincategory-types-items .maincategory-types-sssitem{
    width:calc((100% - 24px) / 2);
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem{
    float:left;
    height: 405px;
    overflow: hidden;
    position: relative;
    border-radius:8px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem{
    float:right;
}
.maincategory-types .maincategory-types-items .maincategory-types-imageitem img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li{
    padding:24px;
    display:table;
    width:100%;
    border-bottom:1px solid #D9D9D9;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active{
    background-color:#fff;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a{
    float:right;
    color: #1B1B19;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32.185px; 
    float:left;
    width:100%;
    display:table;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a img{
    width:20px;
    float:right;
    position: relative;
    top: 6px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li p{    
    width:100%;
    display:none;
    margin-top:48px;
    color: #3B3B3B;
    font-weight: 300;
    letter-spacing: -0.36px;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 20px;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active p{        
    display:table;
}
.maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li.active a img{

    transform: rotate(90deg);
}
.maincategory-types .maincategory-types-expitems{
    width:100%;
    display:table;
    margin-top:16px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea{
    float:right;
    width: calc((100% - 24px) / 2);
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem{
    float: left;
    width: calc((100% - 24px) / 2);
    position: relative;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem:last-child{
    float:right;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
    width: 100%;
    display: table;
    padding: 11px 12px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: white;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .exp-img {
    width: 68px;
    float: left;
    margin-right: 12px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
    width: calc(100% - 80px);
    float: left;
    display: table;
    color: #1B1B19;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
    width: calc(100% - 80px);
    float: left;
    display: table;
    font-weight: 300;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 16px;
}
.maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right{
    position: absolute;
    bottom: 11px;
    left: 92px;
}
.maincategory-descriptionarea {
    padding: 50px 64px 0 64px;
    border-top: 1px solid #D9D9D9;
}
#productList .maincategory-descriptionarea {
    padding: 0;
    border-top: none;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled h2{
    color: #1B1B19;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto-Regular';
    line-height: 0;
    margin-bottom: 32px;
    display: table;
    width: 100%;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled label {
    color: #1B1B19;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 167.187%;
    font-family: "Roboto-Light";
    margin-bottom:16px;
}
.maincategory-descriptionarea .maincategory-descriptionarea-enabled p ,
.maincategory-descriptionarea .maincategory-descriptionarea-disabled p{
   color: #979494;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
}
.maincategory-descriptionarea .maincategory-descriptionarea-disabled{
    display:none;
}
.maincategory-descriptionarea .maincategory-descriptionarea-disabled.active{
    display:block;
}
.maincategory-descriptionarea .maincategory-read-more{
    min-width: 168px;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    display: table;
    margin: 0 auto;
    color: #fff;
    background: black;
    padding: 13px 24px;
    position: relative;
    text-align: left;
    border-radius: 8px;
    margin-top: 17px;
}
.maincategory-descriptionarea .maincategory-read-more span {
    float: left;
    margin-right: 10px;
}
.maincategory-descriptionarea .maincategory-read-more img{
   float: right;
    position: relative;
    top: 2px;
}
.maincategory-descriptionarea .maincategory-read-more.active img {
    transform: rotate(180deg);
}
.maincategory-usage-areas {
    padding: 40px 64px 0 64px;
}
.maincategory-usage-areas .maincategory-usage-areas-title h2 {
    color: #1B1B19;
    font-size: 36px;
    font-family: Roboto-Medium, sans-serif;
    font-weight: 500;
    word-wrap: break-word;
    text-align: center;
}
.maincategory-usage-areas .maincategory-usage-areas-title hr {
    border: 2px solid black;
    width: 74px;
    margin-top: 12px;
    border-radius: 4px;
}
.maincategory-usage-areas .maincategory-usage-tab-area{
    margin-bottom:32px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul#myTab{
    border-bottom:0;
    margin-top:48px;
    margin-bottom:16px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li{
    margin-right:24px;
    display:block;
    float:left;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a{
    padding:24px 12px;
     border:1px solid #fff;
    display:table;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active{
    border:1px solid #ED1C24;
    border-radius:8px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a img{
    float:left;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a .active-img{
    display:none;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .default-img{
    display:none;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .active-img{
    display:block;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
    float: left;
    color: #1B1B19;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 0;
    position: relative;
    top: 12px;
    margin-left: 8px;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul li a.active span{    
    color: #ED1C24;
}
.maincategory-usage-areas .maincategory-usage-tab-area #myTabContent .tab-pane{
    color: #979494;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
    padding:0;
}
.maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item{
    display:none;
}
.maincategory-usage-area-slider .swiper-pagination {
    bottom: -20px !important;
    height: 40px;
    position: relative;
}
.maincategory-usage-area-slider .swiper-button-prev {
    bottom: -10px;
    top: auto;
    right: 43px;
    left: auto !important;
    z-index:99;
}
.maincategory-usage-area-slider .swiper-button-next {
    bottom: -10px;
    top: auto;
    right: 0 !important;
    z-index: 99;
}
.maincategory-usage-area-slider .swiper-button-prev:after {
    font-size: 20px !important;
    color: #1B1B19;
}
.maincategory-usage-area-slider .swiper-button-next:after {
    color: black;
    font-size: 20px !important;
}
.maincategory-usage-area-slider .swiper-slide {
    padding:0!important;
}
.maincategory-usage-area-slider .content-link img{
    width:100%;
}
.maincategory-usage-area-slider .maincategory-usage-area-referaces {
    display:none;
}
@media (max-width:1199px) {
    .maincategory-breadcrumb-area {
        padding: 12px 20px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider img {
        width: 100%;
        border-radius: 0;
    }
    .maincategory-maincontent {
        margin-top: 36px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider {
    padding: 46px 20px 0 20px;
    }
    .maincategory-maincontent .maincategory-maincontent-title h2{
        font-size:32px;
        margin-bottom:8px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider span.sub-title{
        margin-top:16px;
        font-size:16px;
        height:80px;
    }
    .maincategory-maincontent .maincategory-maincontent-title p{
        max-width: 530px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev {
        left: auto !important;
        right: 54px;
        bottom: 0;
        top: auto;
        z-index:99;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next{
        right: 15px !important;
        bottom: 0;
        top: auto;
        z-index: 99;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev:after,
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next:after {
        color: #000;
        font-size: 20px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-pagination-bullets{
        bottom:15px!important;
    }
        .maincategory-maincontent .maincategory-maincontent-slider .swiper-pagination-bullet {
            margin: 2px;
            width: 4px;
            height: 4px;
        }
    .maincategory-types {
        padding: 32px 24px;
    }
    .maincategory-types .maincategory-types-title h2{
        font-size: 32px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem, 
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem{
        width:100%;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem{
        margin-bottom:24px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea{
        width:100%;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {
        left: auto;
        right: 18px;
    }
    .maincategory-descriptionarea {
        padding: 50px 24px 0 24px;
    }
    .maincategory-usage-areas {
        padding: 24px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active img.default-img{
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active img.active-img{
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span{
        color: #1B1B19;
        font-size:14px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item {
        display: table;
        width: 100%;
        position: relative;
        margin-top: 20px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area ,
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-arrow{
        display: table !important;
        width: 100%;
        margin-right:0;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-arrow img {
        position: absolute;
        transform: rotate(90deg);
        width: 20px;
        right: 16px;
        top: 15px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a {
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        background: #F5F5F5;
        width: 100%;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active .active-img {
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active .default-img {
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active span {
        font-size: 14px;
        color: #1B1B19;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li {
        width: 100%;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a{
        border:none;
        padding:12px 16px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active {
        border: none;
    }
    
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
        color: #1B1B19;
        font-size: 14px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active span{
        color: #1B1B19;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .active-img{
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a.active .default-img{
        display:block;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul#myTab {
        margin-top: 0;
        display:none;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul#myTab.active{
        display:table;
        border:1px solid #d9d9d9;
        border-radius:8px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area #myTabContent{
        margin-top:16px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area{
        margin-bottom:16px;
    }
    .maincategory-usage-area-slider .content-link{
        width:auto;
        height:194px;
        display:block;
    }
    .maincategory-usage-area-slider .content-link img {
        height: 194px;
        object-fit: cover;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title h2{
        font-size:32px;
    }
    .maincategory-usage-areas .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 2px;
    }
    .maincategory-usage-area-slider .swiper-button-prev {
        bottom: -14px;
    }

    .maincategory-usage-area-slider .swiper-button-next {
        bottom: -14px;
    }
    .maincategory-usage-area-slider .maincategory-usage-area-referaces {
        display: table;
        width:100%;
        color: #1B1B19;
        font-size: 14px;
        font-family: Roboto-Medium, sans-serif;
        font-weight: 500;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title hr {
        border: 1px solid black;
        margin-top: 0;
        width: 48px;
    }
}
@media (max-width:767px) {   
    .maincategory-maincontent {
        margin-top: 24px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider {
    padding: 24px 16px 0px 16px;
    }
    .maincategory-maincontent .maincategory-maincontent-title h2{
        font-size:20px;
        margin-bottom: 8px;
    }
    .maincategory-maincontent .maincategory-maincontent-title p{
        max-width: 343px;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev:after,
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next:after {
        color: #000;
        font-size: 16px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-next {
        right: -8px !important;
    }
    .maincategory-maincontent .maincategory-maincontent-slider .swiper-button-prev {        
        right: 31px;
    }
    .maincategory-types {
        padding: 16px;
    }
    .maincategory-types .maincategory-types-title h2{
        font-size: 20px;
        line-height: 20px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem{

    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem {
        float: none;
        height: auto;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-imageitem img {
        position: revert;
        transform:none;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li {
        padding: 16px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li a {
        font-size: 14px;
    }
    .maincategory-types .maincategory-types-items .maincategory-types-sssitem ul li p {
        margin-top: 40px;
        font-size: 12px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem {
        width: 100%;
        margin-bottom:8px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
        padding:12px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
        width: calc(100% - 92px);
        font-size: 14px;
        margin-top:21px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
        width: calc(100% - 92px);
        font-size: 12px;
        line-height: 14px;
    }
    .maincategory-types .maincategory-types-expitems .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {      
        bottom: auto;
        left: auto;
        right: 12px;
        top: 45%;
    }
    .maincategory-descriptionarea {
        padding: 34px 16px 0 16px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled h2{
        font-size:24px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled label{
        font-size:14px;
    }
    .maincategory-descriptionarea .maincategory-descriptionarea-enabled p, 
    .maincategory-descriptionarea .maincategory-descriptionarea-disabled p{
        font-size:12px;
    }
    .maincategory-usage-areas {
        padding: 24px 16px;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title h2{
        font-size:16px;
    }
    .maincategory-usage-areas .maincategory-usage-areas-title hr {
        border: 1px solid black;
        margin-top:6px;
        width:48px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul.mobil-selected-item .mobil-selected-item-area a.active span,
    .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span{
        font-size:12px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area ul li a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li a span{
        font-size:12px;
    }
    .maincategory-usage-areas .maincategory-usage-tab-area #myTabContent .tab-pane{
        font-size:12px!important;
    }
}
/*kategori sayfası bitiş*/

/*PreOrderItem*/
@media screen and (min-width: 1200px) {
    main#account .account-content .content-list.orders .list-row.head .list-column.order-name:nth-child(3) {
        width: 21% !important;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column {
        width: 13.104% !important;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column.order-info {
            width: 23.104% !important;
        }

            main#account .account-content .content-list.orders #preorder-item .list-column.order-info span {
                word-wrap: break-word;
                white-space: normal;
                width: 90%;
            }

    main#account .account-content.preorder-list .content-list .list-row.head .order-date, main#account .account-content.preorder-list .content-list .list-row.head .order-title,
    main#account .account-content.preorder-list .content-list .list-row.head .order-name, main#account .account-content.preorder-list .content-list .list-row.head .order-status,
    main#account .account-content.preorder-list .content-list .list-row.head .order-total {
        text-align: left !important;
        width: 15% !important;
    }

    main#account .account-content.preorder-list .content-list.orders .list-row .list-column.order-title {
        width: 15% !important;
    }

    main#account .account-content.preorder-list .content-list .list-row#preorder-item {
        text-align: center;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column.order-message.widetext.right {
        width: 18.982% !important;
    }
}

@media screen and (max-width: 640px) {
    main#account .account-content.preorder-list .content-list.orders .list-row .list-column.order-date:before {
        content: 'Gönderilen:';
    }
}

main#account .account-content .content-list.orders #preorder-item .list-column .update-offer:hover {
    background: #ED1C24 !important;
    color: #fff !important;
}

main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
    width: 50%;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
    float: left;
    padding: 3px 4px;
    color: #000;
    background: #fff;
    border: none;
    text-align: left;
}

    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control i {
        color: #ED1C24;
        font-size: 20px;
        margin-right: 5px;
        float: left;
    }

    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control:hover {
        color: #fff;
        background: #ED1C24;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control:hover i {
            color: #fff;
        }

main#account .account-content .content-list.orders #preorder-item .list-column.project-type {
    margin-top: 1.875rem !important;
    width: 10.643% !important;
}

    main#account .account-content .content-list.orders #preorder-item .list-column.project-type img {
        width: 30px;
        float: left
    }

main#account .account-content .content-list.orders #preorder-item .list-column.order-message .update-offer {
    margin-top: 21px !important;
    background: #fff;
    color: #ED1C24;
    width: 100%;
}

@media screen and (max-width: 1776px) and (min-width: 1633px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
        padding: 3px 0;
    }
}

@media screen and (max-width: 1632px) and (min-width: 640px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control {
        text-align: center;
    }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control span {
            display: none;
        }

        main#account .account-content .content-list.orders #preorder-item .list-column .custom-css-control i {
            margin: 0 auto;
            padding: 0;
            text-align: center;
            float: none;
        }
}

@media (max-width:1201px) {
    main#account .account-content .content-list.orders #preorder-item .list-column .list-column a, .list-column span {
        font-size: 11px;
    }
}

/*Share Offer Popup*/
.share-offer .modal-element .modal-content {
    padding: 2rem 4rem !important;
}

.share-offer .modal-element {
    width: 750px;
    height: 260px !important;
}

    .share-offer .modal-element .modal-content .error-message-area .error-message {
        text-align: center;
        font-weight: bold;
        color: #ed1c24;
        font-size: 14px !important;
    }

    .share-offer .modal-element .modal-content .modal-subtitle {
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid#e4e4e4;
    }

    .share-offer .modal-element .modal-content .modal-subtitle, .share-offer .modal-element .modal-content .modal-section.bottomcontrols {
        text-align: center;
    }

        .share-offer .modal-element .modal-content .modal-section.bottomcontrols .share-offer-send {
            margin-bottom: 15px;
            width: 100%;
        }

/* preorderList */
.preorder-list .meta-items {
    width: 100%;
    display: table;
}

    .preorder-list .meta-items .meta-item {
        width: 45%;
        float: right;
        margin-bottom: 20px;
        position: relative;
    }

        .preorder-list .meta-items .meta-item:nth-child(2n-1) {
            float: left;
        }

        .preorder-list .meta-items .meta-item.full {
            width: 100%;
        }

        .preorder-list .meta-items .meta-item label {
            width: 120px;
            float: left;
            padding-top: 12px;
        }

        .preorder-list .meta-items .meta-item select, .meta-item input {
            width: calc(100% - 120px);
            float: right;
            height: 40px;
        }

        .preorder-list .meta-items .meta-item span {
            width: 100%;
            display: table;
            position: absolute;
            bottom: -15px;
            font-size: 13px;
            color: #ED1C24;
        }

        .preorder-list .meta-items .meta-item button {
            float: right;
        }

@media screen and (max-width: 600px) {
    .preorder-list .meta-items .meta-item {
        width: 100%;
    }

        .preorder-list .meta-items .meta-item span {
            position: relative;
            bottom: 0;
        }
}

.preorder-list .paging {
    line-height: 4.16666667rem;
    height: 4.16666667rem;
    font-size: 1.375rem;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #5a5a5a;
}

.preorder-list .li-paging {
    display: inline-block;
    margin: 0rem 1.25rem 0rem 1.25rem;
}


.preorder-list .page-action.active {
    text-decoration: underline;
    font-weight: bold;
}

.preorder-list .orders .order-date {
    font-size: small;
}

.preorder-list .orders .order-total {
    font-size: small;
}

.preorder-list .orders .order-title {
    font-size: small;
}

.custom-accordion-menu-item {
    border: 1px solid #727272;
}

    .custom-accordion-menu-item:not(.first) {
        border: 1px solid #727272;
        margin-top: 15px;
    }

    .custom-accordion-menu-item .item-title {
        width: 100%;
        background-color: #727272;
        color: #fff;
        padding: 17px 10px;
        font-size: 16px;
        position: relative;
    }

    .custom-accordion-menu-item .accordion-indicator {
        float: right;
        font-size: 11px;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .custom-accordion-menu-item .fa-minus {
        float: right;
        font-size: 11px;
        display: block;
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .custom-accordion-menu-item .accordion-indicator::before, .fa-minus::before {
        float: right;
        padding-top: 20px;
        padding-right: 20px;
    }

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

    .custom-accordion-menu-item ul li a {
        font-size: 11px;
        padding-left: 10px;
    }

        .custom-accordion-menu-item ul li a:hover {
            font-size: 11px;
            font-weight: 700;
            text-decoration: underline;
        }

        .custom-accordion-menu-item ul li a.active {
            font-size: 11px;
            font-weight: 700;
            text-decoration: underline;
        }

    .custom-accordion-menu-item .nav-list {
        display: none;
    }

    .custom-accordion-menu-item ul li a .item-count {
        display: inline-block;
        color: #FFF;
        font-weight: 600;
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.58333333rem;
        font-size: 0.850rem;
        padding-left: 0.08333333rem;
        box-sizing: border-box;
        text-align: center;
        background-color: #ed1c24;
        position: relative;
        top: 16px;
        right: 10px;
        float: right;
    }

.custom-display-none {
    display: none !important;
}

.custom-display-block {
    display: block !important;
}

.custom-display-inline {
    display: inline !important;
}
main#account .account-content .content-list.orders .sent-preorder-item .list-column.order-info span {
    word-wrap: break-word;
    white-space: normal;
    width: 90%;
}
main#account .account-content .content-list .list-row.preorder-sending .list-column {
    width: 15%;
}
main#account .account-content .content-list.orders .sent-preorder-item .list-column {
    width: 15%
}

#draw_type_haserror .modal-element {
    width: 32em;
    text-align: center;
}
.has-error-icon {
    font-size: 46px;
    border-radius: 100%;
    border: 2px solid;
    width: 53px;
    display: block;
    padding: 14px;
    margin: 0px auto 10px;
}
@media(min-width:1200px){
    .homepage-slider-container .mySwiper4 {
        min-height: 240px;
    }
    .homepage-slider-container .mySwiper4 .swiper-pagination {
        bottom: -5px !important;
    }
}

/*Ürün Listeleme*/
section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
    margin-bottom: 18px !important;
    margin-top: 18px;
    text-align: right;
    padding-right: 2%;
}
section.breadcrumb .breadcrumb-list .crumb:first-child {
    display: inline-flex;
    align-items:baseline;
}

    section.breadcrumb .breadcrumb-list .crumb:first-child .home-icon {
        margin-right: 8px;
    }

.category-list-banner {
    width: 100%;
    height: 100%;
    padding: 0px 64px 32px 64px;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    display: inline-flex
}

    .category-list-banner .category-desc-area {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        display: flex;
        width: 70%;
    }

        .category-list-banner .category-desc-area {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 12px;
            display: inline-flex;
        }

            .category-list-banner .category-desc-area .category-desc {
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                gap: 16px;
                display: flex;
                width: 80%
            }

                .category-list-banner .category-desc-area .category-desc .category-desc-title {
                    color: #1B1B19;
                    font-size: 36px;
                    font-family: 'Roboto-Medium';
                    font-weight: 500;
                    line-height: 44px;
                    word-wrap: break-word
                }

                .category-list-banner .category-desc-area .category-desc .category-desc-text {
                    color: #3B3B3B;
                    font-size: 14px;
                    font-family: 'Roboto-Light';
                    font-weight: 300;
                    line-height: 20px;
                    word-wrap: break-word
                }

    .category-list-banner .category-img-area {
        position: relative;
        width: 100%;
    }

        .category-list-banner .category-img-area img {
            border-radius: 8px;
        }

@media screen and (max-width: 1200px) {
    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
        padding: 0px 24px !important;
        margin-bottom:1rem;
    }

    .category-list-banner {
        display: block;
        padding: 0px !important;
    }

        .category-list-banner .category-desc-area {
            width: 100%;
            padding: 0 24px;
        }

            .category-list-banner .category-desc-area{
                display:block;
            }

                .category-list-banner .category-desc-area .category-desc{
                    width:100%;
                }

                .category-list-banner .category-desc-area .category-desc .category-desc-text {
                    display: none;
                }

                    .category-list-banner .category-desc-area .category-desc .category-desc-title {
                        font-size: 20px !important;
                    }

                    .category-list-banner .category-img-area img {
                        border-radius: 0px;
                        width:100%;
                    }
}

@media screen and (min-width: 1200px) {
    section.breadcrumb .wrapper {
        max-width: 100% !important;
    }

    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list{
        margin-top:18px !important;
    }
}

@media screen and (max-width: 768px) {
    section.breadcrumb .breadcrumb-list, main.breadcrumb .breadcrumb-list {
        margin-bottom:0.25rem !important;
        padding: 0px 16px !important;
        padding-bottom: 13px !important;
    }

        .category-list-banner .category-desc-area{
            padding:0px 12px;
        }
}

/*hızlı filtre alanı css başlangıç*/
.categories-quick-filter-container{
    padding:24px 64px;
}
.categories-quick-filter-container .categories-text-area {
    margin-bottom:16px;
    width:100%;
    display:table;
}
.categories-quick-filter-container .categories-text-area .categories-text-tab{
    cursor:pointer;
}
.categories-quick-filter-container .categories-text-area .categories-text-tab{    
    color: #979494;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 16px;
    font-weight: 400;
    float: left;
}
.categories-quick-filter-container .categories-text-area .linked-categories-text {
    border-left: 1px solid #1B1B19;
    padding-left: 56px;
}
.categories-quick-filter-container .categories-text-area .categories-text {    
    padding-right:56px;
}
.categories-quick-filter-container .categories-text-area .categories-text.active,
.categories-quick-filter-container .categories-text-area .linked-categories-text.active{    
    color: #ED1C24;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    float: left;
}


.categories-quick-filter-container .categories-quick-filter-area{
    padding:16px 0;
    width:100%;
    display:block;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide{
    width:auto;
    padding:0!important;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link{
    min-width:200px;
   display:table;
   text-align:center;
   padding:12px 0!important;
   position:relative;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link{
    border-radius:8px;
    border:1px solid #ED1C24;
    float:left;
    margin-right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link .category-name{
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .category-link .main-img {
    width: 137px;
    margin: 0 auto;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .active-item-icon{
    position:absolute;
    top:15px;
    right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items {
    float: left;
    margin-right: 12px;
    padding:12px 0;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items .sub-category-item{
    width: 100%;
    display: table;
    padding: 20px 39.5px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items .sub-category-item.active{
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1B1B19;
    padding: 20px 39.5px;
    border-radius: 8px;
    border: 1px solid #1B1B19;
    display: table;
}
.categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .vertical-border{
    height:150px;
    border:1px solid #D9D9D9;
    float:left;
    margin-right:12px;
}

.categories-quick-filter-container .linked-categories-area{
    padding:16px 0;
    width:100%;
    display:table;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item{
    float:left;
} 
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link{
    min-width:200px;
   display:table;
   text-align:center;
   padding:12px 0!important;
   position:relative;
   margin-right:12px;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .main-img {
    width: 137px;
    margin: 0 auto;
}
.categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .category-name{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
    margin-top:30px;
    display:block;
    width:100%;
    padding:12px 24px;
    background: #F5F5F5;
    border-radius:8px;
    overflow: hidden;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-area-title{
    float:left;
    color: #1B1B19;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 22px;
    position: relative;
    top: 3px;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items{
    float:left;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width:100%;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
    margin-right:40px;
    float:left;
    flex: 0 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar {
    height: 8px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
    width:40px;
    height:40px;
    border:1px solid #D9D9D9;
    border-radius:8px;
    float:left;
    background: #fff;
    margin-right:12px;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img img{
    height:100%;
    border-radius:8px;
}

.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto-Light';
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title b {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1B1B19;
}
.categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area{
    display:none;
}
@media (min-width:1200px) {
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next {
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper{
        overflow-x:auto;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar {
        height: 6px;
    }

    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 8px;
    }

    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
}
@media (max-width:1199px){
    .categories-quick-filter-container {
        padding: 24px;
    }
    .categories-quick-filter-container .categories-text-area .categories-text, 
    .categories-quick-filter-container .categories-text-area .linked-categories-text,
    .categories-quick-filter-container .categories-text-area .categories-text.active, 
    .categories-quick-filter-container .categories-text-area .linked-categories-text.active{
        font-size:14px;
    }
    .categories-quick-filter-container .categories-text-area .categories-text {
        padding-right: 16px;
    }
    .categories-quick-filter-container .categories-text-area .linked-categories-text{
        padding-left:16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link {
        width: auto;
        min-width: auto;
        padding: 12px 3px !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name {
        font-size: 13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .sub-category-items {
        display: none;
    }    
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .category-link .main-img{
        width:auto;
    }   
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .vertical-border{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide.first-item .category-link{
        margin-right:0;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .active-item-icon{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item.quick-filter-text{
        display:none;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-slide .category-link .category-name{
         -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick{
        height:182px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-pagination{
        top:auto;       
        bottom: 15px !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next{
        z-index:99;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev{
        right: 30px !important;
        bottom: 0;
        left: auto !important;
        top: auto;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next {
        bottom: 0;
        top: auto;
        right: 0 !important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-prev:after, 
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-button-next:after{
        color:#1B1B19;
        font-size:16px!important;
    }
    .categories-quick-filter-container .categories-quick-filter-area .swiper.mySwiperquick .swiper-pagination .swiper-pagination-bullet{
        margin: 0 2px;
        width: 4px;
        height: 4px;
    }    
    .categories-quick-filter-container .linked-categories-area{
        display:flex;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item{
        width: calc((100% - 144px) / 7);
        margin-right:24px;
        flex: 0 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0 3px;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link{
        width: 100%;
        min-width: auto;
        padding: 12px 0 !important;
        margin-right:0;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item .category-link .category-name{
        font-size: 13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
        margin-right:32px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title{
        font-size:13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-title b{
        font-size:13px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
        margin-right:4px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item .quick-filter-item-img{
        width:30px;
        height:27px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
        margin-top:16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area{
        display:flex;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item{
        margin-right: 12px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1B1B19;
        font-size: 13px !important;
        font-weight: 300;
        font-family: 'Roboto-Light';
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item.mobile-sub-category-title{
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 14px !important;
        font-weight: 400;
    }
    .categories-quick-filter-container .categories-quick-filter-area .mobile-sub-category-area .mobile-sub-category-item.active {
        font-family: 'Roboto-Medium', sans-serif;
        font-size: 13px !important;
        font-weight: 400;
        margin-right: 12px;
        padding: 8px;
        border-radius: 8px;
        border: 1px solid #1B1B19;
    }
}
@media (max-width:767px) {
    .categories-quick-filter-container{
        padding:0;
        padding-left:16px;
        padding-top:24px;
    }
    .categories-quick-filter-container .linked-categories-area .linked-categories-item {
        width: calc((100% - 48px) / 4);
        margin-right: 16px;
    }
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area{
        padding:12px 8px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }    
    .categories-quick-filter-container .categories-quick-filter-area .quick-filter-area .quick-filter-items .quick-filter-item{
        margin-right:12px;
    }
}

#js-order-list.stock-product-list .modal-element {
    height: 720px !important;
    width:939px;
    border-radius:8px;
}
#js-order-list.stock-product-list .modal-element .modal-content{
    padding:24px!important;
    border:none;
}
#js-order-list.stock-product-list .modal-element .modal-innerwrap{
    overflow:hidden;
}
#js-order-list.stock-product-list .modal-element .modal-close {
    top: 15px;
    right: 15px;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#js-order-list.stock-product-list .modal-element .modal-close:active{
    background-color:#fff;
}
#js-order-list.stock-product-list .instok-content-image-area {
    margin-bottom: 28px;
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-text{
    display: table; 
    width: 100%; 
    color: #1B1B19; 
    font-size: 20px; 
    font-family: Roboto-Medium, sans-serif; 
    font-weight: 500;
    margin-bottom: 18px;
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-img{
    width: 335px; 
    height: 249px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin: 0 auto; 
}
#js-order-list.stock-product-list .instok-content-image-area .instok-product-img img{
    width:100%;
    border-radius:8px;
    margin-top:33px;
}
#js-order-list.stock-product-list .instok-content-image-area .instock-product-code{
    display: table; 
    color: #979494; 
    margin: 0 auto; 
    font-family: Roboto-Light, sans-serif;
    font-size: 14px; 
    font-style: normal;
    font-weight: 300; 
    line-height: 125.188%;
    margin-top: 12px;
}
#js-order-list.stock-product-list  .list-row .list-column{
    width:25%!important;
}
#js-order-list.stock-product-list .list-row .list-column.city-name,
#js-order-list.stock-product-list .list-row .list-column.store-name,
#js-order-list.stock-product-list .list-row .list-column.address-name,
#js-order-list.stock-product-list .list-row .list-column.stock-total{
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto- Regular", sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    line-height: 125.188%;
}
#js-order-list.stock-product-list .list-row .list-column.city-name-text,
#js-order-list.stock-product-list .list-row .list-column.store-name-text,
#js-order-list.stock-product-list .list-row .list-column.address-name-text,
#js-order-list.stock-product-list .list-row .list-column.stock-total-text{
    color: #979494;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
}
#js-order-list.stock-product-list .list-row .list-column.widetext {
    letter-spacing: 0!important;
}
#js-order-list.stock-product-list .list-row.head{
    padding-bottom:12px;
}
#js-order-list.stock-product-list .list-row{
    padding:0 50px;
    border-bottom:1px solid #D9D9D9!important;
}
#js-order-list.stock-product-list .list-row:not(.head){
    display:flex;
}
#js-order-list.stock-product-list .list-row:not(.head) .list-column{
   padding:12px 0!important;
   display: flex;
   align-items: center;
}
#js-order-list.stock-product-list .list-row .list-column .total br{
    display:none;
}
#js-order-list.stock-product-list .list-row .list-column.stock-total-text .total{
    color: #ED1C24;
}
#js-order-list.stock-product-list .content-list{
    height:302px;
    overflow-y:auto;
}
#js-order-list.stock-product-list .content-list::-webkit-scrollbar {
    width: 8px;
}

#js-order-list.stock-product-list .content-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

#js-order-list.stock-product-list .content-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}
@media (max-width:1199px){
    #js-order-list.stock-product-list .modal-element{
        width:540px;
        height:473px!important;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-text{
        font-size:16px;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-img {
        width: 100%;
        height: 148px;
    }
    #js-order-list.stock-product-list .instok-content-image-area .instok-product-img img{
        width: auto;
        height: 146px;
        margin:0 auto;

    }
    #js-order-list.stock-product-list .modal-element .modal-content {
        padding: 16px !important;
    }
    #js-order-list.stock-product-list .modal-element .modal-close .icon-close:before{
        font-size:16px;
    }
    #js-order-list.stock-product-list .modal-element .modal-close{
        top:4px;
        right:4px;
    }
    #js-order-list.stock-product-list .list-row{
        padding:0;
    }
    #js-order-list.stock-product-list .list-row.head{
        padding-bottom:8px;
    }
    #js-order-list.stock-product-list .list-row:not(.head) .list-column{
       padding:8px 0!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.address-name{
        display:none;
    }
    #js-order-list.stock-product-list .list-row .list-column.city-name,
    #js-order-list.stock-product-list .list-row .list-column.store-name{
        width:calc((100% - 70px) / 2)!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.stock-total{
        width:69px!important;
    }

    #js-order-list.stock-product-list .list-row .list-column.address-name-text{
        display:none;
    }
    #js-order-list.stock-product-list .list-row .list-column.city-name-text,
    #js-order-list.stock-product-list .list-row .list-column.store-name-text{
        width:calc((100% - 70px) / 2)!important;
    }
    #js-order-list.stock-product-list .list-row .list-column.stock-total-text{
        width:69px!important;
    }
    #js-order-list.stock-product-list .list-row .list-column .total br{
        display:block;
    }
    #js-order-list.stock-product-list .content-list {
        height: 200px;
    }
    #js-order-list.stock-product-list .content-list .city{
        font-size:12px;
    }
}
@media (max-width:767px){
    #js-order-list.stock-product-list .modal-element {
        width: 312px;
    }
}

.product-cart .description .new-product-tag {
    color: #ED1C24;
    font-family: 'Roboto-Black';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    text-decoration-line: underline;
    text-align: left;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}

/*Product Listesi */
section.product-list .wrapper {
    max-width: 100% !important;
    padding: 0px 64px;
}

    section.product-list .wrapper .main-grid {
        padding-top: 32px;
        border-top: 1px solid #D9D9D9;
    }

        section.product-list .wrapper .main-grid .col-d-75.col-t-75.col-m-100 {
            padding-top: 0px;
        }

        section.product-list .listing-pagination .pagination-list li.seall {
            text-align:center;
        }

        section.product-list .wrapper .main-grid .product-list-ordering {
           display:flex;
        }

            section.product-list .wrapper .main-grid .product-list-ordering .sort-by {
                font-size: 14px !important;
                font-family: "Roboto-Light";
                font-weight: 300;
                word-wrap: break-word;
                /*padding-right: 12px;*/
                color: #979494 !important;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                section.product-list .wrapper .main-grid .product-list-ordering .sort-by img {
                    padding-right: 8px;
                }

        section.product-list .wrapper .main-grid .product-details-left.hidden-xs .wrapper {
            padding: 0px 24px 0px 0px;
        }

section.product-list .listing-main .listing-head {
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    width: 100% !important;
    height: auto;
    margin-bottom: 32px;
}

    section.product-list .listing-main .listing-head .listing-head-left {
        justify-content: flex-start;
        align-items: center;
        gap: 24px;
        display: flex;
    }

        section.product-list .listing-main .listing-head .listing-head-left .in-stock-area {
            justify-content: flex-start;
            align-items: center;
            gap: 8px;
            display: flex;
        }

        section.product-list .listing-main .listing-head .listing-head-left .all-item-cart {
            padding: 8px;
            border-radius: 8px;
            border: 1px #1b1b19 solid;
            justify-content: center;
            align-items: center;
            gap: 33px;
            display: flex;
        }

    section.product-list .listing-main .listing-head .listing-head-right {
        justify-content: flex-end;
        align-items: center;
        gap: 64px;
        display: flex;
    }

        section.product-list .listing-main .listing-head .listing-head-right .product-list-ordering {
            justify-content: flex-end;
            align-items: flex-start;
            gap: 12px;
            display: flex;
        }

    section.product-list .listing-main .listing-head .total-product {
        display: inline-block;
        color: #1B1B19;
        font-size: 14px !important;
        font-family: "Roboto-Regular";
        font-weight: 400;
        word-wrap: break-word;
    }

        section.product-list .listing-main .listing-head .total-product .text {
            color: #979494 !important;
            font-size: 14px;
            font-family: "Roboto-Light";
            font-weight: 300;
            word-wrap: break-word;
        }

.product-list .listing-main .listing-head .grids {
    justify-content: flex-start;
    align-items: center;
    /*gap: 12px;*/
    display: flex;
}

    .product-list .listing-main .listing-head .grids .sub-title {
        color: #979494;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        word-wrap: break-word;
        /*margin-right: 12px;*/
    }

    .product-list .listing-main .listing-head .grids .col3 {
        margin-right: 8px;
        width: 40px;
        height: 20px;
        background: url(/assets/images/uc-gorunum.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col2 {
        width: 26px;
        height: 20px;
        background: url(/assets/images/iki-gorunum.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col3.active {
        background: url(/assets/images/uc-gorunum-active.svg) no-repeat;
    }

    .product-list .listing-main .listing-head .grids .col2.active {
        background: url(/assets/images/iki-gorunum-active.svg) no-repeat;
    }

section.product-list .listing-main .listing-head .listing-order {
    margin: 0rem !important;
    width: 135px !important;
}

.selectboxit-container.listing-order .selectboxit-btn .selectboxit-text {
    color: #1B1B19 !important;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    padding: 0px;
    border: none;
}

.selectboxit-container.listing-order.rightalign .selectboxit-btn {
    border: none;
    height: 20px;
}

.selectboxit-container.listing-order.rightalign {
    box-shadow: none;
}

.selectboxit-container.listing-order .selectboxit-default-arrow:before {
    color: #1B1B19 !important;
    font-weight: bold;
}

.selectboxit-container.listing-order .selectboxit-arrow {
    top: 35%;
    border: none;
}

.selectboxit-container.listing-order span {
    line-height: 1.6rem;
}

.selectboxit-container.listing-order span, .selectboxit-container.listing-order .selectboxit-options a {
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word;
    border-bottom: 1px solid #D9D9D9;
    color: #979494
}

    .selectboxit-container.listing-order span, .selectboxit-container.listing-order .selectboxit-options a:last-child {
        border-bottom: none;
    }

.selectboxit-container.listing-order .selectboxit-options {
    width: 146px;
    min-width: 146px !important;
    border-radius: 8px;
    text-align: center;
    margin-left: -10px;
    z-index: 99 !important;
    color: #979494;
    box-shadow: 0px 4px 14.399999618530273px rgba(0, 0, 0, 0.11);
}

.selectboxit-container.listing-order .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor {
    position: relative;
    color: #1B1B19 !important;
}

    .selectboxit-container.listing-order .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor > .selectboxit-option-icon-container {
        content: "";
        display: inline-block;
        width: 9px;
        height: 7px;
        background-image: url(/assets/images/check-sm.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 11px;
        left: 15px;
    }

section.listing > .wrapper > .main-grid > .col-d-75.col-t-75.col-m-100 {
    padding: 0px !important;
}

.product-details-left .mobile-clear-all {
    display:none;
}

@media(max-width:1199px) {
    section.product-list .wrapper {
        max-width: 100% !important;
        padding: 0px 24px;
    }
        section.product-list .wrapper .main-grid {
            padding-top: 16px;
        }
        section.product-list .wrapper .main-grid .product-list-ordering .sort-by {
            display: none !important;
        }

    .in-stock-area {
        display: none !important;
    }

    .product-list-filter-area .product-details-left .selected-container {
        display: none !important;
    }
}

@media(max-width:767px) {
    .product-list .listing-main .listing-head .grids {
        display: none;
    }

    section.product-list .listing-main .listing-head {
        margin-bottom: 12px;
        display: block !important;
    }
}

@media(max-width:576px) {
    section.product-list .wrapper {
        max-width: 100% !important;
        padding: 0px 16px;
    }
}

/*ProducList Filter Arae*/
.product-list-filter-area .product-details-left .filter-title {
    color: #1B1B19;
    font-size: 22px !important;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 28px;
    word-wrap: break-word;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

    .product-list-filter-area .product-details-left .filter-title .filter-icon {
        margin-right: 8px;
    }

.product-list-filter-area .product-details-left .accordion-custom-content {
    padding: 0px !important;
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0 24px;
    height: max-content !important;
}

.product-list-filter-area .product-details-left .accordion-element {
    background: #F5F5F5;
    margin-bottom: 8px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.product-list-filter-area .product-details-left .accordion-element.accordion-expanded {
    overflow: hidden;
    padding-bottom:12px;
}

    .product-list-filter-area .product-details-left .accordion-element.accordion-expanded .product-details-left .accordion-button {
        background: #F5F5F5;
        border-radius: 8px;
        overflow: hidden;
        border: 1px #D9D9D9;
        margin-bottom: 12px;
    }

.product-list-filter-area .product-details-left .accordion-button {
    border: none;
    padding: 0px;
    background: #F5F5F5;
    border-radius: 8px;
    border: 1px #D9D9D9;
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    letter-spacing: 0 !important;
    padding: 24px 32px;
}

.product-list-filter-area .product-details-left .checkwrap {
    background: white;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-bottom: 12px;
    padding: 12px;
}

.checked-filter {
    border: 1px solid #1B1B19 !important;
}

section.listing > .wrapper > .main-grid > .col-d-25.col-t-25.product-list-filter-area {
    padding: 0px !important;
    display:block !important;
}

.product-list-filter-area .product-details-left .selected-container .clear-all {
    padding: 12px;
    background: #1B1B19;
    border-radius: 4px;
    border: 1px solid;
    color: white;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    margin-bottom: 32px;
}

.product-list-filter-area .product-details-left .selected-container .selected-filters-list  {
    margin-top:-10px;
}

.product-list-filter-area .product-details-left .selected-container .selected-filters-list li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
    background: #F5F5F5;
    padding: 8px;
    border-radius: 4px;
    border: 1px #1B1B19;
    color: #1B1B19;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
    margin-bottom: 12px;
}

    .product-list-filter-area .product-details-left .selected-container .selected-filters-list li .remove-single-filter {
        display: inline-block;
        margin-left: 8px;
        cursor: pointer;
    }

.product-list-filter-area .product-details-left .wrapper {
    padding: 0px !important;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap label:before {
    width: 20px;
    height: 20px;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap label {
    padding-left: 3rem !important;
}

.product-list-filter-area .product-details-left .details-specs .checkwrap input:checked + label:after {
    background-image: url(/assets/images/selected-filters.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: white !important;
    opacity: 1;
}

section.product-list .listing-main .listing-head .mobile-filter-popup{
    display:none;
}

.product-list-filter-area .product-details-left .details-specs .accordion-expanded .chevron-icon {
    transform: rotate(180deg);
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .chevron-icon {
    float: right;
}

.product-list-filter-area .product-details-left .details-specs .accordion-element .accordion-content {
    padding: 0px 24px 12px 24px;
}

.filter-popup-close {
    display:none;
}

@media only screen and (max-width: 1200px) {
    .product-details-left {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
        transform: translateY(100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        padding: 0 24px 24px 24px;
        background: white;
        box-shadow: 0px 4px 25.5px rgba(0, 0, 0, 0.45);
    }

        .product-details-left .mobile-filter-popup {
            display: inline-flex !important;
            padding: 8px 16px;
            background: #1B1B19;
            border-radius: 4px;
            color: white;
            font-size: 14px;
            font-family: "Roboto-Medium";
            font-weight: 500;
            word-wrap: break-word;
        }

    section.product-list .listing-main .listing-head {
        height: auto;
    }

        section.product-list .listing-main .listing-head .mobile-filter-popup {
            display: inline-flex;
            padding: 8px 16px;
            background: #1B1B19;
            border-radius: 4px;
            color: white;
            font-size: 14px;
            font-family: "Roboto-Medium";
            font-weight: 500;
            word-wrap: break-word;
        }

            section.product-list .listing-main .listing-head .mobile-filter-popup img {
                margin-right: 4px;
            }

    .product-details-left .selected-filters-list {
        display: none;
    }

        .product-details-left.active {
            transform: translateY(0);
        }

        .product-details-left .accordion-container {
            max-height: 300px !important;
            overflow-y: auto;
            padding: 10px;
            margin-bottom:50px;
        }

        .product-details-left .accordion-element {
            margin-bottom: 8px !important;
        }

        .product-details-left .accordion-content {
            padding: 0 16px !important;
        }

        .product-details-left .accordion-button {
            padding: 16px !important;
            background: #F5F5F5;
            font-size: 13px !important;
            border-radius: 8px;
        }

    .product-details-left .filter-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 12px !important;
    }


        .product-details-left .filter-popup-close {
            margin: auto;
            display: block;
        }

        .product-details-left .accordion-container {
            padding: 1rem;
            overflow-y: auto;
            height: calc(100% - 50px);
        }

    .product-details-left .mobile-clear-all {
        display: flex;
        justify-content: center;
        bottom: -10px;
        margin: 0 auto !important;
        position: absolute;
        width: 100%;
        padding: 12px;
        background: #1B1B19;
        border-radius: 4px;
        border: 1px solid;
        color: white;
        font-size: 16px;
        font-family: "Roboto-Regular";
        font-weight: 400;
        word-wrap: break-word;
        margin-bottom: 32px;
    }
}

@media(max-width:576px){
    section.product-list .listing-main .listing-head .listing-head-left{
        display:block;
    }

        section.product-list .listing-main .listing-head .listing-head-left .all-item-cart {
            color: #AEAEAE;
            border: 1px solid #AEAEAE;
            margin:8px 0px;
        }

    section.product-list .listing-main .listing-head .listing-head-right {
        display: flex;
        justify-content: space-between;
    }
}
/*stockReminderPopup*/
#stockReminderPopup .modal-element {
    height:770px !important;
}

#stockReminderPopup .modal-element, #stockSuccessPopup .modal-element {
    border: none !important;
}

    #stockReminderPopup .modal-element .modal-content, #stockSuccessPopup .modal-element .modal-content {
        padding: 24px 32px;
        border: none !important;
        border-radius: 8px;
    }

    #stockReminderPopup .modal-element .modal-close, #stockSuccessPopup .modal-element .modal-close {
        top: 15px;
        right: 15px;
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: none !important;
    }

#stockReminderPopup .stock-reminder-title, #stockSuccessPopup .stock-reminder-title {
    color: #1B1B19;
    font-size: 20px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 25.04px;
    word-wrap: break-word;
    margin-bottom: 15px;
}

#stockReminderPopup .stock-reminder-description {
    color: #1B1B19;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 200;
    line-height: 17.53px;
    word-wrap: break-word;
    margin-bottom: 24px;
}

#stockReminderPopup .notify-me {
    background: #1B1B19;
    border-radius: 8px;
    width: 22%;
    margin-top: 32px;
}

    #stockReminderPopup .notify-me button {
        color: white;
        font-size: 16px;
        font-family: "Roboto-Bold";
        font-weight: 800;
        word-wrap: break-word;
        padding: 12px 24px;
        width: 100%;
    }

#stockReminderPopup .stock-reminder-top {
    margin-bottom: 12px;
}

#stockReminderPopup .product-code, #stockSuccessPopup .product-code {
    color: #979494;
    font-size: 16px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    line-height: 20.03px;
    word-wrap: break-word;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 12px;
}

#stockReminderPopup .stock-reminder-img, #stockSuccessPopup .stock-reminder-img {
    width: 441px;
    height: 225px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin: auto;
}


    #stockReminderPopup .stock-reminder-img img, #stockSuccessPopup .stock-reminder-img img {
        height: 100%;
        border-radius: 8px;
    }

#stockReminderPopup .inputwrap {
    font-size: 14px !important;
}

    #stockReminderPopup .inputwrap input {
        color: #979494;
        border-radius: 8px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 15.02px;
        word-wrap: break-word;
    }

#stockReminderPopup .inputwrap {
    margin-bottom: 8px;
}

.input-span {
    color: #F23333;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 15px;
}

#stockReminderPopup .inputwrap input {
    border-radius: 8px;
}

.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}


.stock-reminder-success .success-message-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

.stock-reminder-success .success-message-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

    .stock-reminder-success .success-message-content .main-title {
        font-size: 18px !important;
        font-family: Roboto-Bold;
        font-weight: 800;
        line-height: 28.26px;
        word-wrap: break-word;
        margin-top: 12px;
        display: flex;
    }

    .stock-reminder-success .success-message-content .sub-title {
        font-size: 16px !important;
        font-family: Roboto-Light;
        font-weight: 300;
        line-height: 25.12px;
        word-wrap: break-word
    }

.keep-shopping {
    width: 29%;
    position: relative;
    border-radius: 14px;
    background: #1B1B19;
    height: 44px;
    float: right;
    color: #FFF;
    text-align: center;
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    line-height: 44px;
    margin-top: 24px;
}

#stockReminderPopup .js-error-message {
    color: #ED1C24;
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 15px;
    word-wrap: break-word;
    display: none;
}

#stockReminderPopup .inputwrap label.error{
    display:none !important;
}

#stockReminderPopup .inputwrap label{
    display: none !important;
}

#stockReminderPopup .bildirim.uyari {
   display:block;
}

@media(max-width:1200px) {
    #stockReminderPopup.modal {
        top: 10px !important;
    }

    #stockReminderPopup .modal-element {
        width: 560px;
        height: 590px !important;
    }

    #stockSuccessPopup .modal-element {
        width: 424px;
        height: 432px;
    }

        #stockReminderPopup .modal-element .modal-content, #stockSuccessPopup .modal-element .modal-content {
            padding: 12px 16px;
        }

        #stockReminderPopup .modal-element .modal-close, #stockSuccessPopup .modal-element .modal-close {
            top: 4px;
        }

    #stockReminderPopup .stock-reminder-img, #stockSuccessPopup .stock-reminder-img {
        width: 100%;
        height: 148px;
    }

        #stockReminderPopup .stock-reminder-img img {
            margin: 0 auto;
        }

    #stockReminderPopup .notify-me {
        width: 100%;
        margin-top: 0px !important;
    }

    #stockReminderPopup .stock-reminder-description {
        display: none;
    }

    #stockReminderPopup .stock-reminder-title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    #stockReminderPopup .product-code, #stockSuccessPopup .product-code {
        font-size: 14px;
        margin-top: 6px;
    }

    .keep-shopping {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 24px;
    }

    .stock-reminder-success .success-message-content {
        margin-top: 12px;
    }

        .stock-reminder-success .success-message-content .main-title {
            display: block;
            font-size: 14px !important;
            line-height: 18.48px;
        }

        .stock-reminder-success .success-message-content .sub-title {
            font-size: 14px !important;
            line-height: 21.98px;
        }

    #stockReminderPopup .kolon2 + .kolon2 {
        margin-top: 0px !important;
    }

    #stockReminderPopup .js-error-message {
        margin-bottom: 8px;
    }
}

@media(max-width:768px) {
    #stockReminderPopup .modal-element {
        width: 312px;
    }

    #stockSuccessPopup .modal-element {
        width: 312px;
    }
}

.product-cart .product {
    padding: 16px;
    border-radius: 8px !important;
}

    .product-cart .product .product-discount-and-favorite-button {
        display: table;
        width: 100%;
        margin-bottom: 16px;
        height: 35px;
    }

    .product-cart .product .add-favorite-list {
        float: right;
    }

    .product-cart .product .product-discount-and-favorite-button .dynamic-product-discount-area {
        position: relative;
        float: left;
    }

        .product-cart .product .product-discount-and-favorite-button .dynamic-product-discount-area .dynamic-product-discount-box span {
            color: #ED1C24;
            font-size: 15px;
            font-family: Roboto-Bold, sans-serif;
            font-weight: 700;
            line-height: 12px;
            word-wrap: break-word;
            margin: 0 8px;
            position: absolute;
            top: 11px;
            left: 10px;
        }

section.listing .listing-list li .product-image img {
    position: revert;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

section.listing .listing-list li .product-image {
    position: revert;
}

section.listing .listing-list.triple li .product-image {
    padding-bottom: 0;
}

section.listing .listing-list li .description {
    margin-top: 16px;
}

section.listing .listing-list li .description {
    text-align: left;
}

    section.listing .listing-list li .description .product-name {
        opacity: 0.8;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 12px;
        white-space: normal !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 44px;
    }

    section.listing .listing-list li .description .product-code {
        color: #AEAEAE;
        font-family: "Roboto-Light";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height:24px;
    }

    section.listing .listing-list li .description .product-desc .not-login-button {
        color: #1B1B19;
        font-family: "Roboto-Light";
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
    }

        section.listing .listing-list li .description .product-desc .not-login-button span {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            line-height: normal;
            color: #ED1C24;
        }

    section.listing .listing-list li .description .product-desc {
        margin-top: 12px !important;
    }

.product-cart .brand-title {
    color: #1B1B19;
    font-size: 18px !important;
    font-family: "Roboto-Bold";
    font-weight: 800;
    word-wrap: break-word;
    text-transform: uppercase
}

.product-cart .stock-reminder-btn {
    width: 100%;
    color: white;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 24px;
    word-wrap: break-word;
    background: #1B1B19;
    border-radius: 8px;
    padding: 12px;
}

    .product-cart .stock-reminder-btn .stock-reminder-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-cart .stock-reminder-btn img {
        margin-right: 8px;
    }

.product-cart .basket-btn-text img {
    margin-right: 8px;
    letter-spacing: 0px !important;
}

.product-cart .out-of-stock, .product-cart .inquire-stock {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-cart .out-of-stock img, .product-cart .inquire-stock img {
        margin-right: 8px;
    }

.product-cart .out-of-stock {
    color: #AEAEAE;
    font-size: 12px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word
}

.product-cart .inquire-stock {
    color: #1B1B19;
    font-size: 12px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    text-decoration: underline;
    word-wrap: break-word
}

section.listing .listing-list.dual .product-cart .product {
    padding: 32px 24px;
}

.product-cart .product .product-top-area {
    height: 232px
}

    .product-cart .product .product-top-area .new-product {
        height: 24px;
    }

.product-cart .hidden-button-container {
    position: relative;
    height: 50px;
}

.product-cart .hidden-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-cart:hover .hidden-button {
    opacity: 1;
}

.product-cart .product-desc .details-head .price-area {
    margin-top: 15px;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

.product-cart .details-head .price.old {
    color: #D9D9D9 !important;
    font-size: 16px !important;
    font-family: "Roboto-Regular" !important;
    font-weight: 400 !important;
    text-decoration: line-through;
    word-wrap: break-word;
}

.product-cart .product-desc .details-head .price {
    color: #1B1B19;
    font-size: 28px;
    font-family: "Roboto-Bold";
    font-weight: 700;
    word-wrap: break-word;
}

.product-cart .product-desc .details-head .vatrateplus {
    color: #AEAEAE !important;
    font-size: 14px;
    font-family: "Roboto-Regular";
    font-weight: 400;
    word-wrap: break-word;
}

@media(max-width:1200px) {
    .product-cart .product {
        padding: 10px !important
    }
}
@media(max-width:767px) {
    .product-cart {
        /*border: none;*/
        box-shadow: none;
    }

        .product-cart .product {
            padding: 10px !important
        }

            .product-cart .product .product-top-area {
                height: 212px;
            }

        .product-cart .product-code-text {
            display: none;
        }

        .product-cart .brand-title {
            font-size: 14px !important;
        }

        .product-cart .wrap-quantity {
            border: 1px solid #e4e4e4;
            border-bottom: none;
            border-top: none;
            border-radius: 4px;
        }

    .numberbox.sided .numberbox-button {
        border-radius: 4px;
    }

    .numberbox.narrow {
        border-radius: 4px;
    }

    section.listing .listing-list li .description .product-name {
        font-size: 14px !important;
        height: 34px;
    }

    section.listing .listing-list li .description .product-desc {
        font-size: 13px;
    }

    .product-cart .out-of-stock, .product-cart .inquire-stock {
        display: flex;
        justify-content: start;
        width: 100%;
    }

    .product-cart .stock-reminder-btn .stock-reminder-text, .product-cart .basket-btn-text {
        font-size: 11px !important;
    }

    .product-cart .stock-reminder-btn img {
        width: 20px;
    }

    .product-cart .details-head .price-area {
        display: block !important;
    }

    .product-cart .details-head .price.old {
        font-size: 13px !important;
    }

    .product-cart .product-desc .details-head .price {
        font-size: 16px !important;
    }

    .product-cart .product-desc .details-head .discount-price {
        display: inline-block !important;
        margin-top: 7px;
    }

    .product-cart .product-desc .details-head .vatrateplus-area {
        font-size: 12px;
        display: inline-block !important;
    }
}

/*Price Filter Area*/
.member-not-logged-in {
    color: #1B1B19;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word;
}

    .member-not-logged-in span {
        color: #ED1C24 !important;
        font-size: 14px;
        font-family: "Roboto-Medium";
        font-weight: 500;
        word-wrap: break-word
    }

.accordion-button.disabled {
    pointer-events: none;
    opacity: 0.5; 
}

.price-filter #price {
    background-color: white;
    border: 1px #D9D9D9 solid;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.price-filter .min-price-area, .price-filter .max-price-area {
    display: flex;
    flex-direction: column;
    color: #979494;
    font-size: 12px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word
}

    .price-filter .min-price-area .min-price, .price-filter .max-price-area .max-price {
        width: 89px;
        border-radius: 4px;
        height: 35px;
        padding: 0px 12px !important;
        color: #1B1B19;
        font-size: 16px;
        font-family: 'Roboto-Medium';
        font-weight: 500;
        word-wrap: break-word;
    }

.price-filter .mCSB_container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.price-btn-area{
    padding-top:27px;
}

.price-filter-button {
    background: #1B1B19;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 35px;
    border-radius: 4px;
}

.js-remove-price-filter{
    display:flex;
    justify-content:center;
}

.js-remove-price-filter img {
    margin-left:8px;
}

.price-filter .line {
    color: #1B1B19;
    padding-top: 25px;
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .price-filter .min-price-area .min-price, .price-filter .max-price-area .max-price {
        width: 57px;
    }
}

.smartTag-items-area{
    width: 100%;
    display: flex;
    padding-top: 7px;
    height:25px;
}
.smartTag-items-area .smartTag-item{
    display:flex;
    flex:1;
    align-items:center;
}
.smartTag-items-area .smartTag-item .smartTag-src {
    width: 12px;
    margin-right:9px;
}
.smartTag-items-area .smartTag-item .smartTag-description {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 12px;
    line-height:normal;
}
@media (max-width:767px) {
    .smartTag-items-area {
        display: none;
    }
}
.productlist-added-to-cart {
    border: 1px solid #4DC247 !important;
    background: #4DC247 !important;
    cursor: pointer !important;
}

.productlist-spin-img {
    animation: spin 2s infinite linear;
    position: relative;
/*  top: 8px;*/
}
@media (max-width:1199px){
    .product-cart .product-desc .details-head .price {
        font-size: 16px !important;
    }
}
.smartTag-items-area .smartTag-item .smartTag-description .tag-bold {    
    font-family: "Roboto-Bold";
}

@media screen and (max-width: 1200px) {
    .currency-crumb.breadcrumb-list.category {
        margin-top: 1.5rem !important;
    }
}

.product-detail-infobanner-content {
    width: 100%;
    display: table;
    padding:40px 80px;
    margin-bottom:40px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title{
    margin-bottom:16px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img{
    float:left;
    margin-right:24px;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .arrow-icon{
    display:none;
}
.product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title label{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    position:relative;
    top:5px;
}
.product-detail-infobanner-content .product-detail-infobanner-item p{
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 19px;
}
@media (max-width:1199px){
    .product-detail-infobanner-content {   
        padding: 32px 72px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item{
        margin-bottom:38px;
    }
}
@media (max-width:767px) {
    .product-detail-infobanner-content {        
        padding: 24px 16px 12px 16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item {
        margin-bottom: 0;
        padding:10px 0 ;
        border-bottom:1px solid #d9d9d9;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.last-child {        
        border-bottom:none;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title{
        margin-bottom:0px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .arrow-icon{
        display:block;
        float:right;
        width:16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img{        
        margin-right:12px;
        width:16px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item .product-detail-infobanner-item-title label{      
        font-family: Roboto-Medium;
        font-size: 12px;
        top:0;
        margin-bottom:0;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item p{
        display:none;
        line-height: 15px;
        margin-top:6px;
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.active .product-detail-infobanner-item-title .arrow-icon{
       transform: rotate(90deg);
    }
    .product-detail-infobanner-content .product-detail-infobanner-item.active p{
        display:block;
    }
}

/*İlginizi Çekebilir _VisilabsAlternativeProducts*/
#visibleAlternativeProducts .dynamic-slider-area {
    height: 100% !important;
}

#visibleAlternativeProducts .dynamic-slider-main-title p {
    font-size:26px;
}

#visibleAlternativeProducts .dynamic-slider {
    overflow: hidden;
}


.product-detail-advantages-content{
    display:table;
    width:100%;
}
.product-detail-advantages-content .product-detail-advantages-title{
    margin-bottom:24px;
}
.product-detail-advantages-content .product-detail-advantages-title label{
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Medium";
    font-size: 26px;
    line-height: normal;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images {
    float: right;
    width:50%;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images img{
    object-fit: cover;
    height: 650px;
    width:100%;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {
    float: left;
    width:50%;
    padding-right:24px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top{
    display:table;
    width:100%;
    padding: 18.5px 32px;
    border-bottom:1px solid #d9d9d9;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .item-top-icon{
    float:left;
    margin-right:24px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top span{
    float:left;    
    color: #1B1B19;    
    font-family: "Roboto-Regular";
    font-size: 18px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .arrow-icon{
    float:right;
    width:25px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-desc{
    display:none;
    color: #979494;    
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 22px;
    padding-left:32px;
    padding-top:22px;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-top .arrow-icon{
    transform: rotate(90deg);
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-desc{
    display:block;
}
.product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil{
    display:none;
}
@media (min-width:1200px) {
    .product-detail-advantages-content {
        padding:0 64px;
    }
}
@media (max-width:1199px){
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images {
        float: none;
        width: 100%;
        height: 374px;
        overflow: hidden;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {
        float: none;
        width: 100%;
        padding:0 24px;

    }
    .product-detail-advantages-content .product-detail-advantages-title {
        margin-bottom: 0;
        display:none;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil {
        display: table;
        width:100%;
        padding-top:32px;
        padding-bottom:20px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil label {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 24px;
        line-height: normal;
        margin-bottom:0;
    }   
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item{
        margin-bottom:8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top {
        padding: 16px 12px;
        border: 1px solid #d9d9d9;
        border-radius: 8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-desc{
        font-size: 12px;
        line-height: 18px;
        padding-left: 0;
        padding-top: 8px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top span{
        font-size:14px;
        position:relative;
        top:1px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .item-top-icon,
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item .advantages-detail-item-top .arrow-icon{
        width:16px;
        position:relative;
        top:2px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .advantages-detail-item.active .advantages-detail-item-top{
        background-color: #F5F5F5;
    }

}
@media (max-width:767px){
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail {        
        padding: 0 16px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-detail .product-detail-advantages-title.mobil label{
        font-size:16px;
    }
    .product-detail-advantages-content .product-detail-advantage-area .product-detail-advantages-images{
        height:354px;
    }
}

/*Ürün Detay product-status-container */  
    .product-status-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:16px 0px;
        margin-bottom:16px;
        border-bottom: 1px #D9D9D9 solid;
    }

    .product-details .in-stock {
        color: #4DC247;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-details .out-of-stock {
        color: #979494;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 20px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-details .in-stock img, .product-details .out-of-stock img {
        margin-right: 7px;
        width: 16px;
    }

@media(max-width:768px) {
    .product-status-container {
        /*flex-direction: column;*/
        align-items: flex-start;
    }
}


/* Ürün Detay product-name alanı */
.product-info .product-name {
   text-align:left;
   margin-bottom:8px;
}
.product-info .product-name .thintitle.big {
    font-size: 26px !important;
    color: #1B1B19;
    line-height: 30px;
    font-family: "Roboto-Regular";
    letter-spacing:0px;
}

.product-info .product-name .brand-name {
    font-family: "Roboto-Bold";
    font-weight: 600;
    text-transform: uppercase;
}

.product-info .product-details .brand-area {
    margin-top: 15px;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    word-wrap: break-word
}

    .product-info .product-details .brand-area .brand-name {
        color: #ED1C24;
        font-size: 14px !important;
        font-family: "Roboto-Bold";
        font-weight: 800;
        word-wrap: break-word;
        text-transform: uppercase;
    }


@media(max-width:768px) {
    .product-info .product-name .thintitle.big {
        font-size: 18px !important;
        line-height: 25px;
        color: #1B1B19;
    }

    .product-info .product-details .brand-area {
        margin-top: 9px;
        font-size: 12px;
    }

        .product-info .product-details .brand-area .brand-name {
            font-size: 12px !important;
        }
}

/*Ürün Detay Ürün Özellikleri Tab*/
.container--tabs {
    margin: 0px 64px;
}

    .container--tabs .tabs-title {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }

    .container--tabs .tabs-title {
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .container--tabs .tab-content {
        border: none !important
    }

        .container--tabs .tab-content > .tab-pane.active {
            padding: 32px 0 0 0;
        }

    .container--tabs .tabs-title > li {
        margin-right: 72px;
    }

        .container--tabs .tabs-title > li.active {
            border-bottom: 2px solid #ED1C24;
            padding-bottom: 24px;
        }

            .container--tabs .tabs-title > li.active > a {
                color: #ED1C24;
                font-family: "Roboto-Regular";
                font-weight: 400;
                border: white !important;
            }

        .container--tabs .tabs-title > li > a {
            color: #1B1B19;
            font-size: 18px;
            font-family: "Roboto-Light";
            font-weight: 300;
            line-height: 25.19px;
            word-wrap: break-word;
            padding: 0;
            border: none !important;
            background-color: white !important;
            padding: 0 0px 27px 0px
        }

        .container--tabs .tabs-title > li.active > a, .container--tabs .tabs-title > li.active > a:hover, .container--tabs .tabs-title > li.active > a:focus {
            color: #1B1B19;
        }

@media(max-width:768px) {
    .container--tabs {
        margin: 0px 16px;
    }

        .container--tabs .tab-content > .tab-pane.active {
            padding: 16px 0 0 0;
        }

        .container--tabs .tabs-title > li {
            margin-right: 40px;
            padding-bottom:12px !important;
        }

            .container--tabs .tabs-title > li > a {
                font-size: 14px;
                padding:0px;
            }
}
.product-status-container .product-info-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}
.product-status-container .product-info-icons .number-of-favorites{
    margin-right:12px;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 11px;
    font-weight: 300;
    text-decoration-line: underline;
}
.product-status-container .product-info-icons .number-of-favorites bold{    
    font-family: 'Roboto-Bold';
}
.product-status-container .product-info-icons .add-favorite-list{
    margin-right:12px;
}
.product-status-container .product-info-icons .share-icons-area{
    position:absolute;
    right:0;
    bottom:30px;
    padding:13px 13px 15px 13px;
    box-shadow: 0 1px 14px rgba(62, 62, 63, 0.21);
    border-radius:8px;
    background:white;
}
.product-status-container .product-info-icons .share-icons-area:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 85%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top{
    width:100%;
    margin-bottom:12px;
    display:table;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top .shared-text{
    float:left;
    color: #1B1B19;    
    font-family: Roboto-Medium;
    font-size: 10px;
    font-weight: 500;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-top .js-close-share-popup{
    float:right;
    cursor:pointer;    
    width: 17px;
    position: relative;
    top: -3px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom{
    display:table;
    width:100%;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook{
    float:left;
    margin-right:23px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin .passive-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook .passive-image{
    display:none;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin:hover .active-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook:hover .active-image{
    display:none;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-linkedin:hover .passive-image,
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-facebook:hover .passive-image{

     display:block;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .share-button-twitter{
    float:left;
    position: relative;
    top: 2px;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .icon-twitter::before {    
    font-size: 20px;
    color: #aeaeae;
}
.product-status-container .product-info-icons .share-icons-area .share-icons-area-bottom .icon-twitter:hover:before {
    color: #1da1f2;
}
/*main.product-info .product-details .details-head{
    height:auto;
}*/
main.product-info .product-details .details-head  .installment.scrollbar{
    max-height:unset;
    text-align:left;
}

.product-detail-infobanner-content.bg-gray {
    background-color: #F5F5F5;
}
.product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
    width:417px;   
}
.product-detail-infobanner-content.bg-gray > .row > .col-sm-12 {
    display: flex;
    justify-content: center;
}
@media(max-width:1199px) {
    .product-detail-infobanner-content.bg-gray {
        padding: 24px;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
        margin-bottom:0;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item{
        width:auto;   
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12{
        align-items:center;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title{
        margin-bottom:0;
        display:flex;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title label{
        font-size:16px;
    }
    
    .product-detail-infobanner-content.bg-gray {
        padding: 48px 36px;
    }
}
@media screen and (max-width: 1199px) and (min-width:768px) {
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item p {
        display: none;
    }
}
@media(max-width:767px){
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title {
        margin-bottom: 0;
        display: block;
        width: 100%;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title .product-detail-infobanner-item-img {
        width: 20px;
        position: relative;
        top: -2px;
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12 {
        display:flow;
    }
    .product-detail-infobanner-content.bg-gray {
        padding: 0px 16px;
        margin-bottom:24px;
    }
    .product-detail-infobanner-content.bg-gray > .row > .col-sm-12:last-child .product-detail-infobanner-item{
        border-bottom:0;
    }
    .product-detail-infobanner-content.bg-gray .product-detail-infobanner-item .product-detail-infobanner-item-title label{
        font-size:12px;
    }
}

/*Ürün Detay Slider*/
@media screen and (min-width: 1200px) {
    main.product-info > .clear {
        max-width: 100% !important;
        padding: 0px 64px;
    }
}
.products-more {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}

    .products-more a {
        display: inline-flex;
    }

    .products-more .all-product-features, .products-more .create-with {
        color: #1B1B19;
        font-size: 14px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 11px;
        word-wrap: break-word;
        display: flex;
        align-items: center;
        padding:16px;
    }

    .products-more .all-product-features {
        text-decoration: underline;
        padding-left: 0px;
    }

    .products-more .all-product-features img {
        margin-left: 8px;
    }

    .products-more .create-with img {
        margin-right: 8px;
    }

    .products-more .create-with .right-chevron {
        margin-right: 0px;
        margin-left: 8px;
        transform: rotateZ(270deg);
    }

#productDetail .lSSlideOuter .lSPager.lSGallery li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px !important;
    height: 75px;
    border: 1px solid #D9D9D9;
    border-radius: 6.01px;
    margin-right: 12px !important;
}

    #productDetail .lSSlideOuter .lSPager.lSGallery li.active {
        border: 1px solid #ED1C24;
    }

#productDetail .lg-outer {
    background-color: white;
    z-index: 999999999;
}

#productDetail .lg-sub-html {
    display: none;
}

#productDetail .lg-outer .lg-thumb-outer {
    background-color: white;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#productDetail .lg-toolbar {
    background-color: white !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0) 100%);
}

#productDetail .lg-outer.lg-animate-thumb .lg-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}

#productDetail .lg-outer .lg-thumb-item img {
    background: linear-gradient(0deg, white 0%, white 100%);
    border: 0.75px solid #D9D9D9;
}

#productDetail .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border: 0.75px solid #ED1C24 !important;
}

#productDetail .lg-show-in .lg-next, .lg-show-in .lg-prev {
    background-color: transparent !important;
}

#productDetail .lg-next, .lg-prev, .lg-toolbar .lg-icon {
    color: #1B1B19 !important;
    background-color: transparent !important;
}

#productDetail .lg-counter {
    display: none;
}

#productDetail .lg-components {
    top: 85% !important;
    position: relative !important;
}

#productDetail .lSAction > a {
    display: none;
}

#productDetail .lg-next:before, #productDetail .lg-prev:after, #productDetail .lg-toolbar .lg-close:after {
    content: '' !important;
}

#productDetail .lg-next {
    background-image: url(/assets/images/chevron-down.svg) !important;
    transform: rotateZ(270deg);
    background-repeat: no-repeat;
    margin-right: 30px;
}

#productDetail .lg-prev {
    background-image: url(/assets/images/chevron-down.svg) !important;
    transform: rotateZ(90deg);
    background-repeat: no-repeat;
    margin-left: 30px;
}

#productDetail .lg-toolbar .lg-close {
    background-image: url(/assets/images/x-lg.svg) !important;
    transform: rotateZ(270deg);
    background-repeat: no-repeat;
    margin-right: 19px;
}

@media(max-width:768px){
    #productDetail .lSSlideOuter .lSPager.lSGallery {
        width:100% !important;
    }
    #productDetail .lSSlideOuter .lSPager.lSGallery li {
        /*width: 50px !important;
        height: 50px !important;*/
        margin-right:8px;
    }
    #productDetail .lg-toolbar .lg-close, #productDetail .lg-prev, #productDetail .lg-next {
        margin-right: 0px;
    }
}

/*Ürün Detay Bilgi Alanı*/
.product-slider-information {
    padding: 0 64px !important;
}
main.product-info .product-details {
    margin: 0px;
    padding: 0px;
}

.external-code-area {
    color: #979494;
    font-size: 14px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word
}

#productDetail .options-numbers.left .data.big {
    padding: 0;
}

.product .price-and-actions .price-discount-area {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
}

.product .price-and-actions .badge-discount-area {
    position: relative;
    margin-right: 16px;
}

.product .price-and-actions .badge-discount-area .badge-discount {
    position: absolute;
    top: 23%;
    left: 23%;
    color: #ED1C24;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word
}

.product .price-and-actions .details-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    padding-right: 20px;
}

.product .price-and-actions .details-head .old-price {
    color: #AEAEAE !important;
    font-size: 14px !important;
    font-family: "Roboto-Thin";
    font-weight: 300 !important;
    text-decoration: line-through;
    line-height: 20px !important;
    word-wrap: break-word;
    margin-bottom: 4px !important;
}

.product .price-and-actions .details-head .price.old {
    display: flex !important;
}

.product .price-and-actions .details-head .price.old:after {
    background-color: #AEAEAE !important;
    height: 0px !important;
}

    .product .price-and-actions .details-head .discount-price {
        color: #1B1B19 !important;
        font-size: 36px !important;
        font-family: "Roboto-Bold" !important;
        font-weight: 700 !important;
        word-wrap: break-word;
        margin-top: 9px;
    }

.product .price-and-actions .details-head .vatrateplus {
    color: #AEAEAE !important;
    font-size: 14px !important;
    font-family: "Roboto-Regular" !important;
    font-weight: 400 !important;
    word-wrap: break-word;
}
.price-and-actions .not-logged-in {
    text-align: left;
    margin: 16px 0px;
    width: 100%;
}
    .price-and-actions .not-logged-in p {
        color: #1B1B19;
        font-size: 16px;
        font-family: "Roboto-Light";
        font-weight: 300;
        line-height: 18.74px;
        word-wrap: break-word
    }

        .price-and-actions .not-logged-in p:first-child {
            padding-bottom: 5px;
        }

    .price-and-actions .not-logged-in a {
        font-family: "Roboto-Medium" !important;
        font-weight: 500 !important;
        text-decoration: underline;
    }

    .price-and-actions .not-logged-in .customer-login-lower {
        color: #ED1C24 !important;
    }

    .price-and-actions .not-logged-in .sign-up {
        color: #1B1B19;
    }

.price-and-actions .add-to-basket {
    margin-bottom: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    letter-spacing: 1px;
}

    .price-and-actions .add-to-basket:hover ,
    .quick-product-card .add-to-basket:hover {
        background-color: #ED1C24 ;
        color: white !important;
    }

    .price-and-actions .add-to-basket img {
        margin-right: 8px;
    }

.price-and-actions .stock-reminder-btn {
    margin-bottom: 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    word-wrap: break-word;
    letter-spacing: 1px;
    background-color: #1B1B19;
    color: white !important;
    border: 1px solid black;
    padding: 12px;
}

.price-and-actions .stock-reminder-btn img {
    margin-right: 8px;
}

.price-and-actions .quantity-container-wrapper {
    display: flex;
    padding: 0px;
    margin: 16px 0;
}
    .price-and-actions .quantity-container-wrapper .wrap-quantity {
        width: 100% !important;
        border: none;
        border-radius: 4px;
    }
.price-and-actions .meter-text, .price-and-actions .quantity-text {
    color: #1B1B19 !important;
    font-size: 14px;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 20px;
    word-wrap: break-word;
    float: left;
    width: 100%;
    text-align: left;
}
.price-and-actions .quantity-container-wrapper .store-stock-btn {
    border-radius: 8px;
    background-color: white !important;
    color: #1B1B19 !important;
    border: 1px solid #D9D9D9;
    padding: 14px 26px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 24px;
    width: 100%;
    letter-spacing: 1px;
    font-family: 'Roboto-Regular';
}
.price-and-actions .quantity-container-wrapper .store-stock-btn img {
    margin-right: 8px;
}

.price-and-actions .quantity-container-wrapper .numberbox {
    border: 1px solid #D9D9D9 !important;
}

    .price-and-actions .quantity-container-wrapper .numberbox.narrow {
        border-radius: 4px;
        height: 55px !important;
    }

    .price-and-actions .quantity-container-wrapper .numberbox input {
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .price-and-actions .quantity-container-wrapper .numberbox.narrow input {
        height: 54px;
        font-size: 16px;
        font-family: "Roboto-Medium";
    }
    .price-and-actions .quantity-container-wrapper .numberbox.sided .numberbox-button {
        width: 5rem;
        border-radius: 4px;
        color: #1B1B19;
        font-size: 12px;
        font-family: "Roboto-Regular";
        font-weight: 400;
        line-height: 12px;
        word-wrap: break-word
    }
.price-and-actions .custom-quantity-error-2, .price-and-actions .custom-quantity-error-2q, .price-and-actions .custom-quantity-error-3, .price-and-actions .custom-quantity-error-4 {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    white-space: nowrap;
    display: none;
}
.price-and-actions .can-not-negative-value {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0px;
}
.price-and-actions .variant-container {
    width: 100%;
    /*height: 200px;*/
    border: 1px solid #D9D9D9;
    border-radius: 8px;   
    padding: 16px 16px 4px 16px;
    margin-bottom: 16px;
}
@media(max-width:768px) {
    .product-slider-information {
        padding: 0 16px !important;
        margin-bottom:24px;
    }
    .product-status-container{
        border-bottom:none;
    }
    .price-and-actions .not-logged-in p{
        font-size:12px;
    }
    .product .price-and-actions .details-head .discount-price {
        margin-top: 0px;
    }
    .price-and-actions .quantity-container-wrapper {
        display: block;
    }
        .price-and-actions .quantity-container-wrapper .wrap-quantity {
            margin-bottom: 9px;
        }
        .price-and-actions .quantity-container-wrapper .store-stock-btn {
            margin-left: 0px;
            width: 100% !important;
        }
    .price-and-actions  .add-to-basket {
        width: 100% !important;
        padding: 15px !important;
    }
}
main.product-info .full-width-mobile .position-relative {
    position:relative;
}
main.product-info .full-width-mobile .position-relative .custom-click-zoom-button{
    position: absolute;
    z-index: 1; 
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    background-color: rgba(0, 0, 0, 0);
}
main.product-info .full-width-mobile .position-relative .custom-click-zoom-button .custom-click-zoom{
    position:relative;
    top:60px;
    left:16px;
    width:16px;
    cursor:pointer;
}
@media (max-width:1199px){
    main.product-info .full-width-mobile .position-relative .custom-click-zoom-button .custom-click-zoom {
        display:none;
    }
}
/**tab içerikleri başlangıç**/
.container--tabs .tab-content .tab-pane .tab-content-items{
    display:table;
    width:100%;
}
.container--tabs .tab-content .tab-pane .tab-content-title,
.container--tabs .tab-content .tab-pane .tab-content-item label {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 18px;
    font-weight: 500;
    line-height: 25.185px;
    margin-bottom: 16px;
}
.container--tabs .tab-content .tab-pane .tab-content-description{
    color: #979494;  
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 22px; 
    margin-bottom:32px;
}
.container--tabs .tab-content .tab-pane .tab-content-item{
    margin-bottom:32px;
}
.container--tabs .tab-content .tab-pane .tab-content-item.first-item img {
    width: 100%;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item{
    float:left;
    width:27%;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.last{
    float:right;
}
.container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item img{    
    width:100%;
}
.container--tabs .tab-content .tab-pane .homepage-video-content{
    margin:0;
}
.container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area .video-slider-cart {
    margin: 0;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea {
    float: left;
    width: 50%;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem{
    float: left;
    width: calc((100% - 24px) / 2);
    position: relative;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem:last-child{
    float:right;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
    width: 100%;
    display: table;
    padding: 11px 12px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: white;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .exp-img {
    width: 68px;
    float: left;
    margin-right: 12px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
    width: calc(100% - 80px);
    float: left;
    display: table;
    color: #1B1B19;
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
    width: calc(100% - 80px);
    float: left;
    display: table;
    font-weight: 300;
    font-family: "Roboto-Light";
    font-size: 14px;
    line-height: 16px;
}
.container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right{
    position: absolute;
    bottom: 11px;
    left: 92px;
}
#productDetail .homepage-dynamic-content .dynamic-slider-area .dynamic-slider-main-title{
    display:table;width:100%;
}

.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area {
    margin-bottom: 32px;
}
.container--tabs .tab-content .tab-pane  .maincategory-usage-tab-area ul#myTab{
    border-bottom:0;
    margin-bottom:16px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li{
    margin-right:24px;
    display:block;
    float:left;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a{
    padding:24px 12px;
     border:1px solid #fff;
    display:table;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active{
    border:1px solid #ED1C24;
    border-radius:8px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a img{
    float:left;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a .active-img{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .default-img{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .active-img{
    display:block;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span{
    float: left;
    color: #1B1B19;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 0;
    position: relative;
    top: 12px;
    margin-left: 8px;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active span{    
    color: #ED1C24;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent .tab-pane{
    color: #979494;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 300;
    font-family: "Roboto-Light";
    line-height: 167.187%;
    padding:0;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail{
    display:none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link img {
    width: 100%;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .maincategory-usage-area-referaces {
    display: none;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-pagination {
    bottom: -20px !important;
    height: 40px;
    position: relative;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev {
    bottom: -10px;
    top: auto;
    right: 43px;
    left: auto !important;
    z-index: 99;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev:after {
    font-size: 20px !important;
    color: #1B1B19;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next {
    bottom: -10px;
    top: auto;
    right: 0 !important;
    z-index: 99;
}
.container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next:after {
    color: black;
    font-size: 20px !important;
}
.container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
    height: 397px!important;
}
@media (max-width:1199px) {
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item {
        float: left;
        width: calc((100% - 24px) / 2);
        margin-bottom:32px;
    }    
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.second{
        float:right;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.last{
        float:left;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea {
        width: 100%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {
        left: auto;
        right: 18px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active img.default-img {
        display: block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active img.active-img {
        display: none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active span {
        color: #1B1B19;
        font-size: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail {
        display: table;
        width: 100%;
        position: relative;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area ,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-arrow{
        display: table !important;
        width: 100%;
        margin-right:0;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-arrow img {
        position: absolute;
        transform: rotate(90deg);
        width: 20px;
        right: 16px;
        top: 15px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a {
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        background: #F5F5F5;
        width: 100%;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active .active-img {
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active .default-img {
        display:block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active span {
        font-size: 14px;
        color: #1B1B19;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li {
        width: 100%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a{
        border:none;
        padding:12px 16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active {
        border: none;
    }
    
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span{
        color: #1B1B19;
        font-size: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active span {
        color: #1B1B19;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .active-img{
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a.active .default-img{
        display:block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul#myTab {
        margin-top: 0;
        display:none;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul#myTab.active{
        display:table;
        border:1px solid #d9d9d9;
        border-radius:8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent{
        margin-top:16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area{
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .maincategory-usage-area-referaces {
        display: table;
        width: 100%;
        color: #1B1B19;
        font-size: 14px;
        font-family: Roboto-Medium, sans-serif;
        font-weight: 500;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link {
        width: auto;
        height: 194px;
        display: block;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .content-link img {
        height: 194px;
        object-fit: cover;
    }
    .container--tabs .tab-content .tab-pane .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 0 2px !important;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-prev,
    .container--tabs .tab-content .tab-pane .maincategory-usage-area-slider .swiper-button-next {
        bottom: -14px;
    }
}
@media (max-width:767px){
    .container--tabs .tab-content .tab-pane .tab-content-title,
    .container--tabs .tab-content .tab-pane .tab-content-item label {
        font-size: 14px;
        margin-bottom:12px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-description {
        font-size: 12px;
        line-height: 18px;
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item{
        margin-bottom:16px;
    }
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item {
        float: none;
        width: 100%;
        margin-bottom: 32px;
    }    
    .container--tabs .tab-content .tab-pane .tab-content-item .tab-content-sub-item.first{
        margin-right:0;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem {
        width: 100%;
        margin-bottom: 8px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button{
        padding:12px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button label {
        width: calc(100% - 92px);
        font-size: 14px;
        margin-top:21px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button span {
        width: calc(100% - 92px);
        font-size: 12px;
        line-height: 14px;
    }
    .container--tabs .tab-content .tab-pane .maincategory-types-expitemarea .maincategory-types-expitem .maincategory-types-expitem-button .arrow-right {      
        bottom: auto;
        left: auto;
        right: 12px;
        top: 45%;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul.mobil-selected-item-pdetail .mobil-selected-item-area a.active span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li.active a.active span {
        font-size: 12px;
    }

    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li a span, .maincategory-usage-areas .maincategory-usage-tab-area ul li a span {
        font-size: 12px;
    }

    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area #myTabContent .tab-pane {
        font-size: 12px !important;
    }
    .container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
        height: 286px !important;
    }
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a span,
    .container--tabs .tab-content .tab-pane .maincategory-usage-tab-area ul li.active a.active span {       
        font-size: 12px;
    }
}
@media (min-height:577px) and (max-width:767px){
    .container--tabs .tab-content .tab-pane .homepage-video-content .video-slider-area {
        height: 396px !important;
    }
}
/**tab içerikleri bitiş**/

.smartTag-items-area.bg-gray {
    width: 100%;
    display: flex;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 7px 16px;
    margin-bottom: 16px;
}
.smartTag-items-area.bg-gray .smartTag-item{
    display:flex;
    flex:1;
    align-items:center;
}
.smartTag-items-area.bg-gray .smartTag-item .smartTag-src {
    width: 12px;
    margin-right:9px;
}
.smartTag-items-area.bg-gray .smartTag-item .smartTag-description {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 12px;
    line-height:normal;
}
@media (max-width:767px) {
    .smartTag-items-area.bg-gray {
        display: none;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.product-added-to-cart {
    border: 1px solid #4DC247 !important;
    background: #4DC247 !important;
    cursor: pointer !important;
}

.spin-img {
    animation: spin 2s infinite linear;
}
/*Ürün Detay Price Installment Option InfoBox, Vat InfoBox */
.price-installment-option {
    display: flex;
    align-items: center;
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 16px;
}
    .price-installment-option img {
        margin-left: 7px;
    }
.product .price-and-actions .details-head .currentInfo {
    position: absolute;
    bottom: 5px;
    right: 0;
}
    .price-installment-option .currentInfo .infoBoxClose, .product .price-and-actions .details-head .currentInfo .infoBoxClose {
        float: right;
        margin-top: 5px;
    }
.current-info-container {
    text-align: left;
    color: #1B1B19;
    font-style: normal;
    line-height: 146.187%;
    padding: 5px;
}
    .current-info-container .title {
        font-family: "Roboto-Medium";
        font-size: 12px !important;
        font-weight: 500;
        margin-bottom: 4px;
    }
    .current-info-container .desc {
        font-family: "Roboto-Light";
        font-weight: 300;
        font-size: 10px !important;
    }
/**ürün detay dinamik slider ve sepete ekleme özelliği başlangıç**/
#productDetail .homepage-slider-content-area {    
    background:#fff;
    margin-top:24px;
    height:auto!important;
}
#productDetail .homepage-slider-content-area .content-area .left-content{
    width:100%;
    margin-right:0;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content{
    margin: 0px 197px 0px 197px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-slider-title{
    margin:0;
    text-align:center;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .title-underline{
    border: 2px solid black;
    width: 74px;
    margin-top: 12px;
    border-radius: 4px;
    margin-bottom:48px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev:after,
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next:after {
    color: #1B1B19 !important;
    font-size: 40px !important;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev{
    left:10px!important;
    top:167px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next{
    right:10px!important;
    top:167px;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination{
    bottom:0!important;
}
#productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .complementary-products{
    height:485px;
}
@media (max-width:1199px){
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination {
        bottom: 15px !important;
    }
        #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-pagination .swiper-pagination-bullet {
            width: 4px;
            height: 4px;
            margin: 0 2px !important;
        }    
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev{
        bottom: 0;
        top: auto;
        left: auto !important;
        right: 54px;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next{
        bottom: 0;
        top: auto;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-prev:after,
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .swiper-button-next:after {        
        font-size: 20px !important;
    }
    .products-more .create-with {
        display:none;
    }
}
@media (max-width: 1200px) and (min-width: 576px) {
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
        margin-left: 88px;
        margin-right: 88px;
    }
}
@media(max-width:767px){    
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .title-underline{
        margin-bottom:16px;
    }            
}
@media(max-width:575px){
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content {
        margin: 0;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider{
        height:219px;
    }
    #productDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .complementary-products{
        height:375px;
    }
}
/**ürün detay dinamik slider ve sepete ekleme özelliği bitiş**/

/*variant başlangıç*/
.price-and-actions .variant-container .variant-group-items {
    margin-bottom: 12px;
    width: 100%;
    display: table;
    color: #1B1B19;
    font-family: 'Roboto-Light';
    font-size: 14px;
    line-height: 20px;
    text-align:left;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item-title {
    margin-bottom:8px;
    display:table;
    width:100%;
    text-align:left;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item{
    display: block;
    width: auto;
    float: left;
    padding: 10px 6px;
    margin-right: 9px;
    border-radius: 8px;
    height: 30px;
    line-height: 10px;
}
.price-and-actions .variant-container .variant-group-items .variant-group-item:hover{
   color: #ED1C24;
   border:1px solid #ED1C24;
   font-family: 'Roboto-Black';
   
}
.price-and-actions .variant-container .variant-group-items .matched-attribute-title{
    color: #1B1B19;
    font-family: 'Roboto-Black';
}
.price-and-actions .variant-container .variant-group-items .matched-attribute{
    color: #ED1C24;
    border: 1px solid #ED1C24;
    font-family: 'Roboto-Black';
    display: block;
    width: auto;
    float: left;
    padding: 10px 6px;
    margin-right: 9px;
    border-radius: 8px;
    height: 30px;
    line-height: 10px;
}
/*variant bitiş*/
.btn-3d {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 13.6px 0px rgba(237, 28, 36, 0.17);
    display: flex;
    padding: 8px;
    width: max-content;
    z-index: 9;
    position: absolute;
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
    .btn-3d img {
        margin-right: 8px;
    }

#basket-list .store-stock-btn {
    width: auto;
}
@media screen and (max-width: 767px) {
    #basket-list .store-stock-btn {
        width: 100%;
    }
    .products-more .all-product-features, .products-more .create-with {
        padding: 16px 4px;
    }
    main.product-info .product-details .details-head .currentInfo .currentInfoBox {
        width: 185px !important;
        margin-left: -100px;
        padding:10px;
    }
}
#productList .numberbox.sided .numberbox-button {
    width: 5rem;
}
#productDetail .dynamic-products-slider .numberbox.sided .numberbox-button {
    width: 2.5rem;
    border-top:none;
}
.modal.enabled.stock-product-list{
    z-index:9999;
}
.current-inquiry-success {
    display: table;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

.current-inquiry-error {
    display: table;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}
/**cookie css start*/
.merge-cart {
    margin-top: 10px;
    background: #F8F8FF;
    padding: 8px;
    text-align: center;
}
.cookie-disclaimer {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 50px 40px 50px;
    background: #fff;
    max-width: 100%;
    background: rgba(27, 27, 25, 0.90);
    backdrop-filter: blur(17.450000762939453px);
    top:auto!important;
    bottom:0!important;
}
.cookie-disclaimer .cookie-popup-title{
    color: #FFF;
    font-family: "Roboto-Medium";
    font-size: 26px;
    font-style: normal;    
    line-height: 125.188%;
    margin-bottom:16px;
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-popup-title img{
    width:15px;
    filter: brightness(0) invert(1);
    cursor:pointer;
}
.cookie-disclaimer .cookie-disclaimer-area{
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-disclaimer-area p{
    color: #FFF;    
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    line-height: 128.523%;
    text-align: left;
    max-width:1230px;
}
.cookie-disclaimer .cookie-disclaimer-area p a{ 
    text-decoration:underline;
    color: #6262FE;
}
.cookie-disclaimer .cookie-disclaimer-area .buttons{
    display:flex;
} 
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie {
    display:flex;
    justify-content: center;
    padding:14px 17px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px;    
    border-radius: 8px;
    border: 1px solid #FFF;
    background-color:transparent;
    width:174px;
    letter-spacing:0;
    height:48px;
}

.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
    border-radius: 8px;
    background: #ED1C24;
    display: flex;    
    justify-content: center;
    height: 48px;
    padding: 14px 17px;
    align-items: center;
    gap: 10px;    
    font-style: normal;
    font-family: "Roboto-Bold";
    font-size: 16px;
    width:162px;
    letter-spacing:0;
    border:1px solid #ED1C24;
    height:48px;
    margin-left:12px;
}
.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save:hover{
    color:#fff;
}
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie img {
    filter: brightness(0) invert(1);
    margin-left: 10px;
}

#cookie.modal .modal-element {
    height: 667px !important;
    width: 1061px;
    border-radius:8px;
    border:none;
}
#cookie.modal .modal-element .wrapper{
    max-width:100%;
}
#cookie.modal .modal-element .modal-close{
    right: 30px;
    top: 30px;
    border:none;
    background-color: transparent;
}
#cookie.modal .modal-element .modal-content{
    padding:0;
    border:none;
}
#cookie.modal .modal-element .modal-content .sizechart-head{
    padding:24px 24px 0 24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.5px; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .description{
    color: #1B1B19;    
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.523%; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
    margin: 24px 24px 40px 24px;
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv ul {
    display:table;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar { 
    width: 8px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-track {
    background: #f1f1f1;
}
 
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    width: 100%;
    height: 129px;
    padding: 24px;
    background: white;
    box-shadow: 0px 4px 52.1px 16px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    left:0;
    right:0;
    z-index:99;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons a{
    height:48px;    
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px; 
    border-radius: 8px;    
    letter-spacing:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left{
    color: #1B1B19;
    border:1px solid #1B1B19;
    background-color:#fff;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
    color: #FFF;
    background: #ED1C24;
    border:1px solid #ED1C24;
    margin-left:12px;
}
.cs-cookie .details-specs{
    margin-top:0;
}
.cs-cookie .details-specs .accordion-element:last-child {
    margin-bottom:24px;
}
.cs-cookie .details-specs .accordion-element .accordion-button{
    border-top: 1px solid #828282;
    padding: 24px 0;
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 128.523%;
    letter-spacing:0;
    border-bottom:none;
}
.cs-cookie .details-specs .accordion-element:last-child{
    border-bottom:1px solid #828282;
}
.cs-cookie .details-specs .accordion-element .accordion-button span{
    float:right;
    color:#488B29;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    float:left;
    width:20px;
    margin-left:0;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    transform: rotate(90deg);
}
.cs-cookie .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator{
    transform: rotate(0);
}
.cs-cookie .details-specs .accordion-element {
    position:relative;
}
.accordion-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content p b{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content .table-info-text{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px; 
    margin-top:16px;
    margin-bottom:24px;
    display:table;
}
#cookie .table-bordered {
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 10px;
    text-align: center;
    background-color: #F5F5F5;
}
#cookie .table-bordered th {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
}
#cookie .table-bordered td {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    text-align:left;
}
#cookie .table-bordered.last-table th{
    width:25%;
}
.cs-cookie .details-specs .accordion-element .accordion-content * {
    padding: 0;
}
#cookie .table-bordered,#cookie  .table-bordered td,#cookie  .table-bordered th{
    border:1px solid #828282!important;
    word-break: break-word;
}
#cookie .table-bordered td,#cookie  .table-bordered th{
    padding:12px!important;
}



@media (max-width:1199px){
    .cookie-disclaimer{
        padding:24px;
    }
    .cookie-disclaimer .cookie-popup-title{
        font-size:20px;
    }
    .cookie-disclaimer .cookie-disclaimer-area{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .buttons{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-select-cookie{
        width: 100%;
        margin-top: 16px;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
        margin-top: 8px;
        width: 100%;
    }
    #cookie.modal .modal-element{
        height: 514px !important;
        width: 650px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
        height:230px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:50%;
    }
}
@media (max-width:767px){
    #cookie.modal .modal-element{
        max-width:100%!important;
        width:100%;
        height:578px!important;
        bottom:0;
        left: auto;
        top: auto;
        transform: translate(0%, 0%) scale(1);
    }
    #cookie .table-bordered td, #cookie .table-bordered th{
        min-width:110px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons {
        border-radius: 0;
    }
    #cookie .table-bordered td,#cookie .table-bordered th {
        padding: 8px !important;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
        flex-direction: column-reverse;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:100%;
        min-height:44px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        margin-bottom:8px;
        margin-left:0;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
        font-size:22px;
        margin-bottom:16px;
        width:90%;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head{
        padding:16px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv {
        margin: 24px 0 40px 16px;
        height:253px;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .description{
        font-size:14px;
        margin-bottom:0;
    }
    .accordion-content p{
        font-size:14px;
    }
    .cs-cookie .details-specs .accordion-element .accordion-button{
        padding:21px 0;
    }
}


.custom-switch{
    padding-left:0!important;
    position: absolute!important;
    top: 16px;
    right: 0;
    width: 55px;
    z-index: 10!important;
}

.custom-switch .custom-control-label::before{
    left: 0!important;
    width: 56px!important;
    height: 29px!important;
    pointer-events: all!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::after{
    top: 5px!important;
    left: 2px!important;
    width: 25px!important;
    height: 25px!important;
    background-color: #adb5bd!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::before{
    border-color: #E7E7E7 !important;    
    background-color: #E7E7E7 !important;
}
.custom-switch .custom-control-label::after{
    background-color: #fff !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #ED1C24 !important;
    border-color: #E7E7E7 !important;
    background-color: #fff !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    color: #fff !important;
    border-color: #E7E7E7 !important;
    background-color: #ED1C24 !important;
    left: 20px !important;
}
/**cookie css end*/
.width-10 {
    width: 10% !important;
}
.width-15 {
    width: 15% !important;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-75 {
    width: 75% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}
.height-100{
    height:100%;
}
.margin-5 {
    margin: +5%
}
.flex-flow-column {
    flex-flow: column
}
.display-table-cell {
    display: table-cell;
}
.cursor-pointer{
    cursor:pointer;
}
.bg-white {
    background: white
}
.header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round p + p {
    margin-top: 0px;
}

/*Customer Info*/
.customer-info .success-message {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    display: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background: #4BB543;
}
.customer-info .cellphone-update-button, .customer-info .mail-update-button {
    pointer-events: none;
    width: 30%;
    display: block;
    float: right;
    text-align: center;
    background: #ebebeb;
    height: 40px;
    line-height: 41px;
    color: #fff;
    border-radius: 5px;
}
.customer-info .same-phonenumber-error, .customer-info .same-mail-error {
    color: #ff5d5d;
    position: relative;
    top: 10px;
}
.customer-info .wrap.gender{
    display:none;
}
.customer-info .cellphone-custom, .customer-info .mail-custom {
    width: 68% !important;
}

/*CustomerInfoCheckbox*/
.customer-info-check .modal-element {
    width: 445px !important;
    height: 478px !important;
}
.customer-info-check .modal-element .modal-content {
    border: none;
}
.customer-info-check .bg-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    border-radius: 100%;
    width: 110px;
    background: #FCDFE0;
    margin: 0 auto 10px auto;
}
.customer-info-check .title {
    color: #6D6D6D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.customer-info-check .desc {
    color: #6D6D6D;
    text-align: center;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    font-family: "Roboto-Light";
}
.customer-info-check .verification-code-text {
    color: #ed1c24;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    margin: 6px 0px;
}
    .customer-info-check .verification-code-text .timer {
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.5px;
        margin-left: 6px;
    }
.customer-info-check .verification-code {
    width: 100%;
}
.customer-info-check .send-form {
    width: 100%;
    margin-bottom: 5%;
    padding: 1rem 0;
    border-radius: 5px;
}
.customer-info-check .resend-code {
    width: 100%;
    margin-bottom: 5%;
    background-color: #fff;
    color: #ebebeb;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem 0;
}
.customer-info-check .show-otp-message {
    display: none;
    color: #ed1c24;
}
.customer-info-check .warning-message {
    color: #B9B9B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}
.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}
.input-error {
    border: 1px solid #e4e4e4;
}
.keyup-update-button {
    background: #ed1c24 !important;
    pointer-events: auto !important;
}
.display-table-imp{
    display:table !important;
}

.basket-content.empty-cart #basket-list {
    text-align: center;
    font-size: 26px;
}
.basket-content.empty-cart.divided.q3 {
    width: 100%;
    padding-right: 0;
}
#cartDetail .customer-info-check .modal-element {
    height: 495px !important;
}
.customer-info-check .skip-btn {
    color: #3B3838;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    float: inline-end;
}
    .customer-info-check .skip-btn img {
        transform: rotateZ(180deg);
        margin-left: 7px;
    }
.customer-info-check .append-val {
    color: #6D6D6D;
    font-family: "Roboto-Bold";
    font-size: 13.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}



/*checkout başlangıç*/

main#checkout #custom-width-checkout #header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 64px;
    height: 120px;
    border-bottom: 1px solid #D9D9D9;
    background: #FFF;
}

    main#checkout #custom-width-checkout #header-content .checkout-header-logo {
        width: 248px !important;
    }

    main#checkout #custom-width-checkout #header-content h1 {
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 36px;
        font-style: normal;
        line-height: 44px;
        letter-spacing: -0.72px;
        margin: 0;
        font-weight: 500;
    }

@media (max-width:1199px) {
    main#checkout #custom-width-checkout #header-content {
        padding: 0 24px;
        height: 83px;
    }

        main#checkout #custom-width-checkout #header-content .checkout-header-logo {
            width: 192px !important;
        }

        main#checkout #custom-width-checkout #header-content h1 {
            display: none;
        }

        main#checkout #custom-width-checkout #header-content .ssl-secured {
            width: 68px;
        }
}

@media (max-width:767px) {
    main#checkout #custom-width-checkout #header-content {
        padding: 0 24px;
        height: 83px;
    }

        main#checkout #custom-width-checkout #header-content .checkout-header-logo {
            width: 156px !important;
        }
}



main#checkout #checkout-opts {
    padding: 152px 64px 0 64px;
    width: calc(71.5% - 24px) !important;
}
    /*main#checkout #checkout-opts .delivery-point-selection{
        padding-bottom: 24px;
        border-bottom: 1px solid #D9D9D9;
    }*/
    main#checkout #checkout-opts .delivery-point-selection,
    main#checkout #checkout-opts .authorized-dealer-selection,
    main#checkout #checkout-opts .relevant-dealer-information{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:16px;
    }

        main#checkout #checkout-opts .delivery-point-selection .text-and-icon,
        main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon,
        main#checkout #checkout-opts .relevant-dealer-information .text-and-icon{
            display: flex;
            align-items: center;
        }             
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon img,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon img,
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon img{
                margin-right: 8px;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second img.trigger-info-popup{
                margin-left:8px;
                margin-right:0;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.first img{
                filter: brightness(0) saturate(100%) invert(6%) sepia(7%) saturate(279%);
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second a{
                color: #ED1C24;
                text-align: right;
                font-family: "Roboto-Light";
                font-size: 12px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
                text-decoration-line: underline;
            }           
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon a {
                color: #1B1B19;
                font-family: "Roboto-Light";
                font-size: 12px;
                line-height: normal;
                text-decoration-line: underline;
            }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon span,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon span,
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span{
                color: #979797;
                font-family: "Roboto-Light";
                font-size: 14px;
                font-style: normal;
                font-weight: 300;
                line-height: normal;
            }
             main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span{
                color: #1B1B19;
            }
                main#checkout #checkout-opts .delivery-point-selection .text-and-icon span a,
                main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon span a,
                main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span a{
                    color: #979797;
                    font-family: "Roboto-Regular";
                    font-size: 14px;
                    font-weight: 400;
                    text-decoration-line: underline;
                }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second a {
                display: flex;
                align-items: center;
            }
            main#checkout #checkout-opts .relevant-dealer-information .text-and-icon span b{
                color: #1B1B19;
                font-family: "Roboto-Medium";
                font-size: 14px;
                font-style: normal;
                text-decoration:underline;
                font-weight: 500;
            }
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second a {
                color: #ED1C24;
                font-family: "Roboto-Regular";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                border-radius: 8px;
                border: 1px solid #ED1C24;
                padding: 10.5px 15px;
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production img{
                filter: brightness(0) saturate(100%) invert(9%) sepia(98%) saturate(19%);
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production span{
                color: #1B1B19;
            }
            main#checkout #checkout-opts .delivery-point-selection .text-and-icon.production span b{                
                font-family: "Roboto-Medium";
            }
section#checkout #checkout-sum, main#checkout #checkout-sum {
    right: 64px;
    top: 152px;
    width: 28.5%;
    padding: 24px;
    border-radius: 8px;
    background: #F5F5F5;
    max-height: max-content;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox{
    width: 277px;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px 15px 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: auto;
    font-size: 12px;
    margin-left: auto;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    margin-right: 0;
    right: -17px;
    top: 175%;
    bottom: auto;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox p{
    padding: 10px 24px 0 10px;
    text-align: left;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox p span{
    text-decoration:underline;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox .infoBoxClose{
    margin-right: 0;
    float: right;
}
main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox::after{
    top: -5px;
    left: auto;
    right: 17px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent #00000000 hsl(0deg 0% 100%) #00000000;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content{
    display:flex;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content{
    display:flex;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store{
    align-items:start;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .text,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .text{
    margin-bottom: 10px;
    display: block;
    color: #1B1B19;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .text b,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .text b{
    font-family:"Roboto-Medium";
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .icon-area,
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area{
    width: 125px;
    height: 29px;
    display: flex;
    color: #F44;
    font-family: "Roboto-Medium" !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #F44;
    justify-content: center;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area{
    color: #89D461;
    border: 1px solid #89D461;
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.production .icon-area img{
    width: 12px;
    filter: brightness(0) saturate(100%) invert(51%) sepia(71%) saturate(6137%) hue-rotate(338deg) brightness(108%) contrast(106%);
}
main#checkout #checkout-opts .delivery-point-selection .text-and-icon .text-and-icon-content.store .icon-area img{
    filter: brightness(0) saturate(100%) invert(83%) sepia(17%) saturate(1284%) hue-rotate(48deg) brightness(91%) contrast(90%);
}
@media(max-width:1200px) {
    main#checkout #checkout-opts {
        padding: 32px 64px 0 64px;
    }
}

@media(max-width:1199px) {
    main#checkout #checkout-opts {
        padding: 24px;
        width: 100% !important;
    }

    section#checkout #checkout-sum, main#checkout #checkout-sum {
        position: revert !important;
    }
}

@media(max-width:767px) {
    main#checkout #checkout-opts {
        padding: 8px 16px;
    }
        main#checkout #checkout-opts .delivery-point-selection,
        main#checkout #checkout-opts .authorized-dealer-selection {
            display: flex;
        }

            main#checkout #checkout-opts .delivery-point-selection .text-and-icon,
            main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon {
                align-items: start;
                margin-bottom: 8px;
            }

                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.first img {
                    filter: brightness(0) saturate(100%) invert(11%) sepia(2%) saturate(689%) hue-rotate(62deg) brightness(97%) contrast(102%);
                }

                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second,
                main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second {
                    align-items: center;
                    height: 50px;
                    width: 100%;
                    /*border: 1px solid #D9D9D9;*/
                    border-radius: 8px;
                }
                main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second{
                    margin-bottom:0;
                }
                    main#checkout #checkout-opts .delivery-point-selection .text-and-icon.second a,
                    main#checkout #checkout-opts .authorized-dealer-selection .text-and-icon.second a {
                        display: flex;
                        padding: 13px;
                        width: 100%;
                        align-items: center;
                        justify-content: center;
                    }
    main#checkout #checkout-opts .relevant-dealer-information{
        display:table;
        width:100%;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second {
        justify-content:end;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox{
        right:-8px;
    }
    main#checkout #checkout-opts .relevant-dealer-information .text-and-icon.second .currentInfoBox::after{
        right:8px;
    }
}
/*checkout bitiş*/

.shipping-address-modal {
    display: none;
}

    .shipping-address-modal.active {
        display: block;
    }

    .shipping-address-modal .shipping-address-modal-area {
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1111;
        width: 586px;
        background: #fff;
        padding: 0 24px;
    }

        .shipping-address-modal .shipping-address-modal-area h3 {
            padding: 40px 0;
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            border-bottom: 1px solid #D9D9D9;
            margin-bottom: 24px;
            display: flex;
            justify-content: space-between;
        }

            .shipping-address-modal .shipping-address-modal-area h3 img {
                width: 36px;
                cursor: pointer;
            }

.custom-overlay {
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1110;
}

.open-shipping-address-modal {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    margin-bottom: 24px;
}

    .open-shipping-address-modal .js-open-shipping-address-modal {
        cursor: pointer;
        color: #ED1C24;
        font-family: "Roboto-Regular";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration: underline;
    }

.shipping-address-list {
    max-height: calc(100vh - 350px);
    overflow-y: scroll;
}

    .shipping-address-list::-webkit-scrollbar {
        width: 4px;
    }

    .shipping-address-list::-webkit-scrollbar-thumb {
        background-color: #D9D9D9;
        border-radius: 10px;
    }

    .shipping-address-list::-webkit-scrollbar-track {
        background: #fff;
    }

    .shipping-address-list .shipping-address-item {
        display: table;
        padding: 16px;
        width: 100%;
        border-radius: 8px;
        border: 1px solid #1B1B19;
        background: rgba(255, 255, 255, 0.96);
        margin-bottom: 16px;
    }

        .shipping-address-list .shipping-address-item.selected {
            border: 1px solid #ED1C24;
        }

        .shipping-address-list .shipping-address-item span {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            justify-content: space-between;
        }

            .shipping-address-list .shipping-address-item span:last-child {
                margin-bottom: 0;
            }

        .shipping-address-list .shipping-address-item label {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 125.188%;
            margin-bottom: 0;
            margin-left: 16px;
        }

        .shipping-address-list .shipping-address-item input[type=radio],
        .shipping-address-list .shipping-address-item input[type=checkbox] {
            accent-color: #ED1C24;
            -webkit-appearance: auto;
            opacity: 1;
            width: 20px;
            height: 20px;
            position: revert;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-phone {
            color: #1B1B19;
            font-family: "Roboto-Regular";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 155%;
            margin-bottom: 8px;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-info {
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
        }

        .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons {
            display: flex;
        }

            .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons img {
                cursor: pointer;
            }

            .shipping-address-list .shipping-address-item .shipping-address-item-desc .shipping-address-item-buttons .js-address-confirmDelete-new {
                height: 16px;
                margin-left: 12px;
            }

        .shipping-address-list .shipping-address-item .shipping-address-item-desc .input-group {
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

.shipping-address-modal-buttons {
    display: flex;
    justify-content: space-between;
}

    .shipping-address-modal-buttons .js-add-new-shipping-address {
        border: 1px solid #1B1B19;
        background: #FFF;
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 125.188%;
        height: 50px;
        width: calc(50% - 4px);
        justify-content: center;
        display: flex;
        align-items: center;
        border-radius: 8px;
    }

        .shipping-address-modal-buttons .js-add-new-shipping-address img {
            margin-right: 8px;
        }

    .shipping-address-modal-buttons .js-assign-new-shipping-address {
        color: #FFF;
        text-align: center;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125.188%;
        border-radius: 8px;
        background: #ED1C24;
        height: 50px;
        width: calc(50% - 4px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

.shipping-address-search-area {
    position: relative;
    margin-bottom: 24px;
}

    .shipping-address-search-area img {
        position: absolute;
        top: 15px;
        left: 16px;
        height: 20px;
    }

    .shipping-address-search-area .shipping-address-search-input {
        border-radius: 8px;
        border: 1px solid #979797;
        background: #FFF;
        padding-left: 48px;
        height: 50px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        width:100%;
    }

    .shipping-address-search-area .shipping-address-search-button {
        position: absolute;
        right: 16px;
        border-radius: 8px;
        border: 1px solid #1B1B19;
        padding: 8px;
        color: #1B1B19;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        top: 7px;
    }

@media (max-width:1199px) {
    .shipping-address-modal .shipping-address-modal-area {
        max-height: 698px;
        height: auto;
        bottom: 0;
        top: auto;
        width: 100%;
        padding-bottom: 40px;
    }

        .shipping-address-modal .shipping-address-modal-area h3 {
            font-size: 20px;
            padding: 24px 0 28px 0;
            border-bottom: none;
            margin-bottom: 0;
        }

            .shipping-address-modal .shipping-address-modal-area h3 img {
                width: 25px;
            }

    .shipping-address-search-area .shipping-address-search-button {
        width: 71px;
        right: 4px;
    }

    .shipping-address-list {
        max-height: 386px;
    }

    .shipping-address-modal-buttons {
        flex-flow: wrap-reverse;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid;
    }

        .shipping-address-modal-buttons .js-add-new-shipping-address {
            width: 100%;
        }

        .shipping-address-modal-buttons .js-assign-new-shipping-address {
            width: 100%;
            margin-bottom: 8px;
            font-size: 14px;
        }

    .shipping-address-list .shipping-address-item:last-child {
        margin-bottom: 0;
    }

    .shipping-address-search-area {
        margin-bottom: 12px;
    }
}

@media(max-width:767px) {
    .shipping-address-modal .shipping-address-modal-area {
        max-height: 592px;
    }

    .shipping-address-list {
        max-height: 280px;
    }
}

.new-address-box-area {
    margin: 12px 0;
}

    .new-address-box-area .address-type {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 12px;
    }

    .new-address-box-area .new-add-shipping-address,
    .new-address-box-area .new-add-billing-address {
        border-radius: 8px;
        border: 1px solid #AEAEAE;
        color: #979494;
        text-align: center;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .new-address-box-area .new-add-shipping-address img,
        .new-address-box-area .new-add-billing-address img {
            margin-right: 8px;
            filter: brightness(0) saturate(100%) invert(58%) sepia(51%) saturate(15%) hue-rotate(12deg) brightness(94%) contrast(86%);
        }

.new-selected-billing-address,
.new-selected-shipping-address {
    width: 100%;
    height: 50px;
    color: #979494;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #ED1C24;
    border-radius: 8px;
    display: table;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

    .new-selected-billing-address span,
    .new-selected-shipping-address span {
        display: flex;
        color: #1B1B19;
    }

        .new-selected-billing-address span img,
        .new-selected-shipping-address span img {
            margin-right: 8px;
        }

    .new-selected-billing-address .fa-pencil-square-o,
    .new-selected-shipping-address .fa-pencil-square-o {
        color: #ED1C24;
        float: right;
        width: 16px;
    }

.new-address-box-area .new-address-box-button-area {
    display: flex;
    justify-content: space-between;
}

    .new-address-box-area .new-address-box-button-area .new-add-shipping-address {
        width: 126px;
    }

    .new-address-box-area .new-address-box-button-area .new-selected-shipping-address {
        width: calc(100% - 138px);
    }

.about-address-input-area {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

    .about-address-input-area .checkwrap {
        margin-right: 24px;
    }

        .about-address-input-area .checkwrap label {
            padding-left: 24px;
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 125.188%;
        }

            .about-address-input-area .checkwrap label:before {
                left: 0px;
                display: inline-block;
                cursor: pointer;
                content: ' ';
                overflow: hidden;
                border: 1px solid #333;
                vertical-align: top;
                width: 16px;
                height: 16px;
                border-radius: 2px;
            }

        .about-address-input-area .checkwrap input:checked + label:after {
            background-image: url(/assets/images/selected-filters.svg);
            background-size: contain;
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            left: -1px;
            top: -1px;
            position: absolute;
            background-color: white !important;
            opacity: 1;
        }

.new-address-contentwrap {
    margin-bottom: 12px;
    width: 100%;
}

    .new-address-contentwrap .new-checkout-section-title {
        width: 100%;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-weight: 500;
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        margin-bottom: 12px;
    }

    .new-address-contentwrap #delivery-note-delivery-input {
        padding: 16px 10px;
        height: 82px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
    }

    .new-address-contentwrap #OrderInfo_GiftNote {
        height: 50px;
        padding: 16px 10px;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        border-radius: 8px;
        border: 1px solid #D9D9D9;
    }

#checkout-sum .checkout-sum-title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
}

    #checkout-sum .checkout-sum-title-area .sum-title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: normal !important;
        padding-bottom: 0 !important;
        margin: 0;
        border-bottom: none !important;
    }

    #checkout-sum .checkout-sum-title-area .exchange-toogle-area {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #checkout-sum .checkout-sum-title-area .exchange-toogle-area .exchange-text {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 600;
            word-wrap: break-word;
            margin-right: 12px;
            margin-bottom: 0;
            position: relative;
        }





#checkout-sum .exchange-toogle-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

    #checkout-sum .exchange-toogle-area .exchange-text {
        color: white;
        font-size: 11px;
        font-weight: 600;
        word-wrap: break-word;
        margin-right: 12px;
        margin-bottom: 0;
    }

    #checkout-sum .exchange-toogle-area .custom.switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 23px;
        /*left: 6px;*/
        margin-bottom: 0;
    }

        #checkout-sum .exchange-toogle-area .custom.switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /* background-color: #ccc;*/
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            font-size: 11px;
        }

            #checkout-sum .exchange-toogle-area .custom.switch .slider:before {
                position: absolute;
                content: "";
                height: 21px;
                width: 22px;
                left: 1px;
                top: 1px;
                right: 1px;
                /*background-color: white;*/
                background-color: #ED1C24;
                -webkit-transition: .4s;
                transition: .4s;
            }

        #checkout-sum .exchange-toogle-area .custom.switch input:checked + .slider {
            background: white;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input:focus + .slider {
            box-shadow: 0 0 1px #2196F3;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input:checked + .slider:before {
            -webkit-transform: translateX(15px);
            -ms-transform: translateX(15px);
            transform: translateX(15px);
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round {
            border-radius: 30px;
            box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25);
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.usd-currency {
            color: white;
            font-size: 13px;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:checked + .slider.round p.try-currency {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 700;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.usd-currency {
            color: #1B1B19;
            font-size: 11px;
            font-weight: 700;
            padding-left: 3px;
        }

        #checkout-sum .exchange-toogle-area .custom.switch input[type="checkbox"]:not(:checked) + .slider.round p.try-currency {
            color: white;
            font-size: 13px;
        }


        #checkout-sum .exchange-toogle-area .custom.switch .slider.round .try-currency {
            float: left;
            line-height: 20px;
            padding-left: 8px;
            padding-top: 1px;
            font-weight: 800;
            word-wrap: break-word;
            z-index: 999;
            position: absolute;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round .usd-currency {
            position: absolute;
            left: 24px;
            float: right;
            line-height: 20px;
            padding-top: 1px;
            font-weight: 800;
            word-wrap: break-word;
            z-index: 999;
            margin-top: 0;
        }

        #checkout-sum .exchange-toogle-area .custom.switch .slider.round:before {
            border-radius: 50%;
        }

#checkout-sum .tcmb-info-button {
    background: transparent;
}

#checkout-sum .toggle-tcmb-info-popup.open {
    z-index: 9;
}

#checkout-sum .toggle-tcmb-info-popup .text {
    width: 100%;
}

main#checkout #checkout-sum .sum-basket .basket-list .item > .product-image {
    width: 106px;
    height: 106px;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

main#checkout #checkout-sum .sum-basket .basket-list .item .product-image > img.product-image {
    width: 100%;
    border: none;
}

main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description {
    width: calc(100% - 106px) !important;
}

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 145%;
    }

    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-code {
        color: #979494;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125.188%;
        display: table;
        margin-top: 5px;
    }

#checkout-sum .sum-costs .cost.red .cost-title,
#checkout-sum .sum-costs .cost.red .cost-amount {
    color: #ED1C24 !important;
    font-family: "Roboto-Medium" !important;
    font-weight: 500 !important;
}

#checkout-sum .sum-costs .cost.black .cost-title,
#checkout-sum .sum-costs .cost.black .cost-amount {
    color: #1B1B19 !important;
    font-family: "Roboto-Medium" !important;
    font-weight: 500 !important;
}

main#checkout #checkout-sum .sum-costs .cost .cost-title,
main#checkout #checkout-sum .sum-costs .cost .cost-amount {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
    letter-spacing: 0;
}

#checkout-sum .js-confirm-order {
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    background: #ED1C24;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

main#checkout #checkout-sum .sum-basket,
section#checkout #checkout-sum .sum-costs .cost,
main#checkout #checkout-sum .sum-costs .cost {
    border-bottom: 1px solid #D9D9D9 !important;
}

.payment-types-logo-area {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
}

    .payment-types-logo-area img {
        margin: 0 10px;
    }

.product .description .data .price.cost-amount-tl,
.product .description .data .price.cost-amount-usd {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
}

    .product .description .data .price.cost-amount-tl span,
    .product .description .data .price.cost-amount-usd span {
        font-family: "Roboto-Light";
    }

.product .description .data .price.cost-amount-usd {
    display: none;
}

.product .description .data .quantity {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
    letter-spacing: 0;
}

.js-checkout-sum-toggle {
    display: none;
}

@media(max-width:1199px) {
    main#checkout #checkout-sum {
        display: table;
        margin: 0 auto !important;
        width: 100% !important;
    }

    #checkout-sum .checkout-sum-title-area {
        display: table;
        width: 100%;
        border-bottom: 0;
    }

    main#checkout #checkout-sum .sum-title {
        float: left;
    }

    .js-checkout-sum-toggle {
        display: block;
        float: right;
        float: right;
        transform: rotate(180deg);
    }

        .js-checkout-sum-toggle.active {
            transform: rotate(0deg);
        }

    #checkout-sum .checkout-sum-title-area .exchange-toogle-area {
        float: right;
        margin-top: 30px;
        margin-right: -20px;
    }    

    section#checkout #checkout-opts .checkout-opt,
    main#checkout #checkout-opts .checkout-opt {
        width: 100%;
    }
}

@media (max-width:767px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        width: 197px
    }
}

@media (max-width:375px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand .description .product-name {
        width: 147px
    }
}

@media (max-width:1199px) {
    main#checkout #checkout-sum .sum-basket .basket-list .item.expand {
        margin-right: 0;
    }
}

.agreement-accept-checkbox {
    margin-top: 32px;
    margin-bottom: 24px;
    display: table;
    width: 100%;
}

    .agreement-accept-checkbox label,
    .agreement-accept-checkbox label a {
        color: #1B1B19;
        font-family: "Roboto-Light" !important;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
    }

        .agreement-accept-checkbox label:before {
            content: "";
            position: absolute;
            left: 0;
            top: -4px;
            width: 20px;
            height: 20px;
            background: url(/assets/images/checkbox_line.svg) no-repeat center center !important;
            border: none;
        }

    .agreement-accept-checkbox input[type="checkbox"]:checked + label:before {
        background: url(/assets/images/checkbox.svg) no-repeat center center !important;
    }

    .agreement-accept-checkbox input[type="checkbox"]:checked + label:after {
        display: none;
    }

#mesafeli-satis .checkout-section-title,
#on-bilgilendirme .checkout-section-title {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    border-bottom: 0 !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    line-height: normal !important;
}

#mesafeli-satis h2,
#on-bilgilendirme h2,
#on-bilgilendirme h2 b,
#on-bilgilendirme h3,
#mesafeli-satis h3 strong u,
#on-bilgilendirme h3 strong u {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 12px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    text-decoration: unset;
}

#mesafeli-satis p,
#mesafeli-satis p strong,
#on-bilgilendirme p,
#on-bilgilendirme p strong {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

    #mesafeli-satis p a,
    #on-bilgilendirme p a {
        text-decoration: underline;
    }

#on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 24px 48px 24px 24px !important;
    height: 280px;
}

#on-bilgilendirme {
    margin-top: 24px !important;
}

    #mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools_vertical,
    #on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools_vertical {
        margin-right: 20px;
    }

    #mesafeli-satis table,
    #on-bilgilendirme table {
        font-size: 12px !important;
    }

@media (max-width:767px) {
    main#checkout #checkout-opts .checkout-opt.checkout-payment .payment-contract .contract-text {
        height: 560px;
        padding: 24px !important;
    }

    #mesafeli-satis .mCS-minimal-dark.mCSB_scrollTools_vertical,
    #on-bilgilendirme .mCS-minimal-dark.mCSB_scrollTools_vertical {
        margin-right: 0px;
    }
}
.current-inquiry-success {
    display: table;
    background-color: #4FA026;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

.current-inquiry-error {
    display: table;
    background-color: #ff4546;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    margin: 20px 0;
}
/**cookie css start*/
.merge-cart {
    margin-top: 10px;
    background: #F8F8FF;
    padding: 8px;
    text-align: center;
}
.cookie-disclaimer {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 50px 40px 50px;
    background: #fff;
    max-width: 100%;
    background: rgba(27, 27, 25, 0.90);
    backdrop-filter: blur(17.450000762939453px);
    top:auto!important;
    bottom:0!important;
}
.cookie-disclaimer .cookie-popup-title{
    color: #FFF;
    font-family: "Roboto-Medium";
    font-size: 26px;
    font-style: normal;    
    line-height: 125.188%;
    margin-bottom:16px;
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-popup-title img{
    width:15px;
    filter: brightness(0) invert(1);
    cursor:pointer;
}
.cookie-disclaimer .cookie-disclaimer-area{
    display:flex;
    justify-content:space-between;
}
.cookie-disclaimer .cookie-disclaimer-area p{
    color: #FFF;    
    font-family: "Roboto-Light";
    font-size: 13px;
    font-style: normal;
    line-height: 128.523%;
    text-align: left;
    max-width:1230px;
}
.cookie-disclaimer .cookie-disclaimer-area p a{ 
    text-decoration:underline;
    color: #6262FE;
}
.cookie-disclaimer .cookie-disclaimer-area .buttons{
    display:flex;
} 
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie {
    display:flex;
    justify-content: center;
    padding:14px 17px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px;    
    border-radius: 8px;
    border: 1px solid #FFF;
    background-color:transparent;
    width:174px;
    letter-spacing:0;
    height:48px;
}

.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
    border-radius: 8px;
    background: #ED1C24;
    display: flex;    
    justify-content: center;
    height: 48px;
    padding: 14px 17px;
    align-items: center;
    gap: 10px;    
    font-style: normal;
    font-family: "Roboto-Bold";
    font-size: 16px;
    width:162px;
    letter-spacing:0;
    border:1px solid #ED1C24;
    height:48px;
    margin-left:12px;
}
.cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save:hover{
    color:#fff;
}
.cookie-disclaimer .cookie-disclaimer-area .js-select-cookie img {
    filter: brightness(0) invert(1);
    margin-left: 10px;
}

#cookie.modal .modal-element {
    height: 667px !important;
    width: 1061px;
    border-radius:8px;
    border:none;
}
#cookie.modal .modal-element .wrapper{
    max-width:100%;
}
#cookie.modal .modal-element .modal-close{
    right: 30px;
    top: 30px;
    border:none;
    background-color: transparent;
}
#cookie.modal .modal-element .modal-content{
    padding:0;
    border:none;
}
#cookie.modal .modal-element .modal-content .sizechart-head{
    padding:24px 24px 0 24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.5px; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content .sizechart-head .description{
    color: #1B1B19;    
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.523%; 
    margin-bottom:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
    margin: 24px 24px 40px 24px;
    height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:24px;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv ul {
    display:table;
}
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar { 
    width: 8px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 10px;
}
 
#cookie.modal .modal-element .modal-content #upCookie #CookieDiv::-webkit-scrollbar-track {
    background: #f1f1f1;
}
 
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    width: 100%;
    height: 129px;
    padding: 24px;
    background: white;
    box-shadow: 0px 4px 52.1px 16px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    left:0;
    right:0;
    z-index:99;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons a{
    height:48px;    
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 15px; 
    border-radius: 8px;    
    letter-spacing:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left{
    color: #1B1B19;
    border:1px solid #1B1B19;
    background-color:#fff;
}
#cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
    color: #FFF;
    background: #ED1C24;
    border:1px solid #ED1C24;
    margin-left:12px;
}
.cs-cookie .details-specs{
    margin-top:0;
}
.cs-cookie .details-specs .accordion-element:last-child {
    margin-bottom:24px;
}
.cs-cookie .details-specs .accordion-element .accordion-button{
    border-top: 1px solid #828282;
    padding: 24px 0;
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 128.523%;
    letter-spacing:0;
    border-bottom:none;
}
.cs-cookie .details-specs .accordion-element:last-child{
    border-bottom:1px solid #828282;
}
.cs-cookie .details-specs .accordion-element .accordion-button span{
    float:right;
    color:#488B29;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    float:left;
    width:20px;
    margin-left:0;
}
.cs-cookie .details-specs .accordion-element .accordion-button .accordion-indicator{
    transform: rotate(90deg);
}
.cs-cookie .details-specs .accordion-element.accordion-collapsed .accordion-button .accordion-indicator{
    transform: rotate(0);
}
.cs-cookie .details-specs .accordion-element {
    position:relative;
}
.accordion-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content p b{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px!important;
    font-style: normal;
    line-height: 128.523%;
}
.accordion-content .table-info-text{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px; 
    margin-top:16px;
    margin-bottom:24px;
    display:table;
}
#cookie .table-bordered {
    border-collapse: separate;
    overflow: hidden;
    border-spacing: 0;
    border-radius: 10px;
    text-align: center;
    background-color: #F5F5F5;
}
#cookie .table-bordered th {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
}
#cookie .table-bordered td {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    text-align:left;
}
#cookie .table-bordered.last-table th{
    width:25%;
}
.cs-cookie .details-specs .accordion-element .accordion-content * {
    padding: 0;
}
#cookie .table-bordered,#cookie  .table-bordered td,#cookie  .table-bordered th{
    border:1px solid #828282!important;
    word-break: break-word;
}
#cookie .table-bordered td,#cookie  .table-bordered th{
    padding:12px!important;
}



@media (max-width:1199px){
    .cookie-disclaimer{
        padding:24px;
    }
    .cookie-disclaimer .cookie-popup-title{
        font-size:20px;
    }
    .cookie-disclaimer .cookie-disclaimer-area{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .buttons{
        display:block;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-select-cookie{
        width: 100%;
        margin-top: 16px;
    }
    .cookie-disclaimer .cookie-disclaimer-area .js-all-cookie-save{
        margin-top: 8px;
        width: 100%;
    }
    #cookie.modal .modal-element{
        height: 514px !important;
        width: 650px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv{
        height:230px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:50%;
    }
}
@media (max-width:767px){
    #cookie.modal .modal-element{
        max-width:100%!important;
        width:100%;
        height:578px!important;
        bottom:0;
        left: auto;
        top: auto;
        transform: translate(0%, 0%) scale(1);
    }
    #cookie .table-bordered td, #cookie .table-bordered th{
        min-width:110px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons {
        border-radius: 0;
    }
    #cookie .table-bordered td,#cookie .table-bordered th {
        padding: 8px !important;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons{
        flex-direction: column-reverse;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .left,
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        width:100%;
        min-height:44px;
    }
    #cookie.modal .modal-element .modal-content #upCookie .cookie-buttons .right{
        margin-bottom:8px;
        margin-left:0;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .sizechart-title{
        font-size:22px;
        margin-bottom:16px;
        width:90%;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head{
        padding:16px;
    }
    #cookie.modal .modal-element .modal-content #upCookie #CookieDiv {
        margin: 24px 0 40px 16px;
        height:253px;
    }
    #cookie.modal .modal-element .modal-content .sizechart-head .description{
        font-size:14px;
        margin-bottom:0;
    }
    .accordion-content p{
        font-size:14px;
    }
    .cs-cookie .details-specs .accordion-element .accordion-button{
        padding:21px 0;
    }
}


.custom-switch{
    padding-left:0!important;
    position: absolute!important;
    top: 16px;
    right: 0;
    width: 55px;
    z-index: 10!important;
}

.custom-switch .custom-control-label::before{
    left: 0!important;
    width: 56px!important;
    height: 29px!important;
    pointer-events: all!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::after{
    top: 5px!important;
    left: 2px!important;
    width: 25px!important;
    height: 25px!important;
    background-color: #adb5bd!important;
    border-radius: 15px!important;
}
.custom-switch .custom-control-label::before{
    border-color: #E7E7E7 !important;    
    background-color: #E7E7E7 !important;
}
.custom-switch .custom-control-label::after{
    background-color: #fff !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #ED1C24 !important;
    border-color: #E7E7E7 !important;
    background-color: #fff !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    color: #fff !important;
    border-color: #E7E7E7 !important;
    background-color: #ED1C24 !important;
    left: 20px !important;
}

/**cookie css end*/

.width-10 {
    width: 10% !important;
}
.width-15 {
    width: 15% !important;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-50 {
    width: 50% !important;
}
.width-60 {
    width: 60% !important;
}
.width-70 {
    width: 70% !important;
}
.width-75 {
    width: 75% !important;
}
.width-80 {
    width: 80% !important;
}
.width-90 {
    width: 90% !important;
}
.width-100 {
    width: 100% !important;
}
.height-100{
    height:100%;
}
.margin-5 {
    margin: +5%
}
.flex-flow-column {
    flex-flow: column
}
.display-table-cell {
    display: table-cell;
}
.cursor-pointer{
    cursor:pointer;
}
.bg-white {
    background: white
}
.header-fix-bar .exchange-content .exchange-toogle-area .custom.switch .slider.round p + p {
    margin-top: 0px;
}

/*Customer Info*/
.customer-info .success-message {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    display: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background: #4BB543;
}
.customer-info .cellphone-update-button, .customer-info .mail-update-button {
    pointer-events: none;
    width: 30%;
    display: block;
    float: right;
    text-align: center;
    background: #ebebeb;
    height: 40px;
    line-height: 41px;
    color: #fff;
    border-radius: 5px;
}
.customer-info .same-phonenumber-error, .customer-info .same-mail-error {
    color: #ff5d5d;
    position: relative;
    top: 10px;
}
.customer-info .wrap.gender{
    display:none;
}
.customer-info .cellphone-custom, .customer-info .mail-custom {
    width: 68% !important;
}

/*CustomerInfoCheckbox*/
.customer-info-check .modal-element {
    width: 445px !important;
    height: 478px !important;
}
.customer-info-check .modal-element .modal-content {
    border: none;
}
.customer-info-check .bg-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    border-radius: 100%;
    width: 110px;
    background: #FCDFE0;
    margin: 0 auto 10px auto;
}
.customer-info-check .title {
    color: #6D6D6D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.customer-info-check .desc {
    color: #6D6D6D;
    text-align: center;
    font-size: 13.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    font-family: "Roboto-Light";
}
.customer-info-check .verification-code-text {
    color: #ed1c24;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    margin: 6px 0px;
}
    .customer-info-check .verification-code-text .timer {
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.5px;
        margin-left: 6px;
    }
.customer-info-check .verification-code {
    width: 100%;
}
.customer-info-check .send-form {
    width: 100%;
    margin-bottom: 5%;
    padding: 1rem 0;
    border-radius: 5px;
}
.customer-info-check .resend-code {
    width: 100%;
    margin-bottom: 5%;
    background-color: #fff;
    color: #ebebeb;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem 0;
}
.customer-info-check .show-otp-message {
    display: none;
    color: #ed1c24;
}
.customer-info-check .warning-message {
    color: #B9B9B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    display: block;
    margin-bottom: 20px;
    text-align: left;
}
.inputwrap .input-validation-error {
    border: 1px dashed #ED1C24 !important;
}
.input-error {
    border: 1px solid #e4e4e4;
}
.keyup-update-button {
    background: #ed1c24 !important;
    pointer-events: auto !important;
}
.display-table-imp{
    display:table !important;
}

.basket-content.empty-cart #basket-list {
    text-align: center;
    font-size: 26px;
}
.basket-content.empty-cart.divided.q3 {
    width: 100%;
    padding-right: 0;
}
#cartDetail .customer-info-check .modal-element {
    height: 495px !important;
}
.customer-info-check .skip-btn {
    color: #3B3838;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    float: inline-end;
}
    .customer-info-check .skip-btn img {
        transform: rotateZ(180deg);
        margin-left: 7px;
    }
.customer-info-check .append-val {
    color: #6D6D6D;
    font-family: "Roboto-Bold";
    font-size: 13.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}
.filter-overlay{
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99
}
.check-file-content label{
    cursor:pointer;
}
.js-delete-check{
    background-color: #ed1c24;                
    top: 20px;
    color:#fff;
    position:relative;
    border-color: #a8a8a9;
    height: 25px;
    font-family: 'Roboto-Medium', sans-serif;
    width: auto;
    padding: 5px 15px;
    border-radius: 0;
    font-weight: 700;
    font-size: 0.93333333rem;
    letter-spacing: .180em;
    border:1px solid #a8a8a9;
    line-height: 2rem;
}
.custom-modal-close-button{
    margin: 0 auto;
    color: #fff;
    background-color: #ed1c24;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    margin-top:30px;
}
#errorModalBody .modal-content{
    padding:40px 50px!important;
}
.check-file-src{
    width:400px;
}
@media (max-width:767px){
    .check-file-src{
        width:100%;
    }
}
.check-file-desc{    
    width: 100%!important;
    font-weight: 300!important;
}
.sigup-container span.field-validation-error span {
    color: #ED1C24 !important;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0 !important;
}


/*Mobile Login Popup*/
#mobile-login-popup {
    display: none;
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

#mobile-login-content {
    position: absolute;
    top: 92px;
    bottom: 0;
    left: 0;
    z-index: 10;
    transform: translateX(-100%);
    transition: transform 200ms ease-in-out;
    overflow-y: auto;
    background-color: white;
    width: 450px;
    max-width: 80%;
    box-sizing: border-box;
    padding: 16px;
}

#mobile-login-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(2px);
    transition: opacity 200ms ease;
    cursor: pointer;
}

#mobile-login-popup.show #mobile-login-overlay {
    opacity: 1;
}

#mobile-login-popup.show #mobile-login-content {
    transform: translateX(0);
}

#mobile-login-content .close-btn {
    cursor: pointer;
    font-size: 20px;
    display: block;
    margin-bottom: 12px;
}

#mobile-login-content .title {
    font-size: 18px;
    font-family: "Roboto-Regular";
}

#mobile-login-content .desc {
    font-size: 16px;
    font-family: "Roboto-Light";
}

#mobile-login-content p {
    font-family: "Roboto-Light";
}

#mobile-login-popup a {
    height: 50px;
    border-radius: 8px;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
}

#mobile-login-popup .sign-in {
    background: #ED1C24;
}

#mobile-login-popup .sign-up {
    border: 1px solid #000;
    background: #FFF;
    color: #1B1B19;
}

#mobile-login-popup .sign-in:hover{
    color:white;
}

main.basket{
    padding:32px 50px;
}
main.basket .basket-content{
    width: 65.256%;
    padding:0;
}
main.basket .js-cart-form .basket-content .basket-content-top-area{
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:24px;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count h2{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 36px;
    font-style: normal;
    font-weight:500;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
}
 main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count .go-to-previous-page-button {       
    display:none;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area{
    display:flex;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-all-stocks-button {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    padding:12px 20px;
    border-radius:8px;
    border:1px solid #1b1b19;
    margin-right:24px;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    display:flex;
    align-items:center;
    text-decoration-line: underline;
}
main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button img{
    margin-right:8px;
}
main.basket .basket-content #basket-list .basket-product-item{
    margin-right:0;
    margin-left:0;
    padding:14px 24px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    margin-bottom:12px;
    align-items:center;
    display: flex;
    justify-content: space-between;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-left{
    display: flex;
    align-items: center;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
    display: flex;
    align-items: end;
    flex-direction: column;
}
#basket-list .checkwrap input:checked + label:before {
    background: url(/assets/images/check-square-fill.svg) no-repeat center center;
    border: 1px solid #fff;
}
#basket-list .checkwrap label:before{
    width:20px;
    height:20px;
    border-radius:4px;
}
main.basket .basket-content #basket-list .basket-product-item .checkwrap {
    width: auto;
    margin-top: 0;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area {
    margin-right: 16px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image {
    display: block;
    width: 150px;
    height: 150px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image {
    width: 100%;
    border: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
main.basket .basket-content #basket-list .basket-product-item .column.product{
    width:auto;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity {
    max-width: 320px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .prefix {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 103%;
    margin-bottom: 8px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .product-ext-code {
    color: #979494;
    font-family: "Roboto-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.188%;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info{
    display:flex;
    margin-top:12px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info span,
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info p {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info bold {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin-right:8px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info span{
    margin-right:5px;
}
main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-unit-info p{
    margin-right:5px;
}
main.basket .basket-content #basket-list .basket-product-item .column.product .product-quantity {
    width: 173px;
    height: 55px;
    margin-top:0;
    border-radius:4px;
}
.column.product .description .numberbox.product-quantity button.number-decrease,
.column.product .description .numberbox.product-quantity button.number-increase {
    width:53px;
    border-radius:4px;
}
.cart-product-title-quantity .numberbox.sided input {
    height: 54px;
}
main.basket .basket-content #basket-list .basket-product-item .column.remove{
    padding-top:0;
    width:auto;
}
main.basket .basket-content #basket-list .basket-product-item .column.data {
    width: auto !important;
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 14px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 125.188%;
    margin-top:36px;
}
main.basket .js-cart-form .basket-content .basket-all-stocks-button.mobil{
    display:none;
}
@media (max-width:1199px) {
    main.basket .js-cart-form .basket-content .basket-all-stocks-button.mobil {
        display: block;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 13px;
        font-style: normal;
        padding: 15px;
        padding: 11.25px;
        border: 1px solid #1B1B19;
        width: 100%;
        text-align: center;
        border-radius: 4px;
        margin-bottom: 12px;
    }
    main.basket{
        padding:24px;
    }
    main.basket .basket-content{
        width: 100%;
        padding:0;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area {
        margin-bottom: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count{
        display:flex;
        align-items:center;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count h2 {       
        font-size: 20px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .title-and-count .go-to-previous-page-button {       
        display:block;
        margin-right:12px;
        border-radius: 100%;
        background: #F5F5F5;
        padding: 9px;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-all-stocks-button{
        display:none;
    }
    main.basket .js-cart-form .basket-content .basket-content-top-area .basket-top-buttons-area .basket-delete-button {
        font-size: 12px;
    }
    main.basket .basket-content #basket-list .basket-product-item{
        padding:12px;
        align-items:start;
        height:162px;
        position:relative;
    }
    #basket-list .checkwrap label:before{
        width:16px;
        height:16px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity {
        max-width: 344px;
        margin-top:15px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image {        
        width: 113px;
        height: auto;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .prefix {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size:12px;
        margin-block:4px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .cart-product-item-title .product-ext-code{
        font-size:12px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-left {
        align-items: start;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image {      
        position: revert;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    main.basket .basket-content #basket-list .basket-product-item .checkwrap{
        position:relative;
        top:15px;
    }
    main.basket .basket-content #basket-list .basket-product-item .column.product .product-quantity {
        width: 132px;
        height: 34px;
    }
    .column.product .description .numberbox.product-quantity button.number-decrease, 
    .column.product .description .numberbox.product-quantity button.number-increase {
        width: 40px;
    }
    .cart-product-title-quantity .numberbox.sided input {
        height: 33px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity .quantityBox {
        position: absolute;
        left: 16px;
        bottom: 20px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
        margin-top:28px;
    }
    #basket-list .column.product{
        display:block!important;
    }
}
@media (max-width:767px){
    main.basket {
        padding: 8px 16px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .cart-product-image{
        width:70px;
        height:70px;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area .product-image{
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-title-quantity{
        margin-top:0;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-image-area{
        margin-right:7.5px;
    }
    main.basket .basket-content #basket-list .basket-product-item .checkwrap label{
        padding-left:1.5rem;
    }
    main.basket .basket-content #basket-list .basket-product-item .cart-product-right{
        margin-top:0;
    }
    main.basket .basket-content #basket-list .basket-product-item .column.data{
        margin-top:57px;
    }
}

/*boş sepet sayfa tasarımı başlangıç*/
#basket-empty-list{
    padding-top:24px;
    width:100%;
    overflow-x:hidden;
}
#basket-empty-list .basket-empty-img img{
    margin:0 auto;
    height:64px;
    margin-bottom:32px;
}
#basket-empty-list .basket-empty-text-area{
    max-width:813px;
    margin:0 auto;
    margin-bottom:96px;
} 
#basket-empty-list .basket-empty-text-area .basket-empty-title{
    color: #1B1B19;    
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 36px;
    font-style: normal;
    line-height: 125.188%;
    display:table;
    margin:0 auto;
    margin-bottom:15px;
    font-weight:400;
}
#basket-empty-list .basket-empty-text-area .basket-empty-desc{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.188%;
    display:table;
    margin:0 auto;
    margin-bottom:15px;
}
#basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
    color: #979494;
    margin-bottom:40px;
}
#basket-empty-list .basket-empty-text-area .basket-empty-button{
    display:table;
    margin:0 auto;
    background-color: #ED1C24;
    padding:15px 24px;
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    text-align:center;
    width:296px;
    border-radius:8px;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide{
    text-align:center;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
    border:1px solid #D9D9D9;
    margin-bottom:18px;
}
#basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a span{    
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}
@media(min-width:1200px) {
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide {
        width: calc((100% - 120px) / 6);
        margin-right: 24px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide:last-child{
        margin-right:0;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a{
        width:100%;
        display:block;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
        width:100%;
        border:1px solid #D9D9D9;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev,
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next {
        display: none;
    }
}
@media(max-width:1199px) {
    #basket-empty-list {
        padding-top: 0;
    }
    #basket-empty-list .basket-empty-img img{
        height:35px;
        margin-bottom:12px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-title{
        font-size:20px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc{
        font-size:14px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        font-size:12px;
    }
    #basket-empty-list .basket-empty-text-area {
        margin-bottom: 46px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-button{
        font-size:14px;
        width:163px;
        padding:7px;
        border-radius:4px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        margin-bottom:23px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide{
        padding-bottom:32px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a img{
        border:1px solid #D9D9D9;
        margin-bottom:9px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-wrapper .swiper-slide a span{    
        font-size: 14px;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-pagination{
        bottom:4px!important;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 0 2px !important;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev {
        bottom: -13px !important;
        top: auto;
        right: 40px;
        left: auto !important;
        z-index: 99;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next{
        bottom: -13px !important;
        right: 0 !important;
        left: auto;
        top: auto;
        z-index:99;
    }
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-prev:after,
    #basket-empty-list .container-swiper .mySwiperCategory .swiper-button-next:after
    {
        color: #1B1B19 !important;
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    #basket-empty-list {
        padding-top: 10px;
    }
    #basket-empty-list .basket-empty-text-area .basket-empty-desc.gray{
        text-align:center;
    }
}
/*boş sepet sayfa tasarımı bitiş*/

main.basket .js-cart-form .basket-content .basket-installment-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: rgba(244, 248, 255, 0.96);
    padding:12px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign{
    background:#fff;
    padding:8px 12px;
    margin-bottom:8px;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc{
    display:flex;
    align-items:center;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc img{
    margin-right:8px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc img{
    padding:7px 6px;
    border-radius:100%;
    background-color:#F44;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc span {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
}
main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc span{
    font-family:"Roboto-Regular";
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button,
main.basket .js-cart-form .basket-content .basket-installment-options .basket-applied-campaign-button{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    text-decoration-line: underline;
    display:flex;
    align-items: center;
}
main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button img,
main.basket .js-cart-form .basket-content .basket-installment-options .basket-applied-campaign-button img{
    width: 16px;
    height: 16px;
    margin-left: 8px;
}
.basket-combined-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 9999;
    display: none;
}
.basket-combined-popup .basket-combined-popup-items{
    position:absolute;
    width:586px;
    bottom:0;
    top:0;
    right:0;
    left:auto;
    background-color:#fff;
    padding:40px 24px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-bottom:40px;
    border-bottom:1px solid #D9D9D9;
    margin-bottom:40px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top h2{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-weight:500;
    font-size: 36px;
    line-height: 125.188%; 
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top img{
    width:30px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid{
    margin-bottom:24px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid span {
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    display:flex;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-mid span img {
    margin-right: 8px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom{
    margin-top:36px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item{
    padding:16px;
    height:76px;
    display:flex;
    align-items:center;
    margin-bottom:12px;
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item img{
    margin-right:16px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item img.bg-transparent-custom{
    padding:6px;
    background-color:#FF4444;
    border-radius:100%;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item span{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: normal;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item span bold{    
    font-family: "Roboto-Bold";
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount{
    margin-top:24px;
    padding:12px 16px;
    display:flex;
    background: #FDF0F0;
    justify-content: space-between;
    border-radius:8px;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-title{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    line-height: 155%;
    margin-bottom:0;
}
.basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-amount{
    color: #ED1C24;
    font-family: "Roboto-Medium";
    font-size: 16px;
    margin-bottom:0;
    line-height: 155%;
}
@media(max-width:1199px) {     
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc img {
        width:16px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-desc span {       
        font-size: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button,
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-applied-campaign-button {
        font-size: 12px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options .basket-installment-options-button img,
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-applied-campaign-button img{
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .basket-combined-popup .basket-combined-popup-items {
        position: absolute;
        width: 100%;
        bottom: 0;
        top: auto;
        right: auto;
        left: auto;
        padding: 24px 16px;
        height:422px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top h2{
        font-size:20px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top{
        margin-bottom:24px;
        padding-bottom:12px;
        border-bottom:none;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-top img{
        width:25px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom{
        max-height: 256px;
        overflow: scroll;
        margin-top:24px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item{
        height:56px;
        margin-bottom:8px;
    }    
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount{
        margin-top:16px;
        padding:8.2px 16px;
    }
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-title,
    .basket-combined-popup .basket-combined-popup-items .basket-combined-popup-items-bottom .bottom-item-total-discount .total-discount-amount{
        font-size: 14px;
    }
    main.basket .js-cart-form .basket-content .basket-installment-options.basket-applied-campaign .basket-installment-options-desc img {
        padding: 3px 2px;
    }
}

main.basket .basket-content #basket-list .go-to-home-page-button{
    font-family:"Roboto-Medium";
    font-size:16px;
    color:#fff;
    border-radius: 8px;
    background: #1B1B19;
    display:flex;
    justify-content:center;
    align-items:center;
    width:220px;
    padding:13px;
    margin-top: 24px;
}
main.basket .basket-content #basket-list .go-to-home-page-button img {
    margin-right: 10px;
}
@media(max-width:1199px){
    main.basket .basket-content #basket-list .go-to-home-page-button {
        display: none;
    }
}

#cartDetail .modal#confirmmodal .modal-element .modal-content {
    padding: 16px 24px 40px 24px;
    border:none;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-content {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
    padding-top:44px;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn {
    border-radius: 8px;
    font-size:16px;
    font-family:"Roboto-Bold";
    width:auto;
    padding:11.5px 49px;
    letter-spacing:0;
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.bg-white{
    background-color:#fff;
    border:1px solid #1B1B19;    
    color: #1B1B19;    
}
#cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.confirm{
    background-color: #ED1C24;
    border:1px solid #ED1C24;    
}

@media (min-width:1200px) {
    #cartDetail .modal#confirmmodal .modal-element {
        width: 446px;
        height:190px;
        border-radius:8px;
    }
}
@media (max-width:1199px) {
    #cartDetail .modal#confirmmodal .modal-content .confirmmodal-opts .btn {
        width:100%;                 
    }                               
    #cartDetail .modal#confirmmodal .modal-content .confirmmodal-opts .btn:first-child{
        margin-bottom:8px;
    }
}

#cartDetail #draw_type .modal-element{
    width:644px;
    height:248px!important;
    border-radius:8px;
}
#cartDetail #draw_type .modal-element .modal-content{
    padding:24px;
    border:none;
}
#cartDetail #draw_type .modal-element .modal-close {
    border: none;
    left: auto;
    right: 30px;
    top: 30px;
}
#cartDetail #draw_type .modal-element .modal-content .address-title {
    text-align:left!important;    
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 20px;
    line-height: 125.188%;
    margin-bottom:24px;
    font-weight:500;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area{
    display:flex;
    justify-content: space-between;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area input{
    height:43px;
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 13px;
    line-height: 125.188%;     
    width:calc(100% - 128px);
    border-radius:8px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn{
    color: #FFF;
    text-align: center;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing:0;
    border-radius: 8px;
    background: #ED1C24;
    width:112px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn:hover{
    color: #FFF;
    background: #ED1C24;    
}

#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area{
    display:flex;    
    margin-top: 24px;
    text-align: left;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-icon{
    margin-right:8px;
}
#cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-desc ul li {
    color: #8C8989;
    font-family: "Roboto-Light";
    font-size: 12px!important;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom:2px;
}
@media (max-width:1199px){
    #cartDetail #draw_type .modal-element {
        width: 467px;
        height: 248px !important;
        border-radius: 8px;
    }
    #cartDetail #draw_type .modal-element .modal-content{
        padding-bottom:0;
    } 
    #cartDetail #draw_type .modal-element .modal-content .address-title {
        font-size: 16px;
        margin-bottom:16px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area{
        display:block;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area input{
        width:100%;
        margin-bottom:12px;
        height:40px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-form-area .btn{
        width:100%;
        height:40px;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-desc ul li{
        font-size:10px!important;
    }
    #cartDetail #draw_type .modal-element .modal-content .modal-offer-desc-area .info-icon img{
        width:12px;
    }
}
@media (max-width:767px){
    #cartDetail #draw_type .modal-element .modal-content{
        padding:12px;
    }
}

.cart-summary-container {
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 9999;
    position: fixed;
    right: -50px;
    bottom: 0;
    width: 100vw;
    top: -39px;
    height: 100vh;
    z-index: 9999;
    display: none;
}
.cart-summary-container #sepet-ozeti {
    margin-top: 0;
    border-radius: 0;
    bottom: 0;
    height: 100vh !important;
    padding: 0;
    border: none;
    width: 571px;
    display: block;
    top: 0px;
    margin-top: 0;
}
.cart-summary-container.active {
    display: block;
}
.cart-summary-container #sepet-ozeti .cart-summary-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 40px;
    border-bottom: 1px solid #D9D9D9;
}
.cart-summary-container #sepet-ozeti .cart-summary-top span{
    color: #1B1B19;
    font-family: "Roboto-Medium"!important;
    font-size: 24px!important;
    line-height:0;
}
.cart-summary-container #sepet-ozeti .cart-summary-top img{
    width:20px;
    cursor:pointer;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items{
    padding: 23px 40px 23px 40px;
    margin: 0;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items span{
    color: #1B1B19;
    font-family: "Roboto-Light"!important;
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
}
.cart-summary-container #sepet-ozeti .cart-preview-top-items a {
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
    background:#fff;
}
.cart-summary-container #sepet-ozeti .allproducts-container #sepet-ozeti-icerik{
    padding:0 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area{
    padding:40px;
    text-align:center;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area img{
    text-align:center;
    margin-bottom:26px; 
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area p{
    color: #1B1B19;
    text-align: center;
    font-family: "Roboto-Light";
    font-size: 16px;
    line-height: 125.188%; 
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom:26px; 
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area a{
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    border-radius: 8px;
    background: #1B1B19;
    display:flex;
    align-items:center;
    justify-content:center;
    letter-spacing: 0;
    line-height:0;
    padding: 17px;
}
.cart-summary-container #sepet-ozeti .cart-summary-empty-area a img{
    margin-bottom:0;
    margin-left:10px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area{
    position: fixed;
    bottom: 0;
    width: 571px;
    height:242px;
    box-shadow: rgba(50, 50, 93, .6) 0px 30px 60px 3px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .description-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .description-area{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-weight:300;
    font-size: 16px;
    letter-spacing:0;
    text-align:center;
    line-height:0;
    padding:40px 40px 24px 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .description-area a,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .description-area a{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-weight:400;
    font-size: 16px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area{
    border-top  : 1px solid #D9D9D9;
    padding:24px 40px 0 40px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .login-button,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button {
    color: #FFF;
    font-family: "Roboto-Bold";
    font-size: 16px;
    border-radius: 8px;
    background: #ED1C24;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    line-height: 0;
    padding: 17px;
    margin-bottom:20px;
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .login-button img,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button img{
    margin-left:10px;    
}
.cart-summary-container #sepet-ozeti .cart-summary-non-login-area .button-area .register-button,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .register-button{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 16px;
    font-weight: 500;
    line-height: 0;
    text-decoration-line: underline;
    text-align:center;
    letter-spacing:0;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 34px;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .button-area .login-button{
    padding:27px;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total{
    display: flex;
    padding: 0 40px;
    align-items: center;
    justify-content: space-between;
}
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total .alignment-left,
.cart-summary-container #sepet-ozeti .cart-summary-login-area .cart-total .alignment-right{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
}
#sepet-ozeti .product_row .urun-bilgi.alignment-left .metre {
    font-family: "Roboto-Regular";
    font-weight:400;
    display:table;
    margin-bottom:12px;
}
#sepet-ozeti .product_row .urun-bilgi.alignment-left .urun-fiyat,
#sepet-ozeti .product_row .urun-bilgi.alignment-left .urun-fiyat span {
    font-weight: 500 !important;
    font-family: "Roboto-Medium"!important;
    font-size: 16px!important;
    padding-left: 0;
}
@media(min-width:1200px) {
    .search-bar{
        z-index:0;
    }
}
.js-add-loyalty-btn,
.js-remove-loyalty-btn,
.js-add-discount-coupon-btn,
.js-add-coupon {
    width: 48% !important;
    float: left;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #333;
    background-color: #333;
    text-align: center;
    position: relative;
    color: #FFF;
    font-weight: 700;
    font-size: 0.83333333rem;
    letter-spacing: .180em;
    padding: 0.83333333rem 0rem 0.83333333rem 0rem;
    line-height: 0.99rem;
    border-radius: 5px;
}

.number-increase.twom.twoqm:after {
    margin-left: -2px;
}


@media screen and (max-width: 390px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

@media screen and (max-width: 480px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

@media screen and (max-width: 720px) {
    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }

    .number-increase.quan:after {
        margin-left: -69px !important;
        margin-top: 27px !important;
    }
}

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

section.basket .basket-content #basket-list .row .column.data, main.basket .basket-content #basket-list .row .column.data {
    width: 8.96%;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    body, section, table, aside, article, ul, ol, li, .ui-widget select {
        font-size: 11px !important;
    }

    .product .description .prefix {
        font-size: 9px;
    }

    section.basket .basket-content #basket-list .row .column.remove .product-remove, main.basket .basket-content #basket-list .row .column.remove .product-remove {
        position: relative;
        right: -20px;
    }

    .number-increase.fourm:after, .number-increase.threem:after, .number-increase.twom:after, .number-increase.onem:after {
        font-size: 11px !important;
    }

    .number-increase.quan:after {
        font-size: 11px !important;
        margin-left: 8px !important;
    }

    .cost .cost-title {
        font-size: 11px !important;
    }

    .cost .cost-amount {
        text-align: right;
        font-size: 11px;
    }
}
.custom-quantity-error-2, .custom-quantity-error-2q, .custom-quantity-error-3, .custom-quantity-error-4 {
    font-weight: bold;
    font-size: 12px;
    color: red;
    text-align: center;
    white-space: nowrap;
    display: none
}
#basket-list .alert.red{
    width:255px;
}
/*Sepet Özeti*/
main.basket .shopping-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
    main.basket .shopping-info div {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1B1B19;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 25.185px;
    }
    main.basket .shopping-info > div:first-child {
        margin-right: 30px;
    }
    main.basket .shopping-info div img {
        margin-right: 8px;
    }
main.basket .basket-sum .sum-costs {
    margin-top: 12px;
    background: #F5F5F5;
    border-radius: 8px;
    height: auto;
    padding: 24px
}
main.basket .basket-sum .sum-costs .cost {
    letter-spacing: 0.5px;
    font-size: 14px;
}
    main.basket .basket-sum .sum-costs .cost .cost-amount {
        font-family: "Roboto-Light";
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
    }
        main.basket .basket-sum .sum-costs .cost .cost-amount.total {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
        }
    main.basket .basket-sum .sum-costs .cost .total-discount, main.basket .basket-sum .sum-costs .cost .cost-total-discount {
        color: #ED1C24;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }
    main.basket .basket-sum .sum-costs .cost .cost-total-discount {
        font-size: 16px;
    }
    main.basket .basket-sum .sum-costs .title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 16px 0;
    }
    main.basket .basket-sum .sum-costs .title img{
        display:none;
    }
    main.basket .basket-sum .sum-costs .confirm-cart {
        padding: 12px 24px;
        border-radius: 8px !important;
        color: #FFF;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
        margin: 16px 0 8px 0;
    }
    main.basket .basket-sum .sum-costs .confirm-cart.first {
        margin-top:0px;
    }
        main.basket .basket-sum .sum-costs .confirm-cart:hover {
            background: #ED1C24;
        }
    main.basket .basket-sum .sum-costs .create-offer, main.basket .basket-sum .sum-costs .create-offer-disabled {
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
        border-radius: 8px !important;
        border: 1px solid #1B1B19;
        background: transparent;
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 8px 0;
    }
    main.basket .basket-sum .sum-costs .create-offer-disabled {
        color: #AEAEAE;
        cursor: not-allowed;
        border: 1px solid #AEAEAE;
    }
        main.basket .basket-sum .sum-costs .create-offer:hover {
            background: transparent;
        }
        main.basket .basket-sum .sum-costs .confirm-cart img {
            margin-left: 8px;
        }
        main.basket .basket-sum .sum-costs .create-offer img {
            margin-right: 8px;
        }
        main.basket .basket-sum .sum-costs .create-offer-text {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #1B1B19;
            font-family: "Roboto-Light";
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 25.185px;
        }
            main.basket .basket-sum .sum-costs .create-offer-text img, main.basket .basket-sum .sum-costs .create-offer-disabled img {
                margin-right: 8px;
            }
            main.basket .basket-sum .sum-costs .create-offer-text p {
                font-family: "Roboto-Regular";
                font-weight: 400;
            }
    main.basket .basket-sum .sum-costs .create-offer-disabled img {
        filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(0%) hue-rotate(2deg) brightness(96%) contrast(93%);
    }
    main.basket .basket-sum .sum-costs .coupon-discount-area {
        border-top: 1px solid #1B1B19;
        border-bottom: 1px solid #1B1B19;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    main.basket .basket-sum .sum-costs .coupon-discount {
        display: inline-flex;
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .coupon-discount img {
        margin-right:8px;
    }
    main.basket .basket-sum .sum-costs .coupon-discount-area .cost-amount {
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .is-coupon-applied-area {
        display: flex;
        padding: 8px 0px;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        color: #1B1B19;
        font-family: "Roboto-Bold";
        line-height: 125.188%;
    }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area > div {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px;
        }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area .old-price {
            color: #979494;
            font-family: "Roboto-Medium";
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
            text-decoration:line-through;
        }
        main.basket .basket-sum .sum-costs .is-coupon-applied-area .total {
            color: #1B1B19;
            font-family: "Roboto-Bold";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 125.188%;
        }
    main.basket .basket-sum .sum-costs .amount-to-be-paid {
        color: #1B1B19;
        font-family: "Roboto-Bold";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 125.188%;
    }
    main.basket .basket-sum .sum-costs .cost.coupon-discount-area:after {
        content: none !important;
    }
    main.basket .basket-sum .sum-costs .is-coupon-applied-area:after {
        content: none !important;
    }
    main.basket .basket-sum .sum-costs .continue {
        display: flex;
        height: 50px;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        color: #FFF;
        font-family: "Roboto-Bold";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1px;
        margin-top: 16px;
    }
        main.basket .basket-sum .sum-costs .continue:hover {
            background: #ed1c24;
        }
@media screen and (max-width:1199px) {
    main.basket .basket-sum.divided .sum-costs {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #F5F5F5;
        box-shadow: 0px -4px 24.7px 0px rgba(0, 0, 0, 0.25);
        transition: transform 0.3s ease !important;
        z-index: 1000 !important;
        padding: 0px 16px 16px 16px !important;
        background: white !important;
        box-shadow: 0px 4px 25.5px rgba(0, 0, 0, 0.45) !important;
        transform: translateY(0) !important;
        border-radius:0;
    }
    main.basket .basket-sum .sum-costs {
        background: white !important;
        padding: 0px;
        margin-top: 0px;
    }
        main.basket .basket-sum .sum-costs .mobile-hidden.active {
            display: none;
        }
        main.basket .basket-sum .sum-costs .title {
            font-size: 20px !important;
        }
            main.basket .basket-sum .sum-costs .title img {
                display: inline-block;
                float: inline-end;
            }
        main.basket .basket-sum .sum-costs .cost {
            padding: 4px 0px;
        }
            main.basket .basket-sum .sum-costs .cost .cost-title {
                font-size: 14px !important;
            }
    main.basket .basket-sum.divided .shopping-info.desktop {
        display: none;
    }
    main.basket .basket-sum.divided .shopping-info.mobile {
        border-radius: 8px;
        background: #F5F5F5;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        margin: 16px 0;
    }
    main.basket .shopping-info > div {
        font-size: 12px !important;
    }
    main.basket .basket-sum.divided .confirm-cart.second {
        margin: 16px 0 8px 0;
    }
    main.basket .basket-sum.divided .confirm-cart.first {
        display: none !important;
    }
    main.basket .basket-sum .sum-costs .create-offer, main.basket .basket-sum .sum-costs .create-offer-disabled {
        padding: 12px;
    }
    main.basket .basket-sum .sum-costs .cost.total-amount-mobile {
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .open-cart-summary {
            margin-right:12px;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div {
            display: flex;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div.first-area {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile div.second-area {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .cost-title{
            font-size:16px !important;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .amount-to-be-paid, main.basket .basket-sum .sum-costs .cost.total-amount-mobile .cost-amount.total {
            font-size: 16px !important;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile .amount-to-be-paid {
            font-family: "Roboto-Light";
            letter-spacing: 0px;
        }
        main.basket .basket-sum .sum-costs .cost.total-amount-mobile img {
            transform: rotateZ(270deg);
        }
            main.basket .basket-sum .sum-costs .cost.total-amount-mobile img.open {
                transform: rotateZ(90deg);
            }
    main.basket .basket-sum .sum-costs .cost.total-amount-mobile:after {
        content:none !important;
    }
    main.basket .basket-sum .sum-costs .cost .cost-amount{
        font-size:14px !important;
    }
}

#cartDetail .modal#confirmmodal .modal-element .modal-close {
    left: auto;
    top: 20px;
    right: 20px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}
#cartDetail .modal#confirmmodal .modal-element .modal-close .icon{
    font-size:20px;
}
#cartDetail .modal#confirmmodal .modal-element .modal-close:hover{
    background-color:#fff;
}
@media (max-width:1199px) {
    #cartDetail .modal#confirmmodal .modal-element{
        width:278px;
        border-radius:8px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content {
        padding: 12px 16px 24px 16px;
        border: none;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn{
        font-size:14px;
        padding: 9.5px;
        width:100%;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts .btn.confirm{
        margin-left:0;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-content{
        padding-top:28px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-close .icon{
        font-size:16px;
    }
    #cartDetail .modal#confirmmodal .modal-element .modal-content .confirmmodal-opts{
        margin-top:8px;
    }
}


.koa-info-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    z-index: 9999;
}

.koa-info-popup.active{
    display:block;
}

.koa-info-popup .koa-info-popup-overlay{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(2px);
    z-index: 1;
    -webkit-transition: opacity 200ms ease 0ms;
    transition: opacity 200ms ease 0ms;
}

.koa-info-popup .koa-info-popup-area {
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    z-index: 2;
    border-radius:8px;
    box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.40);
    background: #FFF;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
    transition: opacity 200ms ease 150ms, transform 200ms ease 150ms;
    opacity: 1;
    width: 644px;
    padding:24px 24px 40px 24px;
    text-align:center;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content{
    position:relative;
    padding-top:44px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-info-popup-img {
    margin: 0 auto;
    margin-bottom:24px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-warning-icon{
    display:table;
    margin:0 auto;
    margin-bottom:16px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .hide-koa-popup {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 30px;
    cursor:pointer;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content p{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 16px;
     line-height:normal;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.koa-info-text{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 14px;
    padding:16px;
    display:table;
    line-height:normal;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.font-medium{
    color: #1B1B19;
    font-family: "Roboto-Medium";
    font-size: 14px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content span.font-regular{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 14px;
}
.koa-info-popup .koa-info-popup-area .koa-info-popup-content .go-to-home-page-button {
    font-family: "Roboto-Medium";
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    background: #1B1B19;
    margin:0 auto;
    width: 204px;
    display:block;
    padding: 9.5px;
}
@media (max-width:1199px){
    .koa-info-popup .koa-info-popup-area {
        width: 580px;
    }
}
@media (max-width:767px) {
    .koa-info-popup .koa-info-popup-area {
        width: 320px;
        padding:16px 24px 24px 24px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content{
        padding-top:32px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content .koa-info-popup-img{
        margin-bottom:16px;
    }
    .koa-info-popup .koa-info-popup-area .koa-info-popup-content p{
        font-size:14px;
    }
}



/*Cart Özellikleri Tab branchler birleştiğinde bu alan silinecek*/
#cartDetail .container--tabs {
    margin: 0px;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}
 
.container--tabs .tabs-title {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.container--tabs .tabs-title {
    border-bottom: 1px solid #D9D9D9 !important;
}

.container--tabs .tab-content {
    border: none !important
}
 
.container--tabs .tab-content > .tab-pane.active {
    padding: 32px 0 0 0;
}
 
.container--tabs .tabs-title > li {
    margin-right: 40px;
}

.container--tabs .tabs-title > li.active {
    border-bottom: 2px solid #ED1C24;
    padding-bottom: 24px;
}

.container--tabs .tabs-title > li.active > a {
    color: #ED1C24;
    font-family: "Roboto-Regular";
    font-weight: 400;
    border: white !important;
}

.container--tabs .tabs-title > li > a {
    color: #1B1B19;
    font-size: 18px;
    font-family: "Roboto-Light";
    font-weight: 300;
    line-height: 25.19px;
    word-wrap: break-word;
    padding: 0;
    border: none !important;
    background-color: white !important;
    padding: 0 0px 27px 0px
}

.container--tabs .tabs-title > li.active > a, .container--tabs .tabs-title > li.active > a:hover, .container--tabs .tabs-title > li.active > a:focus {
    color: #1B1B19;
}
 
@media(max-width:768px) {
    .container--tabs {
        margin: 0px 16px;
    }
     
    .container--tabs .tab-content > .tab-pane.active {
        padding: 16px 0 0 0;
    }
     
    .container--tabs .tabs-title > li {
        margin-right: 40px;
        padding-bottom:12px !important;
    }
     
    .container--tabs .tabs-title > li > a {
        font-size: 14px;
        padding:0px;
    }
}
#cartDetail .homepage-slider-content-area{
    height:auto;
    background-color:#fff;
    margin:0;
}
#cartDetail .container--tabs .tab-content > .tab-pane.active{
    padding:16px 0 0 0;
}
#cartDetail .homepage-slider-content-area .content-area .left-content {
    margin: 0 !important;
}
#cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
}
#cartDetail .homepage-slider-content-area .swiper {
    height:515px !important;
}
#cartDetail .homepage-slider-content-area .swiper .swiper-button-prev,
#cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
    display:none;
}
#cartDetail .homepage-slider-content-area .swiper-pagination-bullets {
    bottom: 15px !important;
}
@media(max-width:1199px){
    #cartDetail .homepage-slider-content-area .swiper {
        height:370px !important;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev,
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
        display:flex;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev:after,
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next:after{
        font-size:20px !important;
        color: #1B1B19;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-next{
        display: flex;
        bottom: -12px;
        top: auto;
        right: -7px !important;
        left: auto;
    }
    #cartDetail .homepage-slider-content-area .swiper .swiper-button-prev{
        display: flex;
        bottom: -12px;
        top: auto;
        right: 30px !important;
        left: auto !important;
    }
    #cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider {
        height: 219px;
    }
    #cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content{
        margin-left:0!important;
        margin-right:0;
    }
    #cartDetail .homepage-slider-content-area .swiper-pagination-bullets {
        bottom: 0 !important;
    }
        #cartDetail .homepage-slider-content-area .swiper-pagination-bullets .swiper-pagination-bullet {
            width: 4px;
            height: 4px;
        }
}
#cartDetail .homepage-slider-content-area .content-area .left-content .dynamic-slider-content .dynamic-products-slider .dynamic-product-slider .dynamic-slider .swiper-pagination {
    bottom: 0px !important;
}
/*Cart Özellikleri Tab branchler birleştiğinde bu alan silinecek*/

.cart-watt-points-area{
    display:flex;
    justify-content:space-between;
}
.cart-watt-points-area .watt-points-text{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
    display:flex;
    align-items:center;
}
.cart-watt-points-area .watt-points-earned {
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: 125.188%;
}
.cart-watt-points-area .watt-points-text .currentInfo{
    margin-left:8px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox{
    padding:20px 16px 16px 16px;
    text-align:left;
    width:247px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox .desc{
    color: #979494;
    font-family: "Roboto-Light";
    font-size: 10px!important;
    font-style: normal;
    font-weight: 300;
    line-height: 14px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox .current-info-container{
    width:187px;
}
.cart-watt-points-area .watt-points-text .currentInfo .infoBoxClose{
    position:absolute;
    right:8px;
    top:8px;
}
.cart-watt-points-area .watt-points-text .currentInfo .currentInfoBox::after {
    margin-left: 6px;
    top: 98%;
}
/*kupon tasarım başlangı.*/
main.basket .basket-sum .coupon-container {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    margin: 16px auto;
}
    main.basket .basket-sum .coupon-container .coupon-header {
        color: #1B1B19;
        font-family: Roboto-Medium;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 16px;
        cursor: pointer;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    main.basket .basket-sum .coupon-container .arrow {
        transform: rotate(90deg);
        width: 20px;
        height: 20px;
    }
    main.basket .basket-sum .coupon-container .arrow.rotate {
        transform: rotate(270deg);
    }
    main.basket .basket-sum .coupon-container .coupon-body {
        padding: 0px 16px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
        main.basket .basket-sum .coupon-container .coupon-body input {
            width: calc(100% - 60px);
            padding: 12px;
            border-radius: 8px;
            border: 1px solid #D9D9D9;
            font-family: 'Roboto-Light';
            letter-spacing: 0.5px;
        }
        main.basket .basket-sum .coupon-container .coupon-body button {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 8px;
            padding: 8px 12px;
            border: none;
            color: #1B1B19;
            font-size: 16px;
            font-family: 'Roboto-Medium';
        }
            main.basket .basket-sum .coupon-container .coupon-body button img {
                margin-right: 8px;
            }
    main.basket .basket-sum .coupon-container .coupon-display {
        border-radius: 8px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        padding: 12px 16px 12px 12px !important;
        height: 220px;
        position:relative;
    }
    main.basket .basket-sum .coupon-container .coupon-display-manuel {
        height: auto !important;
    }

    main.basket .basket-sum .coupon-container .user-coupon-swiper.swiper {
        height: 290px;
        padding: 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-left-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #1B1B19;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span.coupon-code {
        font-family: "Roboto-Medium";
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon .coupon-display {
        margin: 0 16px 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info {
        margin-left: 16px;
        font-family: "Roboto-Light";
    }
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-end-date {
    color: #979494;
}
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev, main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next {
        position: absolute;
    }
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next {
        bottom: 13px !important;
        top: auto !important;
        right: 16px !important;
    }
    main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev {
        bottom: 13px !important;
        top: auto !important;
        left: auto !important;
        right: 40px !important;
    }
        main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-next:after, main.basket .basket-sum .coupon-container .user-coupon-swiper .swiper-button-prev:after {
            color: #1B1B19 !important;
            font-size: 12px !important;
        }
    main.basket .basket-sum .coupon-container .users-coupons-area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
    }
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content-area {
    margin-top: 16px;
}
main.basket .basket-sum .coupon-container .users-coupons-area .coupon-apply {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #ED1C24;
    color: #ED1C24;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p {
        border-radius: 4px;
        background: #F5F5F5;
        text-align: center;
        padding: 8px;
        margin-bottom: 4px;
        font-size: 13px;
    }
        main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p:last-child {
            margin-bottom: 16px;
        }
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-extra-info {
        float: right;
        color: #979494;
        font-family: "Roboto-Light";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        margin-bottom: 12px;
        position: absolute;
        bottom: 0;
        right: 16px;
    }
    main.basket .basket-sum .coupon-container .coupon-warning-message {
        color: #F44;
        font-family: "Roboto-Light";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 125.188%;
        display: flex;
        align-items:center;
        padding-left: 16px;
    }
        main.basket .basket-sum .coupon-container .coupon-warning-message img {
            filter: invert(22%) sepia(89%) saturate(3566%) hue-rotate(0deg) brightness(95%) contrast(98%);
            margin-right:4px;
        }
    main.basket .basket-sum .coupon-container .remove-coupon-btn {
        border: 1px solid #979494;
        border-radius: 8px;
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        color: #979494;
        font-family: "Roboto-Regular";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
@media screen and (max-width:1199px) {
    main.basket .basket-sum .coupon-container .user-coupon-swiper.swiper {
        padding: 8px 16px !important;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon {
        margin: 0px 16px 16px;
    }
    main.basket .basket-sum .coupon-container .users-coupons-area.applied-coupon .coupon-display {
        margin: 0px;
        padding:12px !important;
    }
    main.basket .basket-sum .coupon-container .coupon-display {
        height: 230px;
        padding:12px;
    }
    main.basket .basket-sum .coupon-container .coupon-header, main.basket .basket-sum .coupon-container .coupon-body button {
        font-size: 14px;
    }
    main.basket .basket-sum .coupon-container .remove-coupon-btn, main.basket .basket-sum .coupon-container .users-coupons-area .coupon-apply,
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-content p, main.basket .basket-sum .coupon-container .coupon-body input,
    main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span.coupon-code {
        font-size: 12px;
    }
        main.basket .basket-sum .coupon-container .users-coupons-area .coupon-info span {
            font-size: 10px !important;
        }
}

/*Custom Modal Start*/
.modal.custom-modal{
    border-radius:8px;
}

    .modal.custom-modal .modal-content{
        padding: 24px;
        border: none;
    }

    .modal.custom-modal .modal-title {
        color: #1B1B19;
        font-family: "Roboto-Medium";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 125.188%;
    }

    .modal.custom-modal .modal-element .close {
        border: none;
        left: auto;
        right: 30px;
        top: 30px;
    }

.modal-backdrop {
    background-color: #1d1d1d !important;
}

    .modal-backdrop.show {
        opacity: 0.87 !important;
    }

@media (max-width:1200px) {
    .modal.custom-modal .modal-content {
        padding: 16px;
    }
}

@media (max-width:768px) {
    .modal.custom-modal .modal-content {
        padding: 12px;
    }
        .modal.custom-modal .modal-title {
            color: #1B1B19;
            font-family: "Roboto-Medium";
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 125.188%;
        }
}
/*Custom Modal End*/

/*Stock Modal Start*/
#stockModal .modal-dialog {
    max-width: 950px;
}
#stockModal .modal-dialog .modal-content{
    max-width: 950px;
    border-radius:8px;
}
.stock-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: #1B1B19;
    font-size: 14px;
}

    .stock-table th,
    .stock-table td {
        max-width: 150px;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        text-align: center;
        padding: 8px !important;
        line-height: 1.2;
    }

    .stock-table thead th {
        font-family: "Roboto-Medium";
        font-weight: 600;
    }

    .stock-table tbody td {
        font-family: "Roboto-Light";
        font-weight: 300;
    }
    .stock-table tbody td.product-name {
        font-family: "Roboto-Regular";
        font-weight: 400;
    }
    .stock-table .product-name {
        text-align: left;
    }

    .stock-table td img {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-left: 4px;
    }

    .stock-table.table-bordered,
    .stock-table.table-bordered td,
    .stock-table.table-bordered th {
        border: 1px solid #1B1B19 !important;
    }

.stock-table-container.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.stock-table-container.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

#stockModal .stock-info-content {
    color: #979797;
    font-family: "Roboto-Light";
    font-size: 14px;
    margin-top:16px;
}

#stockModal .stock-info-content .stock-delivery-times-info {
    margin-bottom:8px;
    align-items: center;
}

#stockModal .stock-info-content img {
    filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(11deg) brightness(93%) contrast(88%);
    margin-right:8px;
}

#stockModal .no-stock-message{
    font-size:14px;
    font-family:"Roboto-Medium";
}

@media (max-width:1200px) {
    #stockModal .stock-table {
        font-size: 12px;
    }

    #stockModal .stock-info-content p {
        font-size: 12px;
    }

    #stockModal .stock-info-content {
        margin-top: 12px;
    }
}
/*Stock Modal End*/

@media(max-width:1199px) {
    .product-list-filter-area .product-details-left .checkwrap:last-child {
        margin-bottom: 0;
    }
}
button:disabled{
    cursor: not-allowed; 
}

/*quick product card start*/
@media (min-width:767px){
    #productDetail .quick-product-card{
        display:none!important
    }
}
#productDetail .quick-product-card {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 92px;
    left: 0;
    z-index: 11;
    padding: 16px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 50.9px 0 rgba(0, 0, 0, 0.26);
}
#productDetail .quick-product-card .quick-product-card-area{
    display: flex; 
    justify-content: space-between; 
    gap: 16px;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-slider{
    width:38.5%;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-slider .swiper-wrapper{
    padding-bottom:10px;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-slider .swiper-pagination-bullets{
    bottom: 0px !important;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-slider .swiper-pagination-bullet{
    width: 4px;
    height: 4px;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-info{
    width:61.5%
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-info h2{
    color: #1B1B19;
    font-family: "Roboto-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    margin-bottom:16px;
}
#productDetail .quick-product-card .quick-product-card-area .quick-product-info h2 span{
    font-family: "Roboto-Bold";
    font-weight: 600;
}
#productDetail .quick-product-card .wrap-quantity{
    border-radius:5px;
    display:flex;
    gap:8px;
    border:none;
}
#productDetail .quick-product-card .step-quantity{
    height:31px;
    width:80%;
}
#productDetail .quick-product-card .step-quantity .sided{
    height:32px!important;
}
#productDetail .quick-product-card .step-quantity .numberbox.narrow input{
    height:31px;
}
#productDetail .quick-product-card .step-quantity .numberbox.sided .numberbox-button{
    color: #1B1B19;
    font-family: "Roboto-Light";
    font-size: 9px;
    line-height: 12px;
    width:3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#productDetail .quick-product-card .step-quantity .numberbox.sided .numberbox-button img{
    width:11px;
}
#productDetail .quick-product-card .step-quantity .numberbox.sided .numberbox-button:before{
    content:"";
}
#productDetail .quick-product-card .js-addCart-new{
    width:20%!important;
    height:31px;
    padding:5px!important;
    display:flex;
    align-items:center;
    justify-content:center;
}
#productDetail .quick-product-card .price-discount-area{
    margin-bottom:16px;
}
#productDetail .quick-product-card .price-discount-area .price{
    color: #1B1B19;
    font-family: "Roboto-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

#productDetail .quick-product-card .price-discount-area .price.old-price{
    text-decoration:line-through;
}
#productDetail .quick-product-card .price-discount-area .vatrateplus{
    color: #AEAEAE;
    font-family: "Roboto-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

/*quick product card end*/
.brandSearch .subMenu {
    margin-top: 0 !important;
}

#paymentForm span.error.uyee {
    width: 100%;
}

.captchaSection span.field-validation-error {
    margin: -10px 0 10px 0 !important;
}

/* product sort override */
.productSort span {
    padding-right: 30px;
    width: 120px;
}

.productSort ul {
    width: 130px;
}

.leftMenuAcc {
    top: inherit !important;
}

.pagerSection .pager ul li {
    float: left;
    margin-right: 5px;
}

.pager ul li a.firstpage {
    background: #d5d4d4 url(/assets/images/pager_first.png) no-repeat center center;
    border-color: #d5d4d4;
    height: 17px;
}

.pager ul li a.lastpage {
    background: #d5d4d4 url(/assets/images/pager_last.png) no-repeat center center;
    border-color: #d5d4d4;
    height: 17px;
}

.pager ul li a.prev {
    height: 17px !important;
}

.pager ul li a.next {
    height: 17px !important;
}

.pager ul li a {
    width: 25px !important;
    font: 12px brandon_medium,Tahoma,Geneva,sans-serif !important;
}

.productList {
    margin-top: 10px !important;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav span {
	width: 36px !important;
	height: 34px !important;
}


.hopiContainer .step2 .field-validation-error {padding-bottom: 4px;}

[class^="cargo-message-"] {
    padding-left: 22px  !important;margin-left: 15px;
    background-size: 16px auto;
    background-repeat:no-repeat;
    background-position:left center;
}
.myOrders .item span small.cargo-message-returned {color: #3b9527;}
.myOrders .item span small.cargo-message-supply_waiting {color: #ff9000;}
.myOrders .item span small.cargo-message-completed {color: #999;}
.myOrders .item span small.cargo-message-cancel_complete {color: #f90f0f;}


.container .article .breadCrumb {}

@media only screen and (max-width: 767px) {
    .orderDetail .detailPart > div {
        float: left;
    }
}

.orderDetail .detailPart .product-info img {
    width: 30%;
}

.ngi-order-item.accordion .orderDetail .detailPart .product-info img {
    width: 25%;
}

.ngi-order-item.accordion .head {
    cursor: default;
}

.ngi-order-item.accordion .item > span.active em {
    display: none;
}

.ngi-order-item.bt.accordion {
    border-top: none;
}

.formTab .selectboxit-container .btn {
    min-width: inherit;
}

.paymentOuter .border.tabs.general > .resp-tabs-list > li:hover {
    background: #f8f8f8 !important;
    color: #777 !important;
    cursor: default;
}

.paymentOuter .tabs.general .resp-tabs-list li:hover::before {
    background-position: inherit;
}

.creditCardSelect.right {
    width: 47.5%;
    margin-bottom: 0;
}

.creditCardSelect.left {
    width: 47.5%;
    margin-bottom: 0;
    margin-right: 8px;
}

.jp-card .jp-card-front .jp-card-lower {
    left: 12% !important;
}

.jp-card-number.jp-card-display {
    font-size: 23px !important;
    margin-bottom: 15px !important;
}

.jp-card-shiny {
    margin-bottom: 25px;
}

.jp-card .jp-card-front div.jp-card-shiny {
    width: 49px !important;
    height: 42px !important;
}

.jp-card-logo {
    margin-top: 10px !important;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
    width: 170px !important;
}

.jp-card-logo.jp-card-visa:before,
.jp-card-logo.jp-card-visa:after,
.jp-card-logo.jp-card-mastercard:before,
.jp-card-logo.jp-card-mastercard:after,
.jp-card-logo.jp-card-amex:before,
.jp-card-logo.jp-card-amex:after {
    background: transparent !important;
}

div.jp-card-logo.jp-card-visa {
    background: url(/assets/images/visa.png) no-repeat center;
    box-shadow: none !important;
    overflow: hidden;
    line-height: 30;
}
div.jp-card-logo.jp-card-mastercard {
    background: url(/assets/images/mastercard.png) no-repeat center;
    box-shadow: none !important;
    overflow: hidden;
    line-height: 30;
}
div.jp-card-logo.jp-card-amex {
    background: url(/assets/images/amex.png) no-repeat center;
    box-shadow: none !important;
    border: none;
    overflow: hidden;
    line-height: 30;
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
    background: #f8f8f8 !important;
    border: 1px solid #c9c9c9;
}

.jp-card .jp-card-front .jp-card-lower div.jp-card-expiry,
.jp-card .jp-card-front .jp-card-lower div.jp-card-name {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px !important;
}

#productDetail .detailInfo .siteSplashesAjax.size {
    float: right !important;
}

.filterCheckS .row > label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.productListPager li {
    margin-right: 15px !important;
}

.alert {
    font-size: 15px;
}

span.field-validation-valid {
    margin: 0 !important;
}

span.field-validation-error span {
    color: #ff5d5d !important;
}

.generalSplash.resp-tab-content {
    float: none;
}

span.success {
    color: #4dbcb3 !important;
    font-size: 14px !important;
    font-family: 'Roboto-Medium', sans-serif;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tabs.general ul.resp-tabs-list.mainTab > li.resp-tab-active a {color:#fff !important;}
.generalForm .row input[type="password"], .generalForm .row input[type="email"] {
    height: 40px;
    width: 100%;
    font-family: 'Roboto-Medium', sans-serif;
    padding-left: 15px;
    font-size: 16px;
    color: #000;
    border: 1px solid #ccc;
    background: #f8f8f8;
    outline: 0;
}
ul.ngi-self-nav-tab li a {
    display: block;
    font-family: 'Roboto-Medium', sans-serif;
    color: #777;
    font-size: 16px;
}
.leftContent ul > li ul li a.active, .leftContent ul > li > ul > li a:hover, .leftMenuContent ul > li ul li a.active, .leftMenuContent ul > li > ul > li a:hover {
    border: 0 !important;
    color: #1c1c1c !important;
}
.personalInfoContent .adressItem {
    width: 100%;
    float: left;
    min-height: 200px;
}

.eraseAddressModal {
    max-width: 400px;
}

.pTotalPrice span {
    display: block;
}

.pTotalPrice span.exPrice {
    text-decoration:line-through;
}

.punitPrice span {
    display: block;
}

.punitPrice span.exPrice {
    text-decoration:line-through;
}

span.orderCancelled{position:absolute;top:50%;right:15px;display:block;height:9px;margin-top:-7px;color:#1c1c1c;font-size:15px;line-height:8px;padding-left:17px;z-index:9999;}

.icons ul li a.detailFv.thisFv {
    background-position:right bottom;
}

.basketLeft .pdescription .basketFavoriteButton.thisFv {
    background-position: bottom;
}

.favorites .listItem .qlAndFavorite {
    display: none !important;
}

.favorites .listItem .choice {
    display: block !important;
    z-index: 96;
}

.loading-container {
    display: none;
}

#productList .loading-container,
#productDetail .loading-container {
    display: block;
}

.productPageCarousels {height:auto;}
.productPageCarousels > .carouselItem{position:static;}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

header #topmenu .topmenu .menu-section.banner {
    display: none;
    right: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 84%;
    bottom: 0;
    margin-left: 0;
    /*height: 100%;*/
    height:auto;
}
    header #topmenu .topmenu .menu-section.banner img {
        height: 100%;
        /*width: 100%;*/
        float: right;
    }
header #topmenu .topmenu .menu-section.banner.active {
    display: block;
}


/* Overwrite main.css */
#footer-subscription .field-validation-error,
#footer-subscription .js-newsletter-info {
    position: absolute;
    bottom: -25px;
    left: 0;
}

.errorwrap {
    font-size: 0.93333333rem;
    line-height: 1rem;
    font-weight: 600;
    letter-spacing: .11em;
    color: #ff4546;
    margin-bottom: 20px;
}

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

.radiowrap.inverted + span.field-validation-error {
    bottom: -2.2rem;
}

.checkwrap span.field-validation-error {
    right: auto;
    left: 30px;
}

.inputwrap input.input-validation-error,
.inputwrap select.input-validation-error,
.inputwrap textarea.input-validation-error,
.inputwrap .selectbox.input-validation-error,
.inputwrap .selectboxit-btn.input-validation-error,
.input-group .input-validation-error {
    border: 1px solid #ff4546;
}

.title.link {
    cursor: pointer;
}

section.product-info .product-details .details-options .color-list .color a, 
main.product-info .product-details .details-options .color-list .color a {
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: top 150ms ease, bottom 150ms ease;
    transition: top 150ms ease, bottom 150ms ease;
}

.alert {
    font-size:12px;
    line-height:1.3;
}
.alert-success {
    color:#4FA026;
    font-weight:600;
}
.alert-error, .alert-danger {
    color:#ff4546;
}
.alert-warning {
    color:#cbda00;
}
.alert-info {
    color:#24a2ef;
}

.hidden {
    display: none;
}

.w-100 {
    width: 100% !important;
}