body {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: black;
    overflow-x: hidden;
    position: relative;
}

    body.no-scroll {
        overflow: hidden;
    }

@media (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .desktop-only {
        display: none !important;
    }

    .full-width-on-mobile {
        width: 100%;
    }
}

.hairdis-color {
    color: #AC2724;
}

.hairdis-color-bg {
    background-color: #AC2724;
}

.flex-spacer {
    flex-grow: 1;
}

header.header-no-topbar + div.c-layout-page {
    margin-top: 100px !important;
}

header.header-no-topbar .header-top-right-info {
    line-height: 40px;
    margin-top: 35px;
    font-weight: bold;
    margin-bottom: 35px;
}

.website-switcher-section-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .website-switcher-section-title .round-flag {
        border-radius: 50%;
        overflow: hidden;
        background-size: cover;
        height: 20px;
        width: 20px;
    }

.website-switcher-section-entries {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 5px;
}

    .website-switcher-section-entries a {
        cursor: pointer;
        font-size: 16px;
    }

@media (max-width: 991px) {
    header.header-no-topbar + div.c-layout-page {
        margin-top: 60px !important;
    }

    header.header-no-topbar .header-top-right-info {
        line-height: 31px;
        margin-top: 20px;
        font-weight: bold;
        margin-bottom: 21px;
        margin-right: 15px;
    }
}

.c-layout-header .c-topbar-light {
    background-color: #F2F2F2;
    border-bottom: none;
}

.c-layout-header.c-layout-header-4 .c-navbar {
    background-color: white;
}

.pac-container {
    position: absolute !important;
    top: 45px !important;
    left: 20px !important;
}

.hairdis-badge {
    height: 23px;
    width: 23px;
    border-radius: 25px;
    display: inline-block;
}

.c-hairdis-btn-grey {
    color: black;
    background-color: #F2F2F2;
    border: 2px solid #F2F2F2;
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    display: inline-block;
    border-radius: 40px;
    margin-bottom: 5px;
}

.c-hairdis-btn-redwhite {
    color: #AC2724;
    background-color: white !important;
    border: 2px solid #AC2724;
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    display: inline-block;
    border-radius: 40px;
    margin-bottom: 5px;
}

    .c-hairdis-btn-redwhite:hover {
        color: #AC2724 !important;
    }

    .c-hairdis-btn-redwhite:active:not(:hover),
    .c-hairdis-btn-redwhite:focus:not(:hover) {
        color: #AC2724 !important;
    }

.modal-footer .btn + .btn {
    background-color: black;
}

.c-hairdis-btn-white-icon.only-icon.red-icon,
.c-hairdis-product .c-content-product-2 .c-btn-product.red-icon {
    border: 0.15em solid #D93A3A;
}

    .c-hairdis-btn-white-icon.only-icon.red-icon svg.hairdis-icon,
    .red-icon.c-btn-product svg.hairdis-icon,
    .c-product-wishlist-top-right.only-icon.red-icon svg.hairdis-icon {
        stroke: #D93A3A !important;
    }

.c-hairdis-btn-white-icon.red-icon:hover {
    stroke: white !important;
    background: #D93A3A;
}

.c-hairdis-btn-white-icon.only-icon.red-icon:hover svg.hairdis-icon {
    stroke: white !important;
}

.c-hairdis-btn-red:not(:hover) .stroke-unset {
    stroke: unset !important;
}


.hairdis-header {
    min-height: 175px;
}

.btn-primary,
.c-hairdis-btn-black {
    color: white;
    background: black;
    background-color: black;
    border: 2px solid black;
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 40px;
}

    .c-hairdis-btn-black.c-hairdis-lg svg {
        position: absolute;
        margin-left: -27px;
        top: 9px;
        left: inherit;
    }

    .c-hairdis-btn-black svg {
        color: white !important;
        stroke: white !important;
    }

.c-hairdis-btn {
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 40px;
}

    .c-hairdis-btn.c-hairdis-btn-red {
        color: white;
        background: #AC2724;
        background-color: #AC2724;
        border: 2px solid #AC2724;
    }

        .c-hairdis-btn.c-hairdis-btn-red:hover {
            color: #AC2724 !important;
            background: white;
            background-color: white;
            border: 2px solid #AC2724;
        }

        .c-hairdis-btn.c-hairdis-btn-red:active:not(:hover),
        .c-hairdis-btn.c-hairdis-btn-red:focus:not(:hover) {
            color: white !important;
        }

    .c-hairdis-btn.c-hairdis-lg svg {
        position: absolute;
        margin-left: -27px;
        top: 9px;
        left: inherit;
    }

    .c-hairdis-btn svg {
        color: white !important;
        stroke: white !important;
    }

    .c-hairdis-btn:hover svg {
        color: #AC2724 !important;
        stroke: #AC2724 !important;
    }

.c-font-green-4 {
    color: #27AE60;
}

.c-font-red-3 {
    color: #D93A3A;
}

.half-border {
    position: relative;
    min-width: 40px;
}

    .half-border:after {
        content: '';
        height: 18px;
        width: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        background-color: #E0E0E0;
        margin-top: -9px;
    }

.table-variant tr td {
    text-align: center;
}

.btn-primary:hover,
.c-hairdis-btn-black:hover svg,
.c-hairdis-btn-black:focus svg,
.c-hairdis-btn-black:hover,
.c-hairdis-btn-black:focus {
    color: black !important;
    stroke: black !important;
    fill: black !important;
    background-color: white !important;
}

.c-hairdis-btn-white {
    color: black;
    background-color: white;
    border: 2px solid black;
    padding: 7px 20px 7px 20px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    border-radius: 40px;
}

.c-hairdis-btn-with-icon {
    position: relative;
    padding-left: 45px;
}

#apply-form .g-recaptcha > div {
    text-align: left;
}

.c-shop-login-register-1 .c-login-form #Username {
    background-image: url(/Content/theme/img/hairdis/mail-grey.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: 13px;
    background-position-x: 20px;
    padding-left: 55px;
}

.c-shop-login-register-1 .c-login-form #Password {
    background-image: url(/Content/theme/img/hairdis/eye-grey.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: 14px;
    background-position-x: 20px;
    padding-left: 55px;
}


.c-login-form #Username {
    background-image: url(/Content/theme/img/hairdis/mail-grey.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position-y: 12px;
    background-position-x: 20px;
    padding-left: 55px;
}

.c-login-form #Password {
    background-image: url(/Content/theme/img/hairdis/eye-grey.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: 11px;
    background-position-x: 20px;
    padding-left: 55px;
}




.c-hairdis-btn-with-icon svg {
    position: absolute;
    left: 17px;
    top: 6px;
}


.c-hairdis-btn-white:hover,
.c-hairdis-btn-white:focus {
    color: white !important;
    background-color: black !important;
}

.c-rounded {
    border-radius: 20px;
}

.c-hairdis-btn-white:hover svg,
.c-hairdis-btn-white:focus svg {
    fill: white !important;
    stroke: white !important;
}

.panel {
    border: none;
}

.contact label.control-label {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 15px;
}

.text-with-icon svg {
    width: 18px;
    height: 15px;
    top: 2px;
}

.svg-no-stroke {
    stroke: unset !important;
}

.hairdis-icon-margin {
    margin-right: 4px;
}

.c-shop-form-1 .control-label {
    display: none;
}

.prof-wrapper-checkbox {
    margin-bottom: 15px;
}

.c-shop-form-1 h3.c-font-24 {
    font-size: 16px;
}

.register-form .freedelity-data-wrapper {
    padding: 15px 0 30px 0;
}


.c-shop-form-1 h3.c-font-inherit {
    font-size: 15px;
    font-weight: normal !important;
}

.panel .c-bg-red {
    padding: 25px 20px;
    background-color: #F2F2F2 !important;
    color: black !important;
    font-weight: normal !important;
}

    .panel .c-bg-red .btn.btn-md.c-btn-border-2x.c-btn-square.c-btn-white.c-btn-uppercase.c-btn-bold {
        border-color: black;
        color: black;
        height: auto;
        padding: 6px 20px 6px 20px;
    }

        .panel .c-bg-red .btn.btn-md.c-btn-border-2x.c-btn-square.c-btn-white.c-btn-uppercase.c-btn-bold:hover {
            background: #000000;
            border-color: #000000;
            color: white !important;
        }

    .panel .c-bg-red .c-font-white {
        color: black !important;
        font-weight: normal !important;
    }

.c-cart-table-title {
    margin-bottom: 20px;
}

.c-order-history-2 > .c-cart-table-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}

.c-order-history-2 > .c-cart-table-row,
.c-cart-table-row {
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}

.c-cart-subtotal-border {
    margin-bottom: 15px;
}

.c-action .btn {
    padding: 6px 15px 0px 15px;
}

.c-cart-table-row .col-sm-5,
.c-cart-table-row .col-sm-6,
.c-cart-table-row .col-sm-4,
.c-cart-table-row .col-sm-3,
.c-cart-table-row .col-sm-2,
.c-cart-table-row .col-sm-1 {
    padding: 18px 0 10px 0px;
}

.c-order-history-2 > .c-cart-table-row {
    padding: 5px 0 0 0;
}

.c-cart-table-row .col-sm-2 .c-hairdis-btn-grey {
    position: relative;
    top: -8px;
}

.c-basket-item .c-product-img {
    width: 100%;
}

.c-cart-table-row .c-action {
    white-space: nowrap;
    padding-top: 3px;
}


#basket-summary-wrapper h3 {
    font-size: 16px;
    font-weight: 600;
}

.c-font-bold {
    font-weight: 600;
}


.c-cart-table-title h3.c-font-bold {
    color: black;
    font-size: 22px;
    font-weight: normal !important;
}

.c-cart-subtotal-border .c-font-uppercase {
    color: black !important;
    font-weight: normal !important;
}

.c-theme-ul > li.active > a:not(.btn), .c-theme-ul > li.c-active > a:not(.btn),
.c-theme-ul > li:focus > a:not(.btn) > i, .c-theme-ul > li:active > a:not(.btn) > i, .c-theme-ul > li:hover > a:not(.btn) > i,
.c-theme-ul > li:focus > a:not(.btn), .c-theme-ul > li:active > a:not(.btn), .c-theme-ul > li:hover > a:not(.btn) {
    color: black !important;
}

.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link,
a {
    color: black;
}

.variant-images-wrapper {
    margin-top: 40px;
    clear: both;
}

.variant-image-wrapper {
    float: left;
    width: 70px;
    height: 70px;
    padding: 5px;
    border: 1px solid #707070;
    margin-right: 10px;
    border-radius: 11px;
    cursor: pointer;
    margin-bottom: 10px;
}

    .variant-image-wrapper img {
        width: 100%;
    }

    .variant-image-wrapper.selected {
        border-width: 2px;
        border-color: black;
    }

    .variant-image-wrapper label,
    .variant-image-wrapper img {
        cursor: pointer;
    }

    .variant-image-wrapper.out-of-stock,
    .variant-image-wrapper.out-of-stock label,
    .variant-image-wrapper.out-of-stock img {
        cursor: not-allowed;
        border-color: #D93A3A !important;
    }






.owl-item {
    visibility: hidden;
}

    .owl-item.active {
        visibility: inherit;
    }

.panel-body h3 {
    font-size: 22px;
    font-weight: bold;
}

.c-basket-item.c-total {
    font-size: 26px;
    font-weight: bold;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

#scrollspy-nav .nav > li.active > a,
#scrollspy-nav .nav > li > a:hover,
#scrollspy-nav .nav > li > a:focus {
    background-color: #F5F5F5;
    border-radius: 40px;
    font-weight: bold;
    padding: 15px 20px;
}

.table-basket tfoot td {
    font-size: 26px;
    font-weight: bold;
}

    .table-basket tfoot td.medium {
        font-size: 22px;
    }

.c-basket-item-list div .c-basket-item:last-child {
    border-bottom: none;
}

.faq .panel {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0 20px;
}

.faq .panel-heading {
    padding: 0px;
    font-weight: normal !important;
    border-bottom: 1px solid #e0e0e0;
}

    .faq .panel-heading h4 a {
        padding: 20px 0px;
        font-weight: normal !important;
        display: block;
    }

.faq .panel.panel-active {
    position: relative;
    top: -2px;
    padding: 0 20px 10px 20px;
    background-color: #F6F6F6;
    border-radius: 10px;
}

.faq .panel-group .panel-heading + .panel-collapse > .panel-body,
.faq .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}

.faq .panel-heading {
    font-weight: normal !important;
    font-size: 15px !important;
}

.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.active > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link.active,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:active,
a.active,
a:hover,
a:focus,
a:active {
    font-weight: bold;
    color: black !important;
}

.c-theme-font, .c-theme-color {
    color: black !important;
}

.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.active > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-link,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link.active,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus,
.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:active {
    border-bottom: 2px solid #AC2724 !important;
    transition: none;
}

.nav-hairdis-wrapper {
    text-align: center;
}

.nav-hairdis {
    background-color: #F2F2F2;
    border-radius: 40px;
    height: 42px;
    margin: 0;
    display: inline-block;
    padding: 0px;
    margin-bottom: 30px;
}

    .nav-hairdis li {
        margin: 0;
        display: inline;
        padding: 0px;
    }

        .nav-hairdis li a {
            display: inline-block;
            height: 44px;
            padding: 13px 30px 13px 25px;
            font-weight: bold;
            font-size: 16px;
        }

            .nav-hairdis li a.equal-padding {
                padding: 13px 25px 13px 25px;
            }

hr {
    margin-right: 25px;
    margin-left: 25px;
}

#tab-register hr {
    margin-top: 0px;
}

.c-shop-login-register-1 hr {
    margin-top: 6px;
}

.professional-wrapper {
    margin-bottom: 15px;
}


.label-hidden {
    display: none;
}

.c-layout-header .c-cart-menu .c-cart-menu-items > li ..c-hairdis-product {
    max-width: 100%;
    margin-top: 0px;
}

.c-layout-header .c-cart-menu .c-cart-menu-items > li {
    margin-bottom: 0;
    padding: 30px 15px;
    font-size: 14px;
}

.c-cart-menu-content {
    line-height: initial;
}

.input-group-lg select.form-control,
select.form-control.input-lg {
    background: url("/Content/theme/img/hairdis/br_down.png") #F2F2F2 no-repeat calc(100% - 20px) !important; /* Better placement regardless of input width */
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
    -webkit-appearance: none;
}

.table-basket select.form-control,
.table-price select.form-control {
    background: url("/Content/theme/img/hairdis/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    border: 2px solid #E0E0E0;
}

select.form-control::-ms-expand {
    display: none;
}

select.form-control.hairdis-border:focus,
select.form-control.hairdis-border:active {
    border-color: #D93A3A !important;
}

td.c-price-quantity {
    width: 90px;
}

.c-shop-login-register-1 .btn {
    width: 100%;
    border-color: #E0E0E0;
}

.table-basket tbody tr td {
    vertical-align: middle;
}

.table.table-summary > tbody > tr > td {
    border-bottom: none;
    border-top: none;
}

a.c-font-slim {
    color: #828282;
    text-decoration: underline;
}

.c-font-slim {
    color: #828282;
}

.nav-hairdis li.active a:focus,
.nav-hairdis li.active a:active,
.nav-hairdis li.active a:hover,
.nav-hairdis li.active a {
    background-color: black;
    color: white !important;
    border-radius: 40px;
}

ul .hairdis-login-menu, ul.hairdis-top-menu {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.g-recaptcha > div {
    width: auto !important;
    margin: 0 auto;
    text-align: center;
}

ul.hairdis-login-menu > li,
ul.hairdis-top-menu li {
    display: inline-block;
}

    ul.hairdis-top-menu li.c-divider {
        color: #E0E0E0;
    }

    ul.hairdis-login-menu > li > a,
    ul.hairdis-top-menu li a {
        display: block;
        height: 45px;
    }

    ul.hairdis-login-menu > li > a,
    ul.hairdis-top-menu li a {
        display: block;
        height: 45px;
        padding-top: 14px;
        padding-bottom: 15px;
        padding-left: 12px;
        padding-right: 12px;
    }

.c-hairdis-product .c-promo {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #D93A3A;
    display: inline;
    top: 10px;
    left: 12px;
}

.c-shop-login-register-1 .form-control.c-square {
    height: 52px;
}

.panel {
    box-shadow: none;
}

.panel-body {
    padding: 0px;
}

    .panel-body .btn,
    .c-shop-login-register-1 .tab-pane .btn {
        height: 52px;
    }

.delivery-info {
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-bottom: 30px;
    width: 80%;
    margin: 0 auto;
}

.c-hairdis-product-detail .delivery-info {
    border-top: none;
    border-bottom: none;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    margin-top: 25px;
}

.c-hairdis-product-detail .delivery-icon .hairdis-icon {
    top: 2px;
}

.c-hairdis-product-detail .delivery-text {
    width: 80%;
}

.delivery-icon {
    margin-right: 15px;
    display: inline-block;
}

    .delivery-icon .hairdis-icon {
        height: 37px;
        width: 32px;
        stroke: #828282;
        top: 8px;
    }

.delivery-text {
    font-size: 13px;
    color: #828282;
    display: inline-block;
}

.c-hairdis-product .c-logo-image-product {
    position: absolute;
    right: 20px;
    top: 20px;
    max-width: 30%;
}

.tooltip {
    top: -85px !important;
    opacity: 1 !important;
}

    .tooltip .tooltip-inner {
        background: white;
        opacity: 1;
        color: black;
        width: 157;
        border-radius: 0;
        padding: 15px;
        box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
        font-family: 'DM Sans', sans-serif;
    }

    .tooltip.top .tooltip-arrow {
        width: 50px;
        height: 25px;
        position: absolute;
        top: 92%;
        left: 52% !important;
        transform: translateX(-50%);
        overflow: hidden;
        border-width: 0;
        border-top-color: white;
    }

        .tooltip.top .tooltip-arrow:after {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            background: white;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            top: 0;
            left: 50%;
            box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.6);
        }

.c-hairdis-product .c-product-studio,
.c-hairdis-product .c-product-best,
.c-hairdis-product .c-product-outlet,
.c-hairdis-product .c-product-new {
    width: 100%;
    position: absolute;
    height: 28px;
    color: white;
    text-align: center;
    background-color: black;
    font-weight: bold;
    font-size: 14px;
    bottom: 0px;
    left: 0px;
    padding-top: 5px;
    text-transform: uppercase;
}

.c-hairdis-product .c-product-studio {
    height: 37px;
    padding-top: 3px;
}


    .c-hairdis-product .c-product-studio svg {
        position: relative;
        top: 5px;
        margin-left: 10px;
        cursor: pointer;
    }

.c-hairdis-product .c-product-best {
    background-color: #E0E0E0;
    color: #D93A3A;
}

.c-hairdis-product .c-product-outlet {
    background-color: #D93A3A;
}

ul.hairdis-login-menu > li > .c-btn-icon {
    padding: 0px;
    width: auto;
    padding-left: 10px;
    height: 38px;
}

    ul.hairdis-login-menu > li > .c-btn-icon.c-search-toggler {
        padding-left: 5px;
    }

ul.hairdis-login-menu > li > a {
    height: 39px;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

ul.hairdis-login-menu > li {
    padding-bottom: 25px;
}


ul.hairdis-login-menu .hairdis-icon {
    height: 40px;
    width: 40px;
    padding-top: 7px;
}

ul.hairdis-login-menu .hairdis-basket-icon {
}

.hairdis-svg-header {
    position: absolute !important;
    left: 8px;
}

ul.hairdis-login-menu .c-cart-menu-footer .hairdis-basket-icon {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 1px;
    left: 14px;
}

.c-cart-toggler .c-cart-number {
    position: relative;
    top: -16px;
    left: 2px;
    font-weight: normal;
}


.list-unstyled.c-links .hairdis-icon {
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px;
}

ul.hairdis-login-menu lifirst-child a,
ul.hairdis-top-menu li:first-child a {
    padding-left: 0px;
}

ul.language-switcher.hairdis-top-menu li a {
    padding-right: 5px;
    padding-left: 5px;
}

    ul.language-switcher.hairdis-top-menu li a.active {
        color: black;
        font-weight: bold;
        text-decoration: underline;
    }

ul.hairdis-top-menu li a i {
    margin-right: 10px;
}

ul.hairdis-login-menu {
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
}


.btn {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.c-cart-toggler {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid black;
    padding: 5px 12px;
}

.c-layout-header .hairdis-login-menu li.dropdown:hover > .dropdown-menu {
    display: block;
    top: 60px;
    left: -85px;
    padding: 15px 10px;
}


.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
    min-height: auto;
    font-size: 14px;
    letter-spacing: 0.01em;
}

.c-content-title-1 > h3.c-font-uppercase {
    font-size: 22px;
}


.c-font-uppercase,
.c-btn-uppercase,
.c-content-title-1 .c-font-uppercase {
    text-transform: none;
}

.btn-default {
    border: 2px solid black;
    color: black;
}

    .btn-default:hover {
        border: 2px solid black;
        color: white !important;
        background-color: black;
        transition: none;
    }

.hairdis-icon {
    stroke: black;
}


.btn:hover .hairdis-icon {
    stroke: white;
}

.owl-carousel .owl-stage-outer {
}

.c-basket-item {
    border-bottom: 1px solid #E0E0E0;
    margin: 0px 5px 15px 5px;
    padding-top: 30px;
    padding-bottom: 40px;
}

.owl-carousel .owl-dots {
    margin-top: 10px;
}

.owl-carousel.c-theme .owl-dots .owl-dot {
    background-color: #434343;
    border-color: #434343;
    opacity: 0.3;
}

    .owl-carousel.c-theme .owl-dots .owl-dot.active {
        background-color: #434343;
        border-color: #434343;
        opacity: 1;
    }

.carousel-control {
    opacity: 1;
}


.c-shop-cart-page-1.c-basket-item-list .c-hairdis-product .c-price {
    font-size: 22px;
}

    .c-shop-cart-page-1.c-basket-item-list .c-hairdis-product .c-price .c-font-line-through {
        font-size: 15px;
        font-weight: normal;
    }

.carousel-control.right,
.carousel-control.left,
.carousel-control:hover {
    background-image: none !important;
}

.tparrows.circle {
    opacity: 1;
}


.owl-carousel .owl-nav .nav-btn,
.right .tparrows.circle,
.left .tparrows.circle {
    background-image: url("/Content/theme/img/hairdis/arrow-left.svg");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    margin-top: 20px;
    z-index: 2;
}

.left .tparrows.circle {
    left: 30px;
}

.owl-carousel .owl-nav .nav-btn {
    width: 18px;
    height: 18px;
    margin-top: 20px;
}

.owl-carousel.c-theme .owl-dots .owl-dot:hover {
    background-color: #d93a3a;
}


.owl-carousel.c-theme .owl-dots .owl-dot.active {
    background: black;
}

.owl-carousel .owl-nav {
    position: relative;
}

    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        box-shadow: -1px 2px 34px 1px rgb(0 0 0 / 11%);
        border-radius: 30px;
        position: absolute;
        top: -360px;
        background-color: white !important;
        height: 56px;
        width: 56px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -15px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -15px;
    }

    .owl-carousel .owl-nav .nav-btn.prev-slide {
        margin-top: 2px;
        margin-left: 18px;
    }

    .owl-carousel .owl-nav .nav-btn.next-slide {
        margin-top: 2px;
        margin-left: 22px;
    }

    .owl-carousel .owl-nav .nav-btn.next-slide {
        background-image: url("/Content/theme/img/hairdis/arrow-right.svg");
    }

.right .tparrows.circle {
    background-image: url("/Content/theme/img/hairdis/arrow-right.svg");
    right: -20px;
    left: auto !important;
}

.c-theme-btn .hairdis-icon {
    stroke: white !important;
}

.c-theme-btn:hover .hairdis-icon {
    stroke: black !important;
}

.c-btn-dark {
    background-color: #d93a3a;
}

.c-btn-border-1x.c-btn-grey-1,
.btn.btn-md {
    padding: 6px 25px 6px 25px;
}

.btn.btn-lg {
    padding: 8px 25px 8px 25px;
}

.btn {
    border-radius: 40px;
}

    .btn.c-btn-border-2x.c-btn-uppercase.btn-md {
        padding: 9px 20px 8px 20px;
    }

    .btn.btn-lg.btn-with-svg-icon {
        padding: 7px 25px 6px 45px;
        position: relative;
    }

.c-btn-black:hover {
    color: white !important;
}

.c-feature-16-desc {
    font-size: 18px;
    line-height: 24px;
}

.c-content-title-1 .c-line-center,
.c-content-title-1 .c-line-left {
    display: none;
}

.c-topbar {
    display: none;
}

.c-content-title-1 > h3,
h1, h2, h3, h4, h5, h6 {
    color: black;
    font-weight: 600;
}

.c-hairdis-product .c-content-detail,
.c-hairdis-product .c-content-overlay {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.c-hairdis-product {
    margin-top: 20px;
}

.c-hairdis-product-detail {
    margin-bottom: 50px;
}

.c-hairdis-product .c-title {
    font-size: 18px;
    margin-top: 15px;
}

.c-hairdis-product .c-content-product-2 .c-info {
    padding: 10px 5px;
}

.c-hairdis-product .c-font-slim {
    font-size: 15px;
    color: #828282;
    line-height: 20px;
}

    .c-hairdis-product .c-font-slim.c-font-13 {
        font-size: 13px;
    }

.c-hairdis-product .c-price {
    font-size: 17px;
}

.c-hairdis-product-detail .flex-product-prices .c-price-percentage {
    background-color: #c45858;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
}

.c-hairdis-product-detail .c-price-old,
.c-hairdis-product-detail .c-price-percentage,
.c-hairdis-product-detail .c-price {
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
}

.c-hairdis-product-detail .c-price-qty-label {
}

.c-hairdis-product .c-article-brand {
    font-weight: bold;
    font-size: 15px;
}

.c-hairdis-product .c-product-list-block {
    display: flex;
    flex-direction: column;
}

.c-hairdis-product .c-product-list-block-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px 0 5px;
}

.table-price {
    width: 100%;
}

    .table-price td {
        vertical-align: middle;
    }

.c-price-quantity .form-control.c-square {
    background-color: transparent;
    border: 2px solid #E0E0E0;
    height: 35px;
    padding: 7px 10px 8px 15px;
}

.hairdis-c-price-quantity-div .form-control.c-square {
    height: 35px;
    padding: 7px 10px 8px 15px;
}

.hairdis-icon-red {
    stroke: #EB5757 !important;
    fill: #EB5757 !important;
}

.c-hairdis-product-detail .c-price {
    font-size: 22px;
}

.table-basket > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #e0e0e0;
}

.table-basket > tbody > tr:last-child > td {
    border-bottom: none;
}

.table-basket > tbody > tr:not(:has(script)):last-of-type > td {
    border-bottom: none;
}

.c-hairdis-product .c-description {
    margin-bottom: 0px;
}

.c-hairdis-product img {
    width: 100%;
    background-color: white;
}

.c-hairdis-product .c-product-btn {
}

    .c-hairdis-product .c-product-btn svg {
        height: 40px;
        width: 40px;
        padding-top: 7px;
        padding-left: 6px;
    }

.c-btn-product.disabled {
    cursor: not-allowed;
}

.c-hairdis-product .c-product-btn svg.hairdis-basket-icon {
    padding-top: 6px;
    padding-left: 6px;
}

.c-category-block {
    margin: 10px;
    border-radius: 20px;
    text-align: center;
}

    .c-category-block .c-title {
        font-weight: bold;
        font-size: 17px;
        padding: 18px 10px 19px 10px
    }

.c-content-box.c-size-sm.c-bg-white.hidden-sm.hidden-md.hidden-lg {
    margin-top: 25px;
}

.c-theme-btn.btn {
    background-color: black;
    color: white !important;
    border: 2px solid black;
}


.c-basket-item-list .btn {
    height: 35px;
    padding: 4px 20px 4px 20px;
}

.c-margin-b-0 {
    margin-bottom: 0px;
}

.carousel-indicators li {
    background-color: #434343;
    border-color: #434343;
    opacity: 0.3;
    margin: 3px;
}

    .owl-carousel.c-theme .owl-dots .owl-dot.active,
    .carousel-indicators li.active {
        background-color: #434343;
        border-color: #434343;
        opacity: 1;
        margin: 3px;
    }

.c-theme-btn.btn:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid black;
    transition: none;
}

.hairdis-icon {
    height: 25px;
    width: 25px;
    position: relative;
}


.c-mobile-logo {
    height: 31px;
}

.c-hairdis-product .c-content-product-2 .c-btn-product {
    border-radius: 25px;
    border: 0.15em solid black;
    display: inline-block;
    height: 38px;
    width: 38px;
}

.c-shadow {
    box-shadow: 6px 13px 34px 1px rgb(0 0 0 / 7%);
}

.c-font-red {
    color: #D93A3A !important;
}

.owl-nav {
    display: none;
}

.menu-tag {
    overflow-x: auto;
    white-space: nowrap;
    margin: 2px 0 12px 0;
}

.menu-link-header-title {
    font-weight: bold;
    font-size: 18px;
}

.menu-tag-item {
    display: inline-block;
    margin: 0 3px;
}

    .menu-tag-item .badge {
        background-color: #F2F2F2;
        color: black;
        font-size: 14px;
        padding: 10px 18px 10px 18px;
        border-radius: 20px;
    }

.menu-tag a:first-child {
    margin-left: 8px;
}

.loadable-wrapper .spinner {
    display: none !important;
}

.brand-item-wrapper {
    padding-right: 20px;
}

    .brand-item-wrapper:nth-child(2n) {
        padding-right: 15px;
        padding-left: 20px;
    }

.brand-item {
    border-bottom: 1px solid #e0e0e0;
    margin-right: 0px;
    margin-left: 0px;
}

.brand-item-image {
    padding-left: 0;
}

.brand-item-category {
    height: 80px;
}

.brand-item-category-image {
    line-height: 77px;
}

.brand-item-link {
    padding-top: 32px;
    padding-right: 0;
}

.carousel-indicators {
    bottom: -55px;
}

.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn),
.menu-link-header-title.active,
.menu-link-header-title:active,
.menu-link-header-title:hover {
    color: #AC2724 !important;
}


.hairdis-icon-block {
    display: block;
    margin: 0 auto 40px auto;
    width: 50px;
    height: 50px;
}

.dropdown-menu > li > a,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
    padding: 2px 10px;
    color: black !important;
    font-weight: normal;
    font-size: 14px;
}


.dropdown-menu > li > a {
    font-weight: 400;
}

    .dropdown-menu > li > a.active,
    .dropdown-menu > li > a:active,
    .dropdown-menu > li > a:hover,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a.active, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:active, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a:hover {
        background-color: transparent;
        color: #ac2724 !important;
    }


.c-layout-header .c-quick-search input.form-control::-webkit-input-placeholder { /* Edge */
    color: black;
    font-size: 13px;
}

.c-layout-header .c-quick-search input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
    font-size: 13px;
}

.c-layout-header .c-quick-search input.form-control::placeholder {
    color: black;
    font-size: 13px;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
    padding: 0 18px;
}

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
        padding: 2px 2px;
    }

.all-brands {
    padding-top: 11px;
}


.brands-wrapper .brand-item-link {
    text-decoration: underline;
    font-weight: bold;
}

.c-layout-footer-6 {
    font-size: 13px;
    line-height: 24px;
}

    .c-layout-footer-6 .c-body .c-links > li {
        line-height: 24px;
    }

    .c-layout-footer-6 .c-body .c-links {
        width: 100%;
    }

.table > thead > tr > th {
    color: black;
    text-align: center;
    font-size: 16px;
}

.btn-basket-item-remove {
    float: none;
}

tr.c-hairdis-product {
    font-weight: bold;
}

    tr.c-hairdis-product .c-shadow {
        width: 150px;
        height: 150px;
        padding: 0;
    }

.c-hairdis-product .c-content-detail.c-padding-20,
.c-hairdis-product .c-content-overlay.c-padding-20 {
    padding: 0px;
}

.c-product-thumb-hairdis {
    border: 2px solid transparent;
    padding: 0px;
    margin-bottom: 3px;
}

tr.c-hairdis-product td.c-padding-20 {
    padding: 20px;
}

    tr.c-hairdis-product td.c-padding-20 img {
    }


#search-product-form .col-xs-1, #search-product-form .col-sm-1,
#search-product-form .col-md-1, #search-product-form .col-lg-1, #search-product-form .col-xs-2,
#search-product-form .col-sm-2, #search-product-form .col-md-2, #search-product-form .col-lg-2,
#search-product-form .col-xs-3, #search-product-form .col-sm-3, #search-product-form .col-md-3,
#search-product-form .col-lg-3, #search-product-form .col-xs-4, #search-product-form .col-sm-4,
#search-product-form .col-md-4, #search-product-form .col-lg-4, #search-product-form .col-xs-5,
#search-product-form .col-sm-5, #search-product-form .col-md-5, #search-product-form .col-lg-5,
#search-product-form .col-xs-6, #search-product-form .col-sm-6, #search-product-form .col-md-6,
#search-product-form .col-lg-6, #search-product-form .col-xs-7, #search-product-form .col-sm-7,
#search-product-form .col-md-7, #search-product-form .col-lg-7, #search-product-form .col-xs-8,
#search-product-form .col-sm-8, #search-product-form .col-md-8, #search-product-form .col-lg-8,
#search-product-form .col-xs-9, #search-product-form .col-sm-9, #search-product-form .col-md-9,
#search-product-form .col-lg-9, #search-product-form .col-xs-10, #search-product-form .col-sm-10,
#search-product-form .col-md-10, #search-product-form .col-lg-10, #search-product-form .col-xs-11,
#search-product-form .col-sm-11, #search-product-form .col-md-11, #search-product-form .col-lg-11, #search-product-form .col-xs-12,
#search-product-form .col-sm-12, #search-product-form .col-md-12, #search-product-form .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}


.c-layout-sidebar-menu .c-sidebar-menu > li > a,
.c-layout-sidebar-menu .c-sidebar-menu > li:hover > a, .c-layout-sidebar-menu .c-sidebar-menu > li.c-open > a {
    color: black;
    background-color: transparent;
    border-bottom: 1px solid #E0E0E0;
    font-weight: bold;
    font-size: 16px;
}

.c-layout-sidebar-menu .c-sidebar-menu li .c-dropdown-menu li {
    font-size: 15px;
    margin-bottom: 5px;
}

    .c-layout-sidebar-menu .c-sidebar-menu li .c-dropdown-menu li a {
        padding-top: 2px;
    }

    .c-layout-sidebar-menu .c-sidebar-menu li .c-dropdown-menu li > a {
        margin-bottom: 7px;
    }

.owl-carousel .owl-dots .owl-dot,
.carousel-indicators li.active,
.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
}

.btn.btn-sm.btn-ana-filter:hover {
    color: black !important;
    font-weight: bold;
}

.c-checkbox label > .check {
    background-image: url(/Content/theme/img/hairdis/checked.png);
    height: 20px;
    width: 20px;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0px;
    top: 1px;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
}

.c-layout-sidebar-menu .c-sidebar-menu li.c-dropdown > a .c-arrow {
    font-size: 22px;
    color: black;
}

.btn.btn-sm.btn-ana-filter {
    border: none;
    font-weight: normal;
    background-color: #F2F2F2;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 13px;
}

.c-layout-sidebar-menu .c-sidebar-menu li .c-dropdown-menu li > div {
    margin-left: 0px;
}

.c-checkbox label > .box {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

.checkbox label, .radio label, .c-checkbox label, .c-radio label {
    color: black;
    font-weight: normal !important;
    font-size: 15px;
    padding-left: 40px;
    padding-top: 2px;
}

.c-layout-sidebar-menu .c-sidebar-menu li .c-dropdown-menu li {
    margin-top: 2px;
    margin-bottom: 2px;
}

.c-layout-sidebar-menu .c-sidebar-menu {
    border: none;
}

    .c-layout-sidebar-menu .c-sidebar-menu > li > a,
    .c-layout-sidebar-menu .c-sidebar-menu > li:hover > a,
    .c-layout-sidebar-menu .c-sidebar-menu > li.c-open > a {
        padding-left: 0px;
        margin-right: 40px;
    }

.c-layout-sidebar-menu .c-sidebar-menu-toggler .c-content-toggler {
    background-color: white;
    border-radius: 20px;
    border: 1px solid black;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
}


.owl-stage .owl-item.active:first-child {
    padding-left: 30px !important;
}

.owl-stage .owl-item.active:last-child {
    padding-right: 30px !important;
}

.owl-carousel.owl-small-space.owl-number-items-3:not(.owl-single):not(.owl-bordered) .owl-item.active:first-child,
.owl-carousel.owl-small-space.owl-number-items-2:not(.owl-single):not(.owl-bordered) .owl-item.active:first-child {
    padding-left: 0px !important;
}

.owl-carousel.owl-small-space.owl-number-items-3:not(.owl-single):not(.owl-bordered) .owl-item.active:last-child,
.owl-carousel.owl-small-space.owl-number-items-2:not(.owl-single):not(.owl-bordered) .owl-item.active:last-child {
    padding-right: 0px !important;
}


.c-radio label > .box {
    border-width: 1px;
}

.c-radio label > .box {
    border-color: #000;
    transition: none;
    animation: none;
}

.c-radio label > .check {
    transition: none;
    animation: none;
    background-color: #000;
    border-color: #000;
}

.c-sidebar-menu {
    margin-bottom: 0px;
}

.c-content-title-1 h1 svg {
    display: none;
}

.form-control.c-square {
    border-radius: 30px !important;
    background-color: #F2F2F2;
    border: none;
    padding: 8px 20px 8px 20px;
    height: 45px;
}

.c-shop-login-register-1 .c-panel {
    border: none;
}

.c-hairdis-product .c-product-img {
    width: 100%;
    display: block;
    margin: 0 auto;
}


.c-product-short-desc span {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.c-product-gallery-thumbnail {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 40px;
    z-index: 10;
    left: 30px;
}


.c-hairdis-product-detail .c-font-slim {
    font-size: 13px;
}

.c-product-gallery-thumbnail .active {
    border: 2px solid #000000;
}

.c-product-short-desc span:first-child {
    padding-left: 0px;
}

.c-product-short-desc span.separator {
    color: #E0E0E0;
}

.breadcrumb-list {
    font-size: 13px;
}

#product-detail-tab {
    overflow-x: auto;
    white-space: nowrap;
    margin: 35px 0 12px 0;
    max-width: 100%;
    overflow-y: hidden;
}


.c-hairdis-product-detail .c-price-qty-label {
    text-align: right;
    padding-right: 10px;
}

    .c-hairdis-product-detail .c-price-qty-label.c-in-stock-label {
        text-align: center;
        padding-right: 0;
    }

.c-hairdis-btn-white-icon,
.c-hairdis-btn-black-icon {
    margin-right: 10px;
}

.c-hairdis-btn-grey-icon,
.c-hairdis-btn-black-icon,
.c-hairdis-btn-white-icon {
    border-radius: 40px;
    color: #000000;
    background: none;
    border: 2px solid #000000;
    padding: 0px 25px 10px 25px;
    display: inline-block;
}

#btnDiscountCodeCheck {
    padding: 0px 20px 6px 25px;
}

.c-hairdis-btn-white-icon:hover {
    color: white;
    background: #000000;
    border: 2px solid #000000;
}

.c-shop-login-register-1 .c-panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.c-hairdis-btn-white-icon:hover svg {
    fill: white;
    stroke: white;
}


.c-hairdis-btn-black-icon:hover {
    color: black;
    background: white;
    border: 2px solid #000000;
}

.c-cart-menu-items .c-hairdis-product .c-content-overlay.c-padding-20 {
    padding: 0;
}

.c-cart-menu-items .c-hairdis-product .c-product-best,
.c-cart-menu-items .c-hairdis-product .c-product-outlet,
.c-cart-menu-items .c-hairdis-product .c-product-new {
    padding-top: 13px;
}

.c-cart-menu-items .c-hairdis-product .c-promo {
    top: 18px;
}

.basket-btn-wrapper {
    margin-top: 25px;
}

button.pop-up-basket-variant-btn.c-hairdis-btn-black-icon,
button.add-to-basket-btn.c-hairdis-btn-black-icon {
    position: relative;
    z-index: 1;
}

.add-to-basket-quick-btn.c-hairdis-btn-grey-icon {
    padding-left: 50px;
    position: relative;
    left: -50px;
    z-index: 0;
}

.c-hairdis-btn-black-icon:hover svg.hairdis-icon {
    fill: black !important;
    stroke: black !important;
}

.c-hairdis-btn-white-icon.only-icon {
}

#basket-form-list-wrapper-overlay-related .modal-title,
#basket-form-list-wrapper-overlay-related .modal-body {
    padding: 15px;
}

.modal-header {
    border-bottom: none;
    box-shadow: none;
    border-radius: 0;
}

    .modal-header .close {
        color: white;
        opacity: 1;
    }

    .modal-header h2 {
        color: white;
        margin: 0px;
    }

#variant-search-input {
    margin-top: 15px;
    padding-right: 50px;
    text-align: left;
    background-image: url(/Content/theme/img/hairdis/search.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position-y: 10px;
    background-position-x: 13px;
    padding-left: 40px;
    border-color: transparent;
    border-radius: 20px;
    color: black;
    font-size: 13px;
    height: 38px;
    border-radius: 20px;
    box-shadow: none;
    opacity: 1;
    max-width: 330px;
    background: url("/Content/theme/img/hairdis/search.svg") 13px 10px / 19px no-repeat scroll padding-box border-box rgb(242, 242, 242);
}

.modal-header {
    background-color: black;
    color: white !important;
}

#basket-form-list-wrapper-overlay-related .modal-title,
#basket-form-list-wrapper-overlay-related .modal-body,
#basket-form-list-wrapper-overlay-related .modal-content {
    padding-top: 0px;
}

#basket-form-list-wrapper-overlay-related button.close {
    z-index: 2;
}

#basket-form-list-wrapper-overlay-related .modal-title {
    padding-bottom: 0px;
}

.hairdis-btn-wrapper-modal {
}

    .hairdis-btn-wrapper-modal a {
        width: 100%;
        max-width: 250px;
        margin-bottom: 5px;
        margin-right: 0px;
        text-align: center;
    }


.c-hairdis-btn-grey-icon svg,
.c-hairdis-btn-black-icon svg,
.c-hairdis-btn-white-icon svg {
    top: 10px;
    left: 2px;
}


.c-hairdis-btn-grey-icon.add-to-basket-quick-btn svg {
    top: 5px;
}

.c-hairdis-btn-black-icon {
    color: white;
    background-color: black;
    border: 2px solid #000000;
    font-weight: bold;
}

.c-shop-login-register-1 .professional-wrapper hr {
    margin-top: 20px;
}

.c-hairdis-btn-grey-icon {
    color: black;
    background-color: #F2F2F2;
    border: 2px solid #F2F2F2;
    font-weight: bold;
}

.form-group {
    margin-bottom: 30px;
}

.c-hairdis-btn-black-icon .hairdis-icon {
    stroke: white !important;
    fill: white !important;
}

.c-content-title-1 > h3 {
    margin-bottom: 15px;
}

.c-shop-login-register-1 {
    margin-bottom: 25px;
}

    .c-shop-login-register-1 .btn.btn-auto,
    .panel-body .btn.btn-auto,
    .c-shop-login-register-1 .tab-pane .btn.btn-auto {
        height: inherit;
    }

.affix-bottom .c-product-gallery-thumbnail,
.affix .c-product-gallery-thumbnail {
    top: 20px;
    left: 15px;
}

.c-font-13 {
    font-size: 13px;
}

.keep-me-update-basket-btn {
    padding-top: 11px;
    padding-bottom: 10px;
}

.c-padding-v-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.c-hairdis-lg {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .c-hairdis-lg.c-hairdis-xs-full {
        width: auto;
    }

tr.c-hairdis-product td.c-padding-20.c-hairdis-image-td {
    width: 170px;
    padding-left: 0px;
    padding-right: 0px;
}

.variant-table-wrapper {
    max-height: 400px;
    overflow-y: auto;
}

.input-group-btn {
    padding-left: 10px;
}

.related-basket-pop-up {
    padding-left: 21px;
}

.c-hairdis-btn-black-icon.c-hairdis-lg {
    padding-top: 0px;
}

.language-selector {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 45px;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 5px;
}

.language-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 100%;
}

.language-option {
    white-space: nowrap;
    text-align: center;
}

    .language-option:hover {
        background-color: #f0f0f0;
    }

    .language-option a {
        padding: 10px;
        width: 100%;
        display: block;
    }

.language-selector:hover .language-options {
    display: block;
}

#see-basket-btn.cart-not-empty {
    background-color: black;
    color: white !important;
}

    #see-basket-btn.cart-not-empty svg,
    #see-basket-btn.cart-not-empty span {
        stroke: white;
    }

.stock-status-pellet {
    display: flex;
    align-items: center;
}

.storeDiv .stock-status-pellet .green-pellet,
.storeDiv .stock-status-pellet .orange-pellet,
.storeDiv .stock-status-pellet .red-pellet {
    margin-right: 10px;
}

.green-pellet {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    background-color: #4CAF50;
    border-radius: 50%;
}

.red-pellet {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    background-color: red;
    border-radius: 50%;
}

.orange-pellet {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    background-color: orange;
    border-radius: 50%;
}

.c-product-wishlist-top-right {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 40px;
    z-index: 10;
    right: 10px;
}

    .c-product-wishlist-top-right.closer-to-edges {
        top: 30px;
        right: 0px;
    }

.flex-product-prices {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
}

.underline-bold {
    text-decoration: underline;
    font-weight: bold;
}

#BasketSaveWrapper .block-header h6 {
    font-size: 18px;
    margin-bottom: 10px;
}

#BasketSaveWrapper #BasketSaveLoadId,
#BasketSaveWrapper #BasketSaveName {
    margin-bottom: 15px;
}

/*******
 DESKTOP
********/
@media (min-width: 1200px) {
    .current-language {
        background-color: #f0f0f0;
    }

    .c-hairdis-product {
        max-width: 280px !important;
    }

    .c-hairdis-product-detail {
        max-width: 100% !important;
    }

    .container {
        width: 1230px;
    }
}

@media (min-width: 992px) {
    .c-shop-form-1 .delivery-info,
    .basket-page .delivery-info {
        padding-top: 30px;
        width: 100%;
    }

    .c-shop-form-1 .delivery-icon,
    .summary-card .delivery-icon {
        margin-right: 10px;
        top: -7px;
        position: relative;
    }

    .c-shop-form-1 .delivery-text,
    .summary-card .delivery-text {
        width: 80%;
        font-size: 13px;
        text-align: left;
    }

    .c-shop-form-1 .delivery-icon {
        margin-right: 0px;
    }

        .c-shop-form-1 .delivery-icon .hairdis-icon {
            top: 13px;
            left: -27px;
        }

    .c-shop-form-1 .summary-card .delivery-icon {
        margin-right: 10px;
    }

        .c-shop-form-1 .summary-card .delivery-icon .hairdis-icon {
            top: 8px;
            left: 0;
        }

    .c-shop-login-register-1 .btn.btn-auto,
    .panel-body .btn.btn-auto,
    .c-shop-login-register-1 .tab-pane .btn.btn-auto {
        width: auto;
    }

    .c-hairdis-product {
        max-width: 220px;
    }

    .c-hairdis-product-detail {
        max-width: 100%;
    }

        .c-hairdis-product-detail .c-logo-image-product {
            max-width: 20%;
        }

    #search-product-form {
        margin-right: -30px;
    }


    .c-layout-sidebar-content {
        padding: 30px 30px 30px 30px;
    }

    .c-padding-h-100 {
        padding: 0 100px;
    }


    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:first-child,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:first-child > a {
        padding-left: 0px;
    }

    .owl-nav {
        display: block;
    }

    .c-topbar {
        display: block;
    }

    .c-layout-header .c-brand {
        margin: 35px 0 35px 0;
    }

        .c-layout-header .c-brand a img {
            height: 40px;
        }

    .c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
        margin-top: 200px;
    }

    .c-layout-header .c-quick-search {
        width: 235px;
        float: left;
        display: block;
        margin-top: 37px;
        margin-left: 40px;
    }

        .c-layout-header .c-quick-search input.form-control {
            border: none;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            height: 38px;
            background-color: #f2f2f2;
            padding-left: 20px;
            color: black;
            font-size: 13px;
        }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
        padding-bottom: 20px;
    }

        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .dropdown-menu {
            line-height: inherit;
            position: fixed;
            top: 0;
            width: 100%;
            margin-top: 198px;
            -webkit-box-shadow: 0px 3px 18px -5px rgb(0 0 0 / 50%);
            box-shadow: 0px 3px 18px -12px rgb(0 0 0 / 50%);
        }

            .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .dropdown-menu .row {
                margin-top: 40px;
                margin-bottom: 40px;
                height: 100%;
            }

    .c-layout-header .c-quick-search .c-theme-link {
        display: none;
    }

    .c-padding-r-40 {
        padding-right: 40px !important;
    }

    .c-padding-l-40 {
        padding-left: 40px !important;
    }

    #header-search-input {
        top: 0px;
        padding-right: 50px;
        text-align: left;
        background-image: url(/Content/theme/img/hairdis/search.svg);
        background-repeat: no-repeat;
        background-size: 19px;
        background-position-y: 10px;
        background-position-x: 13px;
        padding-left: 40px;
    }

    .c-rounded .c-bg-img-center {
        border-radius: 20px 0 0 20px;
    }

    .owl-carousel.owl-small-space.owl-number-items-1:not(.owl-single):not(.owl-bordered) {
        margin-left: 20px;
    }

    .owl-carousel.owl-small-space.owl-number-items-3:not(.owl-single):not(.owl-bordered),
    .owl-carousel.owl-small-space.owl-number-items-2:not(.owl-single):not(.owl-bordered) {
        margin-left: 11px;
    }

    .sticked-image {
        position: -webkit-sticky;
        position: sticky;
        top: 200px;
    }

    #map_canvas {
        margin-right: -15px;
    }

        #map_canvas.no-margin {
            margin-right: 0px;
        }

    #scrollspy-nav {
        margin-left: -30px;
    }

    .side-cart {
        height: 100%;
        top: 0;
        right: 0;
    }

        .side-cart.open {
            width: 500px;
        }

    .our-stores-info-store {
        background: none !important;
    }
}

/******
 MOBILE
*******/

@media (max-width: 991px) {
    .language-selector .current-language span {
        margin-left: 5px;
    }

    #see-basket-btn:not(.cart-not-empty) {
        border: none;
    }

    .scrollspy-nav-mag.affix {
        z-index: 1000;
        left: 0px;
        top: 73px !important;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: white;
    }

    .container-xs {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 25px;
    }

    .c-rounded .c-bg-img-center {
        border-radius: 20px 20px 0 0;
        max-height: 150px;
    }

    .margin-sm-15 {
        margin-bottom: 30px;
    }

    .c-hairdis-product-detail .c-price-old,
    .c-hairdis-product-detail .c-price-percentage,
    .c-hairdis-product-detail .c-qty-label,
    .c-hairdis-product-detail .c-price {
        font-size: 14px;
    }

    .c-hairdis-product-detail .c-padding-h-30 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .c-hairdis-product {
        max-width: 355px;
    }

    .c-hairdis-product-detail {
        max-width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-page {
        margin-top: 80px;
    }

    .hairdis-home.c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-page {
        margin-top: 80px;
    }

    ul.hairdis-login-menu {
        margin-top: 17px;
        margin-right: 10px;
        padding-left: 0px;
    }

    .c-shop-login-register-1 .c-panel-body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    ul.hairdis-login-menu > li {
        padding-bottom: 10px;
    }

    .c-layout-header-fullscreen.c-layout-header-mobile-fixed.c-layout-header-static .c-layout-header, .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header {
        height: 80px;
    }

    .c-layout-header .hairdis-login-menu li.dropdown:hover > .dropdown-menu {
        left: -150px;
    }

    ul.hairdis-login-menu > li > a {
        padding-left: 0;
        padding-right: 0px;
    }

    .c-shop-product-details-2 .c-product-meta {
        margin-top: 0px;
    }

    ul.hairdis-login-menu > li > a {
        width: 40px;
        height: 40px;
    }

    ul.hairdis-login-menu .hairdis-icon {
        width: 40px;
        height: 40px;
    }

    ul.hairdis-login-menu > li > .c-btn-icon {
        width: 40px;
    }

    .c-layout-header-fullscreen.c-layout-header-mobile-fixed.c-layout-header-static .c-layout-header.c-mega-menu-shown .c-mega-menu, .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-mega-menu-shown .c-mega-menu {
        position: relative;
        top: -6px;
        background-color: white;
    }

    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
        border-top: 1px solid #E0E0E0;
        padding: 16px 15px 14px 15px;
        font-size: 16px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
        padding: 9px 2px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
        padding: 0 22px;
    }

        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu.c-menu-type-inline > li > a {
            padding: 7px 5px 0px 25px;
        }


    .menu-link-header-title,
    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > li > .c-link {
        font-size: 15px;
        font-weight: normal;
        margin-top: 27px;
        margin-bottom: 17px;
        display: block;
    }

    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > li > li .c-link {
        font-size: 14px;
    }

    .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.active > .c-link, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-link, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-link, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-link, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link.active, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:active {
        border-bottom: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
        padding-top: 0px;
        padding-bottom: 25px;
    }

        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu {
            display: none;
        }

        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .c-open .dropdown-menu {
            display: block;
        }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a > .c-arrow,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle > .c-arrow {
        background-image: url(/Content/theme/img/hairdis/arrow-left.svg);
        background-repeat: no-repeat;
        height: 17px;
        transform: rotate(270deg);
        background-position: 2px;
    }


    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open.dropdown-submenu > a > .c-arrow,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-open > a.dropdown-toggle > .c-arrow,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-open.dropdown-submenu > a > .c-arrow,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-open > a.dropdown-toggle > .c-arrow {
        transform: rotate(90deg);
        background-position: 10px;
    }


    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li li a.dropdown-toggle > .c-arrow {
        position: absolute;
        top: -12px;
    }


    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a > .c-arrow, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle > .c-arrow:before {
        content: none !important;
    }

    .c-layout-header-fullscreen.c-layout-header-mobile-fixed.c-layout-header-static .c-layout-header.c-mega-menu-shown .c-mega-menu, .c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-mega-menu-shown .c-mega-menu {
        box-shadow: 0 4px 2px -2px rgb(0 0 0 / 15%);
    }

    .owl-theme:not(.owl-single):not(.owl-bordered) .owl-wrapper .owl-item, .owl-theme:not(.owl-single):not(.owl-bordered) .owl-stage-outer .owl-item {
        padding: 0px 5px;
    }

    .c-content-feature-16 .c-feature-16-container {
        padding: 40px 30px;
    }

    .brand-item-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .brands-wrapper h3 {
        font-size: 15px;
    }

    .brands-wrapper .all-brands {
        font-size: 15px;
        text-decoration: underline;
    }

    .brands-wrapper .brand-item-link {
        text-decoration: underline;
        font-weight: normal;
    }

    .brand-item-wrapper:nth-child(4) .brand-item {
        border-bottom: none;
    }

    .main-header .hairdis-login-menu-list-item {
        display: none;
    }

    #header-menu.c-mega-menu.c-shown .hairdis-login-menu-list-item {
        display: inline-block;
    }

    #header-menu ul.hairdis-login-menu {
        margin-top: 0px;
    }


    .c-layout-header .c-quick-search {
        width: 100%;
        position: fixed;
        margin-bottom: 50px;
        top: 0;
        background-color: white;
        z-index: 500001 !important;
        height: 100%;
    }

    .twitter-typeahead .tt-dataset {
        border: none;
    }

    .c-quick-search.c-shown {
        display: block;
    }


    #header-search-input {
        top: 0px;
        padding-right: 50px;
        text-align: left;
        padding-left: 30px;
    }

    .tt-hint {
        display: none;
    }

    .tt-menu {
        position: relative !important;
        top: -35px !important;
        z-index: 500002 !important;
        display: block !important;
    }

    #header-search-input {
        height: 65px;
        padding: 10px;
        padding-right: 50px;
        border: none;
        background-image: url(/Content/theme/img/hairdis/search.svg);
        background-repeat: no-repeat;
        background-size: 19px;
        background-position-y: 24px;
        background-position-x: 13px;
        padding-left: 40px;
    }

    .c-layout-header .c-quick-search > span {
        top: 22px;
    }

    ul.language-switcher.hairdis-top-menu {
        padding-top: 8px;
        padding-left: 20px;
    }

        ul.language-switcher.hairdis-top-menu li a {
            padding: 13px 10px 5px 10px;
            height: 25px;
        }

            ul.language-switcher.hairdis-top-menu li a.active {
                background-color: black;
                border-radius: 20px;
                color: white !important;
                text-decoration: none;
            }

    .carousel-indicators {
        bottom: -50px;
        z-index: 100;
    }

    .carousel-control {
        display: none;
    }

    .c-layout-page,
    body {
        overflow-x: hidden;
    }

    #search-product-form .col-xs-6 {
        padding-left: 10px;
        padding-right: 5px;
    }

    #search-product-form .product-list .col-xs-6.second {
        padding-left: 5px;
        padding-right: 10px;
    }

    .c-hairdis-product .c-title {
        font-size: 14px;
    }

    .c-hairdis-product .c-font-slim,
    .c-font-slim {
        font-size: 11px;
    }

    .c-layout-sidebar-menu .c-sidebar-menu > li > a, .c-layout-sidebar-menu .c-sidebar-menu > li:hover > a, .c-layout-sidebar-menu .c-sidebar-menu > li.c-open > a {
        margin-right: 0px;
    }

    .c-layout-sidebar-menu .c-sidebar-menu li.c-dropdown > a .c-arrow {
        right: -4px;
    }

    .c-layout-sidebar-menu .c-sidebar-menu-toggler .c-content-toggler {
        float: none;
    }

    .c-layout-sidebar-menu .c-sidebar-menu-toggler {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .c-layout-sidebar-content .c-content-title-1 {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .c-layout-sidebar-menu .c-sidebar-menu > li > a, .c-layout-sidebar-menu .c-sidebar-menu > li:hover > a, .c-layout-sidebar-menu .c-sidebar-menu > li.c-open > a {
        font-weight: normal;
    }

    .c-feature-16-container .btn {
        width: 100%;
    }

    .c-hairdis-product-detail .delivery-icon .hairdis-icon {
        top: 8px;
        left: 15px;
    }

    .c-product-short-desc span {
        padding-left: 5px;
        padding-right: 0px;
    }


    .delivery-icon .hairdis-icon {
        margin-bottom: 20px;
    }

    .c-hairdis-product-detail .delivery-icon .hairdis-icon {
        margin-bottom: 0px;
    }


    .c-cart-table-title h3.c-font-bold {
        color: black;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    .c-cart-subtotal-border {
        padding-left: 37px;
    }

        .c-cart-subtotal-border .c-font-16,
        .c-cart-subtotal-border .c-font-uppercase {
            font-size: 14px !important;
            color: black !important;
            text-align: left !important;
        }

    .nav-hairdis-wrapper-long ul.nav-hairdis {
        height: auto;
        background-color: transparent;
    }

    .nav-hairdis-wrapper-long .nav-hairdis li {
        width: 100%;
        display: block;
    }

        .nav-hairdis-wrapper-long .nav-hairdis li a {
            background-color: #F2F2F2;
            border-radius: 40px;
            display: block;
            width: 100%;
        }


        .nav-hairdis-wrapper-long .nav-hairdis li.active a {
            background-color: #000000;
            border-radius: 40px;
            display: block;
            width: 100%;
        }

    .fa.pull-right {
        margin-left: .3em;
        position: absolute;
        right: 5px;
        top: 19px;
    }

    .faq .panel-heading h4 a {
        padding-right: 20px;
        position: relative;
    }

    .faq h2 {
        margin-top: 50px !important;
        margin-bottom: 15px;
    }

    .faq .panel.panel-active {
        border-radius: 0px;
    }

    div#accordion-faq {
        padding-left: 0px;
        padding-right: 0px;
    }

    .basket-page tr.c-hairdis-product .c-shadow,
    tr.c-hairdis-product .responsive-basket-picture .c-shadow {
        width: 120px;
        height: 120px;
    }

    .basket-page tr.c-hairdis-product td.c-padding-20.c-hairdis-image-td {
        width: 130px;
    }


    .table-basket > tbody > tr > td {
        padding-top: 25px;
    }

    .c-shop-form-1 .c-padding-l-25 {
        padding-left: 0px;
    }

    .c-hairdis-lg.c-hairdis-xs-full {
        width: 100%;
    }

    .pop-up-basket-variant-btn.c-hairdis-btn-black-icon,
    .add-to-basket-btn.c-hairdis-btn-black-icon {
        width: 100%;
        margin-top: 10px;
    }

    .add-to-basket-quick-btn.c-hairdis-btn-grey-icon {
        position: inherit;
        padding-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    .basket-btn-wrapper {
        text-align: center;
    }

        .basket-btn-wrapper .c-hairdis-btn-white-icon.only-icon {
            width: 100%;
        }

    .mobile-wrapper-delivery {
        margin-left: -15px;
        margin-right: -15px;
        background-color: #F2F2F2;
        padding-top: 1px;
        padding-bottom: 20px;
        margin-top: 30px;
    }

        .mobile-wrapper-delivery .delivery-icon {
            margin-right: 30px;
            vertical-align: super;
        }

    .mobile-wrapper-image {
        margin-left: -15px;
        margin-right: -15px;
    }

        .mobile-wrapper-image .c-hairdis-product-detail .c-content-detail {
            margin-top: 0px;
            border-radius: 0;
        }

        .mobile-wrapper-image .c-product-gallery-thumbnail {
            top: 18px;
        }

        .mobile-wrapper-image .c-hairdis-product-detail .c-product-img {
            width: 70%;
        }

    .c-hairdis-product-detail .delivery-info {
        padding-bottom: 7px;
    }

    .half-border {
        min-width: inherit;
    }

    .table-variant tr td {
        font-size: 13px !important;
        text-align: left;
    }

    .table-variant td.c-price-quantity {
        width: 70px;
    }

    .half-border:after {
        background-color: transparent;
    }

    .c-hairdis-product-detail .delivery-text {
        width: 75%;
    }

    .keep-me-update-basket-btn {
        margin-top: 10px;
    }

    .c-hairdis-product-detail .c-price-qty-label {
        text-align: center;
    }

    #basket-form-list-wrapper-overlay .modal-lg,
    #basket-form-list-wrapper-overlay .modal-body,
    #basket-form-list-wrapper-overlay .c-padding-30 {
        padding: 0px;
        margin: 0px;
    }

    #basket-form-list-wrapper-overlay .table-variant tr td {
        text-align: center;
    }


    .c-hairdis-product-detail .c-price {
        text-align: center;
    }

    .modal-dialog {
        margin: 0px;
        border: none;
    }

        .modal-dialog .modal-content {
            border: none;
        }

    .basket-btn-wrapper {
        margin-top: 12px;
    }

    .basket-form .c-hairdis-btn-grey-icon {
        width: 100%;
        text-align: center;
    }

    .hairdis-btn-wrapper-modal {
        margin-top: 15px;
    }


        .hairdis-btn-wrapper-modal .c-hairdis-btn-black-icon,
        .hairdis-btn-wrapper-modal .c-hairdis-btn-white {
            width: 100%;
            max-width: inherit;
        }

    #basket-form-list-wrapper-overlay #basket-form-list-content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .owl-carousel.owl-small-space.owl-number-items-1:not(.owl-single):not(.owl-bordered) .c-hairdis-product {
        margin: 0 15px;
    }

    .td-block-left {
        display: block;
        text-align: left !important;
        font-size: 18px !important;
        margin-bottom: 10px;
    }

        .td-block-left:first-child, .td-block-left:nth-child(2), .td-block-left:nth-child(3), .td-block-left:nth-child(4), .td-block-left:nth-child(5) {
            float: left;
            margin-right: 10px;
        }

        .td-block-left.td-block-left:nth-child(4), .td-block-left:nth-child(5) {
            clear: left;
        }

    .side-cart-content .c-hairdis-product .c-product-studio,
    .side-cart-content .c-hairdis-product .c-product-best,
    .side-cart-content .c-hairdis-product .c-product-outlet,
    .side-cart-content .c-hairdis-product .c-product-new {
        font-size: 10px;
    }

    .side-cart {
        height: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        border-radius: 15px;
    }

        .side-cart.open {
            height: 93%;
            width: 93%;
        }

    .check-stock-btn {
        text-align: center;
    }

    .hairdis-icon.hairdis-icon-mobile {
        height: 20px;
        width: 20px;
    }

    .align-right-on-mobile {
        text-align: right;
    }

    .our-stores-info-store {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .our-stores-info-store .veil {
            background-color: rgba(255, 255, 255, 0.7);
        }
}

/****************
  PRODUCT DETAIL
*****************/

.hairdis-basket-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
}

.hairdis-c-price-quantity-div {
    display: flex;
    align-items: center;
    width: auto;
}

.input-group {
    display: flex;
    align-items: center;
    width: auto;
}

.cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hairdis-c-price-quantity-div select {
    width: 90px;
}

@media (max-width: 768px) {
    .hairdis-basket-btn-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .hairdis-c-price-quantity-button {
        width: 100%;
    }

    .hairdis-c-price-quantity-div select {
        width: 100%;
    }
}

/*************
   SIDE CART
**************/

/* Overlay sombre */
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10099;
}

/* Panneau latéral pour bureau */
.side-cart {
    width: 0;
    position: fixed;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 10100;
    box-shadow: -2px 0 5px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.side-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background-color: #000;
    color: #fff;
}

.side-cart-footer {
    padding: 20px;
    background-color: #f8f8f8;
}

.close-lateral-panel {
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
}

    .close-lateral-panel:hover {
        color: white !important;
        text-decoration: none;
    }

.cart-summary p {
    margin: 5px 0;
}

.side-cart {
    line-height: 18px;
}

    .side-cart .hairdis-icon {
        padding-top: 0px !important;
        height: 25px !important;
        width: 25px !important;
    }

    .side-cart .cart-detail-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-weight: normal;
    }

        .side-cart .cart-detail-row > span {
            font-size: 15px;
        }

        .side-cart .cart-detail-row.total > span {
            font-weight: bold;
            font-size: 18px;
        }

    .side-cart .cart-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }

        .side-cart .cart-buttons .modify-cart {
            text-decoration: underline;
            padding-top: 10px;
        }

.side-cart-menu .side-cart-menu-items {
    padding-inline-start: 0;
}

    .side-cart-menu .side-cart-menu-items > li .c-hairdis-product {
        max-width: 100%;
        margin-top: 0px;
    }

    .side-cart-menu .side-cart-menu-items > li {
        margin-bottom: 0;
        font-size: 14px;
    }

.side-cart-menu-content {
    line-height: initial;
}

.side-cart-menu-items .c-hairdis-product .c-content-overlay.c-padding-20 {
    padding: 0;
}

.side-cart-menu > ul {
    list-style-type: none;
}

.side-cart-content {
    padding: 12px 20px;
    overflow-y: auto;
    flex: 1;
}

/**********
  CHECKOUT
***********/

.summary-card {
    background-color: #F2F2F2;
    padding: 20px;
    border-radius: 10px;
}

.summary-card-separator {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.summary-card .delivery-info {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}

.table-basket.table .c-item-total-price {
    font-size: 18px;
}

.nld-product {
    display: flex;
    align-items: center;
}

.nld-product-image {
    margin-right: 10px;
}

.nld-product-details {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .nld-product {
        display: block;
    }

    .nld-product-image {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

    .nld-product-details {
        display: inline-block;
        vertical-align: top;
    }

        .nld-product-details > .title {
            display: inline-block;
        }

        .nld-product-details > .brand,
        .nld-product-details > .quantity,
        .nld-product-details > .price,
        .nld-product-details > .remove {
            display: block;
            margin-top: 5px;
        }
}

.checkout-foldable-section {
    padding-bottom: 15px;
}

    .checkout-foldable-section:last-child {
        border-bottom: none;
    }

    .checkout-foldable-section .section-title {
        margin: 0;
        padding: 15px;
        background: #f8f8f8;
        border-radius: 10px;
        cursor: pointer;
        line-height: 30px;
    }

        .checkout-foldable-section .section-title .section-title-left {
            font-size: 20px;
        }

        .checkout-foldable-section .section-title .section-title-right {
            float: right;
            color: darkgrey;
        }

    .checkout-foldable-section.forbidden > .section-title {
        cursor: not-allowed;
    }

    .checkout-foldable-section .checkout-foldable-content {
        max-height: 0;
        overflow-x: hidden;
    }

        .checkout-foldable-section .checkout-foldable-content.open {
            max-height: fit-content;
            margin-top: 10px;
        }

@media (max-width: 768px) {
    .checkout-foldable-section .checkout-foldable-content.open {
        max-height: fit-content;
    }
}

.address-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.address-card {
    border: 2px solid #ddd;
    padding: 20px;
    cursor: pointer;
    border-radius: 10px;
}

    .address-card.with-actions {
        padding-bottom: 40px;
    }

    .address-card.no-pointer {
        cursor: default;
    }

    .address-card.selected {
        border-color: #000;
        font-weight: bold;
    }

    .address-card .address-type {
        font-size: 1.2em;
        margin-bottom: 10px;
    }

    .address-card .address-details {
        margin-bottom: 10px;
    }

    .address-card .address-actions {
        position: absolute;
        bottom: 20px;
    }

.address-type:not(.address-card .address-type) {
    margin-bottom: 10px;
}

.svg-checkout-tab {
    margin-right: 5px;
    vertical-align: middle;
}

li:not(.active) .svg-checkout-tab {
    fill: black;
}

li.active .svg-checkout-tab {
    fill: white;
}

@media (max-width: 767px) {
    .checkout-foldable-section .checkout-mobile-dropdown {
        display: block;
    }

    .checkout-foldable-section .checkout-dropdown-menu {
        display: none;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        list-style: none;
        padding: 0;
        margin: 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 0;
    }

        .checkout-foldable-section .checkout-dropdown-menu.show {
            display: block;
        }

        .checkout-foldable-section .checkout-dropdown-menu a {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            text-decoration: none;
            color: #000;
            transition: background-color 0.3s;
        }

        .checkout-foldable-section .checkout-dropdown-menu li {
            border-bottom: 1px solid #ddd;
        }

            .checkout-foldable-section .checkout-dropdown-menu li:last-child {
                border-bottom: none;
            }
}

.c-radio.payment-method-radio {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    border: 2px solid #e1e1e1;
}

    .c-radio.payment-method-radio input[type="radio"] {
        margin-right: 10px;
    }

    .c-radio.payment-method-radio label {
        flex-grow: 1;
        margin-right: 10px;
    }

        .c-radio.payment-method-radio label span.inc {
            top: 13px;
            left: 11px;
        }

        .c-radio.payment-method-radio label span.check {
            top: 28px;
            left: 25px;
        }

        .c-radio.payment-method-radio label span.box {
            top: 23px;
            left: 20px;
        }

    .c-radio.payment-method-radio img {
        width: 40px;
        height: auto;
    }

/****************************************
  RESPONSIVE DESIGN FOR MOBILE CHECKOUT
****************************************/

table.responsive-basket {
    width: 100% !important;
    border-collapse: collapse !important;
}

td.responsive-basket {
    border: 1px solid #000 !important;
    text-align: center !important;
    padding: 10px !important;
}

@media (max-width: 600px) {
    table.responsive-basket {
        display: block !important;
    }

    tr.responsive-basket {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    td.responsive-basket {
        width: calc(33.33% - 10px) !important;
        margin: 5px !important;
        flex-grow: 1 !important;
        box-sizing: border-box !important;
    }

    .table-basket > tbody > tr > td.responsive-basket-picture, .table-basket > tbody > tr > td.responsive-basket-title {
        padding-top: 0 !important;
    }

        .table-basket > tbody > tr > td.responsive-basket-picture.force-no-border, .table-basket > tbody > tr > td.responsive-basket-title.force-no-border {
            border-bottom: none;
        }

    .responsive-basket-picture {
        width: calc(40% - 10px) !important;
    }

    .responsive-basket-title {
        width: calc(60% - 10px) !important;
    }

    .responsive-basket-quantity, .responsive-basket-price, .responsive-basket-delete {
        padding-top: 0 !important;
        padding-bottom: 20px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .basket-page .responsive-basket-quantity {
        width: calc(33.33%) !important;
    }

    .basket-page .responsive-basket-price {
        width: calc(50%) !important;
    }

        .basket-page .responsive-basket-price div {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            flex-direction: row-reverse;
        }

    .basket-page .responsive-basket-delete {
        width: calc(16.66%) !important;
    }

    .wishlist-page .responsive-basket-quantity {
        width: calc(50%) !important;
    }

    .wishlist-page .responsive-basket-price {
        width: calc(30%) !important;
    }

    .wishlist-page .responsive-basket-delete {
        width: calc(20%) !important;
    }
}


/****************************************
  RESPONSIVE DESIGN FOR MOBILE FAST_ORDER
****************************************/

@media only screen and (max-width: 600px) {
    table.fast-order tbody {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 colonnes par ligne */
    }

        table.fast-order tbody tr {
            display: contents; /* Faire que chaque tr soit aligné comme un grid item */
        }

    table.fast-order thead {
        display: block;
    }

    table.fast-order td {
        display: block;
        border: none;
        padding: 10px;
    }

    table.fast-order tbody td span.lh34 {
        line-height: 34px;
    }

    table.fast-order td,
    table.fast-order th {
        text-align: center !important;
    }

        table.fast-order td:nth-child(1n+1),
        table.fast-order td:nth-child(2n+1),
        table.fast-order td:nth-child(3n+1) {
            border-bottom: 0;
            padding-bottom: 0;
        }

        table.fast-order td:nth-child(4n+1),
        table.fast-order td:nth-child(5n+1),
        table.fast-order td:nth-child(6n+1) {
            border-bottom: 1px solid #ccc; /* Pour séparer les lignes de 3 colonnes */
            padding-bottom: 20px;
            display: flex;
            flex-direction: column;
        }

        /* Optionnel: Style pour bien identifier chaque champ si nécessaire */
        table.fast-order td:before {
            content: attr(data-label);
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
            font-style: italic;
        }
}


/*********
   BLOG
*********/
.blog-article {
    position: relative;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

    .blog-article:hover {
        transform: scale(1.05);
    }

.blog-image-container {
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

@media (max-width: 991px) {
    .blog-image-container {
        height: 200px;
    }
}

.blog-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-article-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    padding: 15px;
    font-size: 1.2em;
    border-radius: 0 0 15px 15px;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
}

.blog-article .blog-article-overlay-title {
    font-size: 16px;
    margin-bottom: 3px;
}

.blog-article .blog-article-overlay-author {
    font-style: italic;
    margin-bottom: 10px;
}

.blog-article .blog-article-overlay-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
}

.blog-article .blog-article-overlay-tag {
    color: white;
    background: #AC2724;
    width: fit-content;
    padding: 2px 5px;
    white-space: nowrap;
    border-radius: 3px;
}

.blog-article .c-overlay-content {
    padding: 15px 0 5px 0 !important;
}

.blog-article .c-content-overlay:hover .c-overlay-wrapper {
    opacity: 0.9;
}

.blog-article .c-content-overlay .c-overlay-wrapper {
    background: white;
    height: auto;
}

.blog-article-detail .c-title {
    text-align: center;
}

.blog-article-detail .c-tags {
    text-align: center;
    padding: 15px 0;
}

.blog-article-detail .c-tag {
    background-color: #D3D3D3;
    color: black;
    border: none;
    padding: 10px 20px;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
}

.blog-article-detail .c-article-info {
    text-align: center;
    padding: 15px 0;
}

.c-content-blog-post-1 .c-desc-blog {
    padding-top: 20px;
    font-size: 16px;
}

/*********
  PROFILE
**********/

.profile-side-menu {
    background-color: #F5F5F5;
    border-radius: 15px;
    padding: 15px 20px;
}

    .profile-side-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .profile-side-menu ul li:not(:last-child) {
            margin-bottom: 10px;
        }

.profile-section-card {
    border-radius: 15px;
    border: 2px solid #d7d7d7;
    padding: 20px;
    margin-bottom: 20px;
}

    .profile-section-card span {
        display: block;
        padding: 0 0 10px 0;
    }

    .profile-section-card h5 {
        margin-bottom: 10px;
        margin-top: 0;
    }

.profile-title {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: bold;
}

.outer-stock-status-pellet {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.inner-stock-status-pellet {
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
}

.c-cart-table-row.c-cart-table-row-minimalist,
.c-cart-table-title.c-cart-table-row-minimalist {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

    .c-cart-table-row.c-cart-table-row-minimalist .col-sm-2,
    .c-cart-table-title.c-cart-table-row-minimalist .col-sm-2 {
        padding: 5px 0 5px 0 !important;
    }

.chat-container {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    font-family: Arial, sans-serif;
}

.chat-message.other {
    align-self: flex-start;
    background-color: #f0f0f0;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 0;
    max-width: 80%;
}

.chat-message.mine {
    align-self: flex-end;
    background-color: #D32F2F;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 0;
    max-width: 80%;
}

.chat-timestamp {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}

.chat-message.mine .chat-timestamp {
    color: #e1e1e1;
}

.chat-message.other .chat-timestamp {
    color: #888;
}

.wishlist-action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.small-quantity-input {
    height: 35px !important;
    width: 70px !important;
}


/******************
  GEOGRAPHIC AREAS
******************/

.topbar-geographic-area {
    background: black;
    height: 60px;
    color: white;
    font-weight: bold;
}

.topbar-geographic-area-container {
    height: 100%;
}

.topbar-geographic-area-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.increased-margin-top-for-geographic-area {
    margin-top: 258px !important;
}

.geographic-area-header-offset {
    height: 60px;
}

@media (max-width: 992px) {
    .topbar-geographic-area {
        height: 130px;
    }

    .topbar-geographic-area-content {
        justify-content: space-around;
        flex-direction: column;
    }

    .increased-margin-top-for-geographic-area {
       
    }

    .geographic-area-header-offset {
        height: 130px;
    }
}


/******/