<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
* {
    font-family: 'Open Sans', sans-serif;
    font-display: swap;
}

a {
    text-decoration: none;
}

.slider__buttons {
    width: auto;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    bottom: 0;
    gap: 10px;
    right: 8%
}

@media(max-width: 768px) {
    .slider__buttons {
        right: 4%
    }
}

.slider__buttons--button {
    width: auto;
    height: 33px;
    background-color: #fff;
    color: #000;
    display: flex;
    align-items: center;
    border-radius: 3px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
    margin-right: 20px
}

.slider__buttons--button-icon {
    stroke: #000;
    width: 8px;
    margin-left: 8px
}

.slider__buttons--button:hover {
    background-color: rgba(52,52,52,.8) !important;
    color: #fff;
    transition: background-color .5s ease-in-out
}

    .slider__buttons--button:hover &gt; .slider__buttons--button-icon {
        stroke: #fff
    }

.slider__buttons.slider__buttons--horinzontal {
    flex-flow: row;
    height: max-content;
    flex-wrap: wrap;
    bottom: 10%;
    right: 0;
    width: 100%
}

    .slider__buttons.slider__buttons--horinzontal .slider__buttons--button {
        height: 35px;
        background-color: #fff;
        color: #000 !important;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        box-shadow: 0 7px 16px 0 rgba(0,0,0,.16);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0
    }

    .slider__buttons.slider__buttons--horinzontal .slider__buttons--button-icon {
        display: none
    }

    .slider__buttons.slider__buttons--horinzontal .slider__buttons--button:hover {
        transition: all .3s ease-in-out;
        bottom: 5px;
        background-color: #f5f5f5 !important
    }

@media(max-width: 768px) {
    .slider__buttons.slider__buttons--horinzontal {
        bottom: 55px
    }
}

.full-width-banner {
    margin: 10px 0
}

.full-width-banner__container-fluid {
    padding: 0
}

@media(min-width: 992px) {
    .full-width-banner__container {
        padding: 40px 0;
        margin: 20px auto
    }
}

@media(max-width: 992px) {
    .full-width-banner__container {
        padding-left: 0;
        padding-right: 0
    }
}

.full-width-banner__title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin: 0 0 24px 0
}

@media(min-width: 992px) {
    .full-width-banner__title {
        font-size: 32px;
        margin: 0 0 40px 0
    }
}

.full-width-banner__items {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

@media(min-width: 992px) {
    .full-width-banner--featured .full-width-banner__items {
        flex-flow: initial
    }
}

.full-width-banner--featured {
    padding: 20px 0
}

.full-width-banner__item {
    width: 100vw;
    min-width: 0;
    position: relative
}

.full-width-banner__item__text-area {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.full-width-banner__item__text-area__header-text {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2c2b4b
}

.full-width-banner__item__text-area__content-text {
    font-weight: bold
}

.full-width-banner__item--buttons {
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 20px
}

.full-width-banner__item--buttons--bgbutton {
    width: auto;
    height: 33px;
    margin: 5px 0;
    background-color: rgba(255,255,255,.6);
    color: #000;
    font-weight: bold;
    padding: 6px;
    text-decoration: none !important
}

    .full-width-banner__item--buttons--bgbutton:hover {
        transition: background-color 500ms;
        background-color: rgba(52,52,52,.8);
        color: #fff
    }

@media(min-width: 992px) {
    .full-width-banner__item {
        width: 49%;
        min-width: 0
    }
}

.full-width-banner__item--single {
    width: 100vw !important
}

@media(min-width: 992px) {
    .full-width-banner__item:nth-child(n+3) {
        margin-top: 2%
    }
}

@media(max-width: 992px) {
    .full-width-banner__item {
        margin-top: 8px
    }

    .full-width-banner__item__text-area {
        margin-top: 12px;
        margin-bottom: 40px
    }

    .full-width-banner__item__text-area__header-text {
        font-size: 14px
    }
}

@media(max-width: 992px) {
    .full-width-banner__item--featured {
        margin-top: 0 !important;
        width: 48.5%
    }

    .full-width-banner__item--highlighted:first-child {
        width: 100vw
    }

    .full-width-banner__item--highlighted + .full-width-banner__item--highlighted {
        margin-top: 3% !important
    }

    .full-width-banner__item--featured:nth-child(n+3) {
        margin-top: 3% !important
    }
}

@media(min-width: 992px) {
    .full-width-banner__item--featured {
        margin-top: 0 !important
    }

        .full-width-banner__item--featured + .full-width-banner__item--featured {
            margin-left: 15px
        }
}

.full-width-banner__image {
    width: 100%
}

.banner-header-area {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px
}

.banner-header-text {
    font-size: 30px;
    width: 530px;
    margin: 0 21px 3px;
    text-shadow: 0 3px 6px rgba(0,0,0,.12);
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 6px;
    text-align: center;
    color: #2c2b4b
}

.banner-header-content-text {
    color: #d980bc
}

@media(max-width: 992px) {
    .banner-header-area {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        margin-bottom: 24px
    }

    .banner-header-text {
        font-size: 18px
    }
}

.full-width-banner__container-fluid {
    padding: 0
}

@media(min-width: 992px) {
    .full-width-banner__container {
        padding: 40px 0
    }
}

@media(max-width: 992px) {
    .full-width-banner__container {
        padding-left: 0;
        padding-right: 0
    }
}

.full-width-banner__title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin: 0 0 24px 0
}

@media(min-width: 992px) {
    .full-width-banner__title {
        font-size: 32px;
        margin: 0 0 40px 0
    }
}

.full-width-banner__items {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

@media(min-width: 992px) {
    .full-width-banner--featured .full-width-banner__items {
        flex-flow: initial
    }
}

.full-width-banner__item {
    width: 100vw;
    min-width: 0
}

.full-width-banner__item__text-area {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.full-width-banner__item__text-area__header-text {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #2c2b4b
}

.full-width-banner__item__text-area__content-text {
    font-weight: bold
}

@media(min-width: 992px) {
    .full-width-banner__item {
        width: 49%;
        min-width: 0
    }
}

.full-width-banner__item--single {
    width: 100vw !important
}

@media(min-width: 992px) {
    .full-width-banner__item:nth-child(n+3) {
        margin-top: 2%
    }
}

@media(max-width: 992px) {
    .full-width-banner__item {
        margin-top: 8px
    }

    .full-width-banner__item__text-area {
        margin-top: 12px;
        margin-bottom: 40px
    }

    .full-width-banner__item__text-area__header-text {
        font-size: 14px
    }
}

@media(max-width: 992px) {
    .full-width-banner__item--featured {
        margin-top: 0 !important;
        width: 48.5%
    }

    .full-width-banner__item--highlighted:first-child {
        width: 100vw
    }

    .full-width-banner__item--highlighted + .full-width-banner__item--highlighted {
        margin-top: 3% !important
    }

    .full-width-banner__item--featured:nth-child(n+3) {
        margin-top: 3% !important
    }
}

@media(min-width: 992px) {
    .full-width-banner__item--featured {
        margin-top: 0 !important
    }

        .full-width-banner__item--featured + .full-width-banner__item--featured {
            margin-left: 15px
        }
}

.full-width-banner__image {
    width: 100%
}

.banner-header-area {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px
}

.banner-header-text {
    font-size: 30px;
    width: 530px;
    margin: 0 21px 3px;
    text-shadow: 0 3px 6px rgba(0,0,0,.12);
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 6px;
    text-align: center;
    color: #2c2b4b
}

.banner-header-content-text {
    color: #d980bc
}

@media(max-width: 992px) {
    .banner-header-area {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        margin-bottom: 24px
    }

    .banner-header-text {
        font-size: 18px
    }
}

.full-width-slider--button-area-right {
    right: 110px;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media(max-width: 992px) {
    .full-width-slider--button-area-right {
        right: 35px;
        top: 70px
    }
}

@media(max-width: 768px) {
    .full-width-slider--button-area-right {
        right: 10px;
        top: 70px
    }
}

@media(min-width: 992px) {
    .banner-area--button-area-right {
        transform: translateX(390px) translateY(50%)
    }
}

@media(min-width: 1200px) {
    .banner-area--button-area-right {
        transform: translateX(490px) translateY(50%)
    }
}

@media(max-width: 992px) {
    .banner-area--button-area-right {
        right: 10px;
        margin-top: 30px
    }
}

.banner-area--button-area-right__button {
    font-size: 14px !important;
    padding: 6px 3px 4px 8px !important
}

.button-area-right {
    position: absolute;
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.button-area-right__button {
    background-color: rgba(255,255,255,.6);
    color: #000;
    font-weight: bold;
    display: inline-flex;
    height: 33px;
    width: auto;
    margin: 5px 0 5px 0px;
    padding: 7px 4px 4px 8px;
    border-radius: 3px;
    text-decoration: none
}

@media(max-width: 992px) {
    .button-area-right__button {
        font-size: 14px
    }
}

.button-area-right__button:hover {
    background-color: rgba(52,52,52,.8);
    color: #fff;
    box-shadow: inset 0 0 20px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);
    outline-color: rgba(255,255,255,0);
    outline-offset: 15px;
    text-decoration: none;
    -webkit-transition: color .18s;
    transition: color .18s;
    -webkit-transition: background-color 500ms
}

    .button-area-right__button:hover .button-area-right__button__angle-icon {
        stroke: #fff
    }

.button-area-right__button:focus {
    text-decoration: none
}

.button-area-right__button:active:after {
    text-decoration: none
}

.button-area-right__button__angle-icon {
    stroke: #000;
    width: 7px;
    margin: 0px 5px 2px 5px
}

.benefits-area .full-width-banner__item {
    pointer-events: none;
    cursor: default
}

@media(max-width: 992px) {
    .benefits-area .container {
        padding: 24px 15px
    }
}

@media(min-width: 992px) {
    .benefits-area .full-width-banner__item--featured + .full-width-banner__item--featured {
        margin-left: 6px !important
    }
}

.mini-slider {
    padding: 24px 0
}

.mini-slider__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none !important
}

    .mini-slider__link img {
        border-radius: 15px;
        max-width: 70px
    }

.mini-slider__text {
    margin-top: 8px;
    font-size: 12px;
    color: #2c2b4b;
    transition: all .3s ease;
    text-align: center;
    max-width: 70px
}

.brands-slider .mini-slider__image {
    width: 70px
}
/**
 * Swiper 8.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2022
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical &gt; .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-css-mode &gt; .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode &gt; .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode &gt; .swiper-wrapper &gt; .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode &gt; .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode &gt; .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered &gt; .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal &gt; .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical &gt; .swiper-wrapper &gt; .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical &gt; .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered &gt; .swiper-wrapper &gt; .swiper-slide {
    scroll-snap-align: center center
}

.full-width-slider {
    position: relative;
    user-select: none;
    margin: 10px 0
}

@media(max-width: 768px) {
    .full-width-slider--horizontal__image {
        max-height: 200px;
        object-fit: fill !important
    }
}

.full-width-slider__slide {
    cursor: pointer
}

.full-width-slider .swiper-pagination {
    position: absolute;
    z-index: 10;
    bottom: 5%;
    display: flex;
    width: 100%;
    justify-content: center
}

.full-width-slider .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #a8a8a8;
    margin: 0 2px
}

.full-width-slider .swiper-pagination-bullet-active {
    background-color: #fff
}

.full-width-slider__nav-button {
    display: none
}

@media(min-width: 992px) {
    .full-width-slider--has-nav .full-width-slider__nav-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 46px;
        height: 46px;
        z-index: 10;
        top: calc(50% - 23px);
        box-shadow: 0 7px 16px 0 rgba(0,0,0,.16);
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer
    }

    .full-width-slider--has-nav .full-width-slider__nav-button--prev {
        left: 50px
    }

    .full-width-slider--has-nav .full-width-slider__nav-button--next {
        right: 50px
    }
}

.full-width-slider__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.full-width-slider__buttons {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: center
}

    .full-width-slider__buttons.vertical {
        flex-direction: column;
        align-items: flex-end;
        right: 10px;
        top: 70px;
        bottom: 0
    }

@media(max-width: 992px) {
    .full-width-slider__buttons {
        bottom: 35px;
        flex-wrap: wrap
    }
}

.full-width-slider__button {
    width: 155px;
    height: 40px;
    border-radius: 3px;
    background-color: #fff;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 6px;
    text-decoration: none !important;
    box-shadow: 0 7px 16px 0 rgba(0,0,0,.16)
}

    .full-width-slider__button.area-buttons {
        padding: 7px 4px 4px 8px;
        width: auto
    }

@media(max-width: 992px) {
    .full-width-slider__button {
        max-width: 40%;
        height: 34px
    }
}

.full-width-slider__button:hover {
    transition: all .3s ease-in-out;
    bottom: 5px;
    background-color: #f5f5f5
}

.aplication-button-area {
    position: absolute;
    right: 0;
    bottom: 62px;
    left: 0;
    display: flex;
    justify-content: center
}

.aplication-button-area__btn {
    width: 164px;
    height: 38px;
    border-radius: 3px;
    background-color: #193db0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    font-family: "Poppins"
}

    .aplication-button-area__btn:hover {
        text-decoration: none;
        background-color: #152b74;
        color: #fff
    }

@media(max-width: 992px) {
    .aplication-button-area {
        bottom: 56px
    }
}

.video-area {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .video-area video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.video-area-buttons {
    z-index: 1000 !important;
    width: 100%;
    position: absolute;
    bottom: 20px;
    max-height: 45px;
    height: 45px
}

@media screen and (max-width: 768px) {
    .video-area-buttons {
        bottom: -15px
    }
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
    margin: 0
}

    .toggle-switch input[type=checkbox] {
        display: none
    }

    .toggle-switch .switch {
        position: absolute;
        cursor: pointer;
        background-color: #ccc;
        border-radius: 25px;
        transition: background-color .2s ease;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        inset: 0
    }

        .toggle-switch .switch::before {
            position: absolute;
            content: "";
            width: 17.5px;
            left: -7.5px;
            height: 17.5px;
            background-color: #aaa;
            border-radius: 50%;
            transition: transform .3s ease
        }

    .toggle-switch input[type=checkbox]:checked + .switch::before {
        transform: translateX(25px);
        background-color: #fff
    }

    .toggle-switch input[type=checkbox]:checked + .switch {
        background-color: #21bf73
    }

#_sorun_icon {
    z-index: 9998 !important
}

.base-modal .react-base-modal {
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 30px;
    width: 90vw;
    height: auto;
    position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    z-index: 9999;
    border-radius: 3px;
    -webkit-transition: display linear .2s;
    -moz-transition: display linear .2s;
    transition: display linear .2s;
    display: flex;
    transform: translateX(-50%) translateY(-50%);
    word-break: break-word
}

@media screen and (min-width: 991px) {
    .base-modal .react-base-modal {
        width: 454px
    }
}

.base-modal .react-base-modal.active {
    display: flex
}

.base-modal .react-base-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-size: 18px;
    font-weight: 600
}

.base-modal .react-base-modal-footer {
    display: flex;
    grid-gap: 15px;
    justify-content: center
}

.base-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    background-color: rgba(0,0,0,.3)
}

.base-modal .timeout-modal {
    width: 328px
}

.base-modal .must-buy-modal-footer {
    display: block;
    text-align: center;
    margin-top: 10px
}

.clean-shopping-cart__header {
    justify-content: flex-end;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 32px;
    color: #555;
    opacity: .5
}

    .clean-shopping-cart__header:hover {
        cursor: pointer
    }

.clean-shopping-cart__content {
    padding: 0 15px 20px 15px;
    font-size: 16px;
    line-height: 1.5;
    color: #555
}

.clean-shopping-cart__footer {
    display: flex;
    justify-content: center
}

.clean-shopping-cart__footer__dismiss {
    border: solid 1px #707070;
    width: 150px;
    height: 40px;
    border-radius: 3px
}

    .clean-shopping-cart__footer__dismiss &gt; span {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.36;
        text-align: left;
        color: #555
    }

    .clean-shopping-cart__footer__dismiss:hover {
        cursor: pointer
    }

.clean-shopping-cart__footer__accept {
    background-color: #4e8bfd;
    width: 150px;
    height: 40px;
    border-radius: 3px;
    margin-left: 15px;
    border: 0
}

    .clean-shopping-cart__footer__accept &gt; span {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.36;
        text-align: left;
        color: #fff
    }

    .clean-shopping-cart__footer__accept:hover {
        cursor: pointer
    }

.seller-bar-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    min-height: 50px;
    z-index: 2;
    border: solid 1px #4f8bfd;
    background-color: #4f8bfd;
    padding: 0 47px
}

@media(max-width: 992px) {
    .seller-bar-container {
        flex-direction: column;
        padding: 0 15px;
        gap: 10px
    }
}

.seller-bar-container--dn-element {
    display: none
}

.seller-bar-container__box {
    display: flex;
    flex: 1 0 0;
    align-items: center;
    margin: auto;
    color: #fff;
    font-size: 14px;
    width: 100%;
    height: 100%
}

@media(max-width: 992px) {
    .seller-bar-container__box {
        justify-content: flex-start !important
    }
}

.seller-bar-container__box--current-store {
    justify-content: flex-start
}

.seller-bar-container__box--change-store {
    justify-content: center
}

.seller-bar-container__box--off-store {
    justify-content: flex-end
}

.seller-bar-container__box__current-store, .seller-bar-container__box__change-store, .seller-bar-container__box__off-store {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px
}

.seller-bar-container__link {
    text-decoration: none !important;
    color: #fff !important
}

.header-marketing-management {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media(max-width: 992px) {
    .header-marketing-management {
        justify-content: center;
        background-color: #f5f5f5;
        padding: 2px 0;
        margin: 0 -20px
    }
}

.header-marketing-management &gt; p {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    margin: 0 !important;
    padding: 0 !important
}

.header__top {
    height: 35px;
    background-color: #f5f5f5;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 0 30px
}

.header__top--dn-element {
    display: none
}

.header__top--nav__links {
    list-style: none;
    margin-left: auto;
    display: flex
}

    .header__top--nav__links &gt; li {
        display: inline-block;
        padding: 0 20px;
        border-right: 1px solid #e2e2e2
    }

        .header__top--nav__links &gt; li:last-of-type {
            border: none;
            padding-right: 0
        }

        .header__top--nav__links &gt; li a {
            display: flex;
            align-items: center;
            gap: 5px;
            text-decoration: none;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333
        }

            .header__top--nav__links &gt; li a:hover {
                color: #2c2b4b;
                text-decoration: underline
            }

.main-header-logo {
    display: block;
    background-size: 100%;
    display: flex
}

@media screen and (max-width: 992px) {
    .main-header-logo svg {
        width: 140px;
        height: 40px;
        position: relative;
        top: -10px
    }
}

@media screen and (min-width: 992px) {
    .main-header-logo svg {
        width: 232px;
        height: 100%
    }
}

.main-header-logo:link, .main-header-logo:visited {
    color: #302e2b;
    text-decoration: none;
    outline: none !important
}

.cart-info {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    text-transform: initial;
    margin: 0 1.2px 16px 0
}

.cart-info--total, .cart-info--qty {
    color: #193db0;
    font-weight: bold
}

.cart-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: none !important;
    clear: both;
    height: 124px;
    margin-bottom: 10px;
    width: 268px
}

.cart-item__image {
    position: relative;
    width: 104px;
    height: 112px;
    margin: 0
}

    .cart-item__image img {
        object-fit: cover;
        height: 100%;
        width: auto
    }

    .cart-item__image a:after {
        display: none
    }

.cart-item__details {
    font-size: 1.3rem;
    width: 140px;
    margin: 0 0 0 -6px;
    float: left
}

.cart-item__details__title {
    font-size: 14px;
    font-weight: bold
}

    .cart-item__details__title a {
        color: #302e2b;
        text-decoration: none
    }

        .cart-item__details__title a:hover {
            text-decoration: none
        }

.cart-item__details__info &gt; * {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    color: #7c878e
}

    .cart-item__details__info &gt; *:last-child {
        color: #302e2b
    }

    .cart-item__details__info &gt; *:nth-last-child(2) {
        margin-bottom: 1.2rem
    }

.cart-item__campaign-discount-detail {
    background-color: #f4f5f7;
    padding-right: 4px;
    position: relative;
    top: -13px;
    max-width: max-content
}

.cart-item__basket-text {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #97a9c9
}

.cart-item__basket-discount {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    white-space: nowrap;
    color: #193db0
}

.cart-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 35px;
    margin: 12px 0
}

    .cart-action:last-of-type {
        margin: 12px 0 0
    }

.cart-action__btn {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 8px 0 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    text-decoration: none;
    width: 100%;
    height: 100%
}

    .cart-action__btn:hover {
        text-decoration: none;
        cursor: pointer
    }

.cart-action__btn--login {
    background-color: #fff;
    border: 1px solid #193db0;
    color: #193db0
}

    .cart-action__btn--login:hover {
        color: #193db0
    }

.cart-action__btn--bg-white {
    border: 1px solid #193db0;
    color: #193db0
}

.cart-action__btn--bg-blue {
    background-color: #193db0
}

    .cart-action__btn--bg-blue:hover {
        color: #fff
    }

.cart-action__btn--bg-green {
    background-color: #98c7bc
}

    .cart-action__btn--bg-green:hover {
        color: #fff
    }

.cart-dropdown {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin-left: 10px
}

.drop-down-menu {
    display: block;
    position: absolute;
    top: 105%;
    width: 300px;
    padding-top: 10px;
    z-index: 100;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    visibility: hidden;
    opacity: 0;
    transition: .2s .5s;
    right: 0;
    margin-top: 10px;
    left: 50%;
    width: 265px;
    transform: translateX(-50%)
}

@media(max-width: 992px) {
    .drop-down-menu {
        display: none
    }
}

@media(min-width: 992px) {
    .drop-down-menu--active {
        top: 100%;
        height: 100%;
        opacity: 1;
        visibility: visible;
        transition-delay: 0s
    }
}

.drop-down-menu::after {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    border-right: 10px solid rgba(0,0,0,0);
    border-bottom: 8px solid #fff;
    border-left: 10px solid rgba(0,0,0,0);
    content: ""
}

.drop-down-menu--cart-menu {
    transform: translateX(-85%)
}

    .drop-down-menu--cart-menu::after {
        position: absolute;
        top: -8px;
        left: 223px;
        transform: none;
        display: inline-block;
        border-right: 10px solid rgba(0,0,0,0);
        border-bottom: 8px solid #fff;
        border-left: 10px solid rgba(0,0,0,0);
        content: ""
    }

.drop-down-menu__wrapper {
    position: relative;
    background-color: #fff;
    padding: 25.9px 13px 23px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.16)
}

.product-wrapper {
    height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 8px;
    margin-bottom: 3px
}

    .product-wrapper::-webkit-scrollbar {
        width: 4px
    }

    .product-wrapper::-webkit-scrollbar-thumb {
        background: #7c878e
    }

    .product-wrapper::-webkit-scrollbar-track {
        background: #cfd2d3
    }

.guest-greeting-text {
    margin: 0 0 12px 1px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333
}

.list-content {
    text-align: center;
    text-transform: capitalize;
    transition: all .2s linear;
    margin: 0;
    padding: 0;
    list-style: none
}

.list-content__item--welcome {
    font-size: 16px;
    font-weight: 700;
    color: #1f49b6;
    text-align: center;
    padding: .625rem 0
}

.list-content__item a {
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #757575;
    display: block;
    transition: all .2s linear;
    text-decoration: none;
    letter-spacing: .7px;
    margin: 1px 0;
    color: #302e2b
}

    .list-content__item a:hover {
        color: #000;
        text-decoration: none
    }

.header-dropdown-toggle {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    height: 36px;
    width: 40px
}

@media(max-width: 992px) {
    .header-dropdown-toggle svg {
        width: 100%;
        height: 20px;
        fill: #193db0
    }
}

.header-dropdown-toggle.striped-button {
    border: none;
    background-color: rgba(0,0,0,0);
    margin: 0;
    padding: 0
}

    .header-dropdown-toggle.striped-button:hover {
        color: #0a58ca;
        text-decoration: underline
    }

.header-dropdown-toggle .header-profile-icon, .header-dropdown-toggle .header-bag-icon, .header-dropdown-toggle:not(.dropdown-arrow):after {
    display: none
}

@media(max-width: 992px) {
    .header-dropdown-toggle .dropdown-label {
        font-size: 8px;
        color: #193db0
    }
}

@media(min-width: 992px) {
    .header-dropdown-toggle .dropdown-label {
        font-size: 10px;
        color: #333
    }

        .header-dropdown-toggle .dropdown-label:hover {
            color: #0a58ca;
            text-decoration: underline
        }
}

.badge-circle {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    line-height: 10px;
    border-radius: 150px;
    background-color: #ff9280;
    border: 2px solid #ff9280;
    text-align: center;
    color: #fff;
    font-size: 10px;
    box-shadow: 0 3px 13px 0 rgba(0,0,0,.16)
}

.advanced-result-list-header {
    display: flex;
    justify-content: space-between
}

.advanced-result-list-header__text {
    font-size: 16px;
    margin: 5px 0px 0px 15px;
    font-weight: bold;
    line-height: 1.13;
    letter-spacing: normal;
    color: #29323b
}

.advanced-result-list-header__text__clear-result {
    margin: 6px 21px 0px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    cursor: pointer
}

    .advanced-result-list-header__text__clear-result:hover {
        text-decoration: underline
    }

@media(max-width: 992px) {
    .advanced-result-list-header__text {
        margin: 20px 0px 0px 15px;
        display: flex;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: left;
        color: #555
    }

    .advanced-result-list-header__text__clear-result {
        margin: 20px 21px 0px
    }

    .advanced-result-list-header .icon-area {
        display: flex;
        margin: 0px 6px 0px 0px
    }
}

.icon-area {
    display: none
}

.suggestions-header {
    margin-bottom: 5px
}

@media(max-width: 992px) {
    .suggestions-header {
        height: 33px;
        background-color: #fafafa
    }

    .suggestions-header__text {
        position: relative;
        margin: 10px
    }
}

.header-section-icon {
    height: 17px;
    margin-top: -1px
}

.search-list-item {
    display: inline-flex;
    padding: 0;
    margin-right: 8px;
    margin-top: 10px
}

.search-list-item--last-searches {
    margin-right: 0;
    padding: 0 0px
}

.search-list-item--suggestions {
    justify-content: space-between
}

    .search-list-item--suggestions span {
        position: absolute;
        right: 30px;
        color: #b4b4b4 !important
    }

.advanced-result-list {
    padding: 0 15px;
    list-style: none;
    margin-bottom: 10px
}

    .advanced-result-list li {
        height: 100%;
        position: relative
    }

.advanced-result-list--last-searches {
    white-space: nowrap;
    padding: 0 5px;
    overflow: auto;
    padding: 0 5px
}

    .advanced-result-list--last-searches::-webkit-scrollbar {
        display: none
    }

.advanced-result-list--suggestions-container {
    padding: 0 5px
}

    .advanced-result-list--suggestions-container li {
        display: flex;
        margin: 0;
        padding: 5px 10px;
        width: 100%;
    }

@media(max-width: 992px) {
    .advanced-result-list--suggestions-container li:not(.show-all-related-products)::after {
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #b6b7b9;
        border-left: 2px solid #b6b7b9;
        color: #6b778d;
        font-size: 14px;
        content: "";
        right: 12px;
        transform-origin: left;
        transform: translate(50%, 50%) rotate(135deg)
    }
}

.advanced-result-list--suggestions-container li:hover {
    border-radius: 5px;
    background-color: #f4f5f7;
    cursor: pointer
}

.advanced-result-list--suggestions-container li a {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #29323b;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 2em;
    margin-right: 13px
}

.advanced-result-list--suggestions-container li span {
    text-transform: lowercase;
    color: #29323b;
    margin: 0 auto
}

.advanced-result-list--suggestions-container li .suggestion-brand:first-letter {
    text-transform: uppercase
}

@media(max-width: 992px) {
    .advanced-result-list li a {
        font-size: 12px
    }

    .advanced-result-list--last-searches {
        padding: 0 5px
    }

    .advanced-result-list--history-wrapper {
        list-style: none;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: auto;
        padding: 0px 5px 0px 16px;
        height: 60px;
        box-shadow: 0px 10px #f8f8f8
    }

        .advanced-result-list--history-wrapper::-webkit-scrollbar {
            display: none
        }

        .advanced-result-list--history-wrapper li {
            height: 35px
        }
}

.item-anchor {
    display: flex;
    align-items: center;
    padding: 7px 9px 6px 9.7px;
    background: #fff;
    color: #555;
    border: solid 1px #b6b7b9;
    border-radius: 18px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.item-anchor__text {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 170px;
    text-decoration: none
}

    .item-anchor__text:hover {
        text-decoration: none
    }

.item-anchor--active {
    color: #fff !important;
    background-color: #193db0 !important;
    border-color: #193db0 !important
}

.item-anchor * {
    margin-right: 5px
}

.last-search-anchor {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #29323b;
    text-decoration: none
}

.last-search-anchor--item-count {
    color: #b6b7b9
}

.last-search-anchor:hover {
    text-decoration: none;
    color: #b6b7b9
}

.last-search-anchor * {
    margin-right: 5px
}

.item-anchor-delete {
    position: relative;
    cursor: pointer;
    width: 17px;
    height: 17px;
    background-color: #1e4ab7;
    border-radius: 9px;
    right: 15px;
    top: -4px
}

    .item-anchor-delete:before, .item-anchor-delete:after {
        top: 4px;
        position: absolute;
        right: 8px;
        left: auto;
        content: " ";
        height: 9px;
        width: 1px;
        background-color: #fff;
        transform: rotate(-45deg)
    }

    .item-anchor-delete:before {
        transform: rotate(45deg)
    }

.item-anchor {
    display: flex;
    align-items: center;
    padding: 7px 9px 6px 9.7px;
    background: #fff;
    color: #555;
    border: solid 1px #b6b7b9;
    border-radius: 18px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

    .item-anchor:hover, .item-anchor:focus {
        color: #fff;
        background-color: #193db0;
        border-color: #193db0;
        text-decoration: none
    }

    .item-anchor * {
        margin-right: 5px
    }

.icon-filled-star {
    margin-top: -2px
}

@media(max-width: 992px) {
    .icon-filled-star {
        display: none
    }
}

.banner-searches {
    display: none
}

@media(max-width: 992px) {
    .banner-searches {
        display: flex;
        width: 100vw
    }

    .banner-searches__img {
        width: 100%
    }
}

.show-all-related-products {
    color: #193db0 !important;
    font-weight: bold !important
}

    .show-all-related-products:hover {
        text-decoration: underline !important
    }

    .show-all-related-products.chevron::after {
        border-style: solid;
        border-width: .15em .15em 0 0;
        content: "";
        display: inline-block;
        height: .45em;
        left: .25em;
        position: relative;
        bottom: .1em;
        transform: rotate(-45deg);
        vertical-align: middle;
        width: .45em
    }

    .show-all-related-products.chevron.right::after {
        transform: rotate(45deg)
    }

.search-validation {
    display: block;
    margin: 0 auto 10px;
    padding: 5px 15px;
    font-size: 15px;
    color: #f76262;
    background-color: #fff
}

@media(max-width: 992px) {
    .search-validation {
        font-size: 12px
    }
}

.search-form__input-field__search-input::-webkit-input-placeholder {
    color: #555;
    font-size: 14px
}

.search-form__input-field__search-input::-moz-placeholder {
    color: #555;
    font-size: 14px
}

.search-form__input-field__search-input:-ms-input-placeholder {
    color: #555;
    font-size: 14px
}

.search-container {
    display: block;
    padding: 15px 0;
    width: 100%;
    max-width: 580px;
    position: relative
}

@media(min-width: 1366px) {
    .search-container {
        max-width: 864px
    }
}

.search-container .search-form {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.search-container .search-form__input-field {
    height: 36px
}

.search-container .search-form__input-field--active {
    border-color: #4e8bfd !important
}

.search-container .search-form__input-field__svg-wrapper {
    min-width: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.search-container .search-form__input-field__search-input {
    height: 100%;
    background: rgba(0,0,0,0);
    border: 0;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #000
}

    .search-container .search-form__input-field__search-input:focus, .search-container .search-form__input-field__search-input:hover {
        box-shadow: none;
        outline: 0
    }

.search-container .search-form__input-field__close-wrapper {
    min-width: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.search-container .search-form__input-field__btn-search {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #fff;
    transition: all .2s ease-out,color .2s ease-out;
    border: none;
    text-transform: uppercase
}

    .search-container .search-form__input-field__btn-search:hover, .search-container .search-form__input-field__btn-search--active {
        color: #fff;
        background: #193db0;
        border-color: #193db0 !important
    }

    .search-container .search-form__input-field__btn-search:focus {
        outline: 0;
        box-shadow: none
    }

.search-container .search-form__input-field--first-wrap {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px;
    border: solid 1px #555;
    border-right: none;
    z-index: 99999
}

.search-container .search-form__input-field--second-wrap {
    min-width: 86px;
    z-index: 99999
}

.search-container .advanced-search {
    width: 100%;
    margin: -15px auto 0;
    padding: 30px 20px 10px;
    z-index: 99998;
    position: absolute;
    border-top: none !important;
    border: solid 1px #4e8bfd;
    background-color: #fff;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.header__middle {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 0 30px 0 10px
}

.header__middle__left, .header__middle__center, .header__middle__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.header__middle__left {
    flex: 1;
    justify-content: flex-start
}

.header__middle__center {
    flex: 2;
    justify-content: center
}

@media(min-width: 1366px) {
    .header__middle__center {
        padding: 15px
    }
}

@media(min-width: 1366px) {
    .header__middle__center--low {
        padding: 5px
    }
}

.header__middle__right {
    flex: 1;
    justify-content: flex-end
}

    .header__middle__right &gt; .header-section {
        display: flex;
        justify-content: flex-end;
        gap: 3rem
    }

.tab-header {
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,0);
    line-height: 2em;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    border: 0;
    color: #3a3836;
    outline: 0;
    margin: 5px 15px;
    font-size: .9rem;
    font-weight: normal;
    transition: .12s;
    background: #fff;
    height: 35px
}

.tab-header__text {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #333
}

.tab-header__age {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #7e7e7e
}

.tab-header--active {
    border-bottom: 2px solid #193db0
}

    .tab-header--active::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-bottom: solid 7px #193db0;
        border-left: solid 5px rgba(0,0,0,0);
        border-right: solid 5px rgba(0,0,0,0)
    }

    .tab-header--active .tab-header__text, .tab-header--active .tab-header__age {
        color: #193db0
    }

.tab-header--active-outlet {
    border-bottom: 2px solid #f76262
}

    .tab-header--active-outlet::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-bottom: solid 7px #f76262;
        border-left: solid 5px rgba(0,0,0,0);
        border-right: solid 5px rgba(0,0,0,0)
    }

    .tab-header--active-outlet .tab-header__text, .tab-header--active-outlet .tab-header__age {
        color: #f76262
    }

.banner-panel {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: 100%
}

.banner-panel__item--double:first-of-type {
    width: 291px;
    height: 218px;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden
}

.banner-panel__item--double:last-of-type {
    width: 291px;
    height: 220px;
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden
}

.banner-panel__item--single {
    width: 291px;
    height: 453px;
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden
}

.banner-panel__img {
    width: 100%;
    cursor: pointer
}

.show-all {
    display: flex;
    justify-content: flex-end;
    padding: 0 30px
}

.show-all__items {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-transform: capitalize;
    text-decoration: none
}

    .show-all__items:hover {
        text-decoration: underline;
        color: #333
    }

    .show-all__items::after {
        border-style: solid;
        border-width: .15em .15em 0 0;
        content: "";
        display: inline-block;
        height: .45em;
        width: .45em;
        left: .25em;
        position: relative;
        transform: rotate(45deg);
        vertical-align: middle
    }

.non-visual-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 22px;
    margin: 0 0 12px 22px
}

.non-visual-item__anchor {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .non-visual-item__anchor:hover {
        text-decoration: underline;
        color: #333
    }

.visual-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 22px;
    margin: 0 0 12px 0
}

.visual-item__anchor {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-decoration: none;
    display: flex;
    min-width: 0
}

    .visual-item__anchor:hover {
        text-decoration: underline;
        color: #333
    }

.visual-item__anchor__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.visual-item__anchor &gt; svg {
    margin-right: 5px
}

.visual-item--new-arrivals .visual-item__anchor {
    color: #21bf73
}

    .visual-item--new-arrivals .visual-item__anchor:hover {
        color: #21bf73
    }

.visual-item--discounts .visual-item__anchor {
    color: #f76262
}

    .visual-item--discounts .visual-item__anchor:hover {
        color: #f76262
    }

.visual-item--special-deals .visual-item__anchor {
    color: #f9af29
}

    .visual-item--special-deals .visual-item__anchor:hover {
        color: #f9af29
    }

.visual-item--trends .visual-item__anchor {
    color: #4e8bfd
}

    .visual-item--trends .visual-item__anchor:hover {
        color: #4e8bfd
    }

.zone-title {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333
}

@media(min-width: 992px) {
    .special-collections {
        margin: 0 !important
    }
}

.special-collections__content {
    display: flex;
    align-items: center;
    height: 50px;
    text-decoration: none;
    margin-bottom: 23px
}

    .special-collections__content:first-of-type {
        margin-top: 18px
    }

    .special-collections__content:last-of-type {
        margin-bottom: 0
    }

    .special-collections__content:hover {
        text-decoration: underline
    }

.special-collections__content__image {
    border-radius: 50%;
    object-fit: cover;
    width: 50px;
    height: 50px
}

.special-collections__content__text {
    margin-left: 5px;
    width: 130px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #333
}

.special-collections__content__text--new-item::after {
    content: "YENÄ°!";
    color: #f76262;
    font-style: italic;
    font-size: 12px;
    padding-left: 5px;
    font-weight: 600
}

.special-collections__content__text--zone-title {
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px
}

.zones-lists-items {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    padding: 0;
    overflow: hidden
}

.zone-header {
    display: flex;
    align-items: center;
    flex: 1 1 7.14%;
    max-height: 7.14%
}

@media(min-width: 768px)and (max-width: 1366px) {
    .zone-header {
        max-width: 90px
    }
}

.zone-header__anchor {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .zone-header__anchor:hover {
        text-decoration: underline;
        color: #333
    }

.zone-item {
    display: flex;
    align-items: center;
    flex: 1 1 7.14%;
    max-height: 7.14%
}

@media(min-width: 768px)and (max-width: 1366px) {
    .zone-item {
        max-width: 90px
    }
}

.zone-item__anchor {
    padding: .5px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.zone-item__anchor--new-item::after {
    content: "YENÄ°!";
    color: #f76262;
    font-style: italic;
    font-size: 12px;
    padding-left: 5px;
    font-weight: 600
}

.zone-item__anchor--zone-title {
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px
}

.zone-item__anchor:hover {
    text-decoration: underline;
    color: #333
}

.zone-container {
    display: block;
    max-height: 490px;
    height: 100%;
    overflow: hidden;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
    list-style-position: inside;
    column-width: auto
}

@media(max-width: 1366px) {
    .zone-container {
        column-width: 75px
    }
}

.zone-container .list-item {
    display: block;
    padding: 0;
    margin-bottom: 12px;
    transition: .2s ease-out;
    text-decoration: none
}

.zone-container .list-item__anchor {
    display: flex;
    flex: 1;
    min-width: 0;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px
}

    .zone-container .list-item__anchor span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .zone-container .list-item__anchor.new-item::after {
        content: "YENÄ°!";
        color: #f76262;
        font-style: italic;
        font-size: 12px;
        padding-left: 5px;
        font-weight: 600;
        text-decoration-color: #f76262
    }

    .zone-container .list-item__anchor.bold-item {
        font-weight: bold
    }

    .zone-container .list-item__anchor:hover {
        text-decoration: underline;
        color: #005299
    }

.zone-container .list-header {
    display: block;
    padding: 0;
    margin-bottom: 12px;
    transition: .2s ease-out;
    text-decoration: none
}

.zone-container .list-header__anchor {
    display: flex;
    flex: 1;
    min-width: 0;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333
}

    .zone-container .list-header__anchor span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .zone-container .list-header__anchor:hover {
        text-decoration: underline;
        color: #005299
    }

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-col {
    padding: 15px;
    margin: 0 15px;
    background: #fff;
    flex: 1 0 0%;
    flex-shrink: 1;
    width: 100%;
    max-width: 100%
}

@media(min-width: 992px)and (max-width: 1366px) {
    .flex-col {
        padding: 15px 0
    }
}

.flex-col--priority-panel {
    max-width: 278px;
    height: 470px;
    padding: 17px 36px 25px 67px;
    border-radius: 5px;
    background-color: #f7f7f7
}

@media(max-width: 1366px) {
    .flex-col--priority-panel {
        padding: 17px 13px 25px 14px;
        max-width: 190px
    }
}

.flex-col--zone-items {
    height: 470px
}

.flex-col--banners-panel {
    max-width: 321px
}

@media(max-width: 1366px) {
    .flex-col--banners-panel {
        max-width: 202px
    }
}

.flex-col--special-collections {
    max-width: 211px
}

@media(max-width: 1366px) {
    .flex-col--special-collections {
        max-width: 192px
    }
}

.content-tab {
    display: block;
    padding: 0;
    animation: fadeIn .15s linear
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.nav-tab {
    display: flex !important;
    flex-direction: column;
    padding: 0;
    width: 100%;
    min-height: 400px;
    background: #fff
}

.nav-tab__tab-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    background: #fff;
    box-shadow: none;
    margin-bottom: 10px
}

.nav-tab__tab-list--outlet {
    justify-content: flex-end
}

.mega-menu {
    display: none;
    position: absolute;
    top: -9999px;
    z-index: 999;
    background-color: #fff;
    border: none;
    padding: 12px 15px 17px;
    margin: 0;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    width: 100%;
    left: 0
}

.mega-menu--hovered {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 100%
}

.menu-header-item {
    border-bottom: 2px solid rgba(0,0,0,0);
    padding: 0 0 15px
}

.menu-header-item__title {
    display: block;
    padding: 0;
    transition: .2s ease-out;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer
}

.menu-header-item__title--waikiki {
    font-weight: 800;
    color: #254cb5
}

.menu-header-item__title--land {
    font-weight: 800;
    color: #009ff9
}

.menu-header-item--outlet .menu-header-item__title {
    color: #f76262
}

.menu-header-item--green .menu-header-item__title {
    color: #21bf73
}

.menu-header-item--active {
    border-bottom-color: #193db0
}

    .menu-header-item--active.menu-header-item--outlet {
        border-bottom-color: #f76262 !important
    }

    .menu-header-item--active.menu-header-item--green {
        border-bottom-color: #21bf73 !important
    }

    .menu-header-item--active .menu-header-item__title {
        color: #193db0
    }

.menu-header-item--outlet .menu-header-item__title {
    color: #f76262
}

.menu-header-item--green .menu-header-item__title {
    color: #21bf73
}

.menu-nav {
    display: flex;
    justify-content: flex-start;
    position: relative;
    padding: 0 30px
}

.menu-nav__lists {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1400px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

#header-skeleton-one {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1400px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

* {
    box-sizing: border-box
}

    * ::before, * ::after {
        box-sizing: border-box
    }

.mega__menu-skeleton {
    margin: 12px 6px;
    transform: none;
    transition: transform .2s ease-out,box-shadow .3s ease
}

    .mega__menu-skeleton::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2rem;
        background: linear-gradient(90deg, #eee 2%, #ddd 14%, #eee 33%);
        background-size: 50%;
        animation-name: aniHorizontal;
        animation-duration: 4000ms;
        animation-delay: 0s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        opacity: 0;
        pointer-events: none
    }

@keyframes aniHorizontal {
    0% {
        opacity: 1;
        background-position: -100% 0
    }

    95% {
        opacity: 1
    }

    100% {
        opacity: .8;
        background-position: 100% 0
    }
}

@media(min-width: 992px) {
    .header-placeholder {
        height: 136px
    }


    .header-placeholder--w-seller-bar {
        height: 186px
    }

    .header-placeholder--w-top-bar {
        height: 170px
    }

    .header-placeholder--w-seller-bar-and-top-bar {
        height: 221px
    }

    .displayNone {
        display: none
    }

    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        padding: 0;
        z-index: 1028;
        background: #fff;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.06)
    }

    .header--low .header__bottom {
        display: none
    }
}

.isWindows .smartbanner {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 78px;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    z-index: 99
}

    .isWindows .smartbanner .smartbanner-container {
        margin: 0 auto
    }

        .isWindows .smartbanner .smartbanner-container .smartbanner-close {
            position: absolute;
            left: 10px;
            top: 10px;
            display: block;
            font-family: "ArialRoundedMTBold",Arial;
            font-size: 15px;
            text-align: center;
            text-decoration: none;
            border-radius: 14px;
            -webkit-font-smoothing: subpixel-antialiased;
            border: 0;
            width: 17px;
            height: 17px;
            line-height: 17px;
            color: #b1b1b3;
            background: #efefef
        }

            .isWindows .smartbanner .smartbanner-container .smartbanner-close:active {
                color: #333
            }

        .isWindows .smartbanner .smartbanner-container .smartbanner-icon {
            position: absolute;
            left: 36px;
            top: 10px;
            display: block;
            width: 57px;
            height: 57px;
            background-color: #fff;
            background-size: cover;
            background-image: url("https://www.lcw.com/Resource/Images/lcw-store-thumb.png");
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px
        }

        .isWindows .smartbanner .smartbanner-container .smartbanner-info {
            position: absolute;
            left: 102px;
            top: 9px;
            width: 44%;
            font-size: 12px;
            line-height: 1.2em;
            font-weight: bold;
            color: #999
        }

        .isWindows .smartbanner .smartbanner-container .smartbanner-title {
            font-size: 14px;
            line-height: 17px;
            color: #000;
            font-weight: bold
        }

        .isWindows .smartbanner .smartbanner-container .sub-text {
            font-weight: normal;
            font-size: 11px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 12px
        }

        .isWindows .smartbanner .smartbanner-container .smartbanner-button {
            position: absolute;
            right: 14px;
            top: 26px;
            padding: 0 10px;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            background-color: #03428e;
            text-decoration: none;
            border-radius: 5px
        }

            .isWindows .smartbanner .smartbanner-container .smartbanner-button:hover {
                background-color: #022652
            }

        .isWindows .smartbanner .smartbanner-container .smartbanner-button-text {
            text-align: center;
            display: block;
            padding: 0 5px
        }

.isAndroid .smartbanner {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 78px;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    z-index: 99
}

    .isAndroid .smartbanner .smartbanner-container {
        margin: 0 auto
    }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-close {
            position: absolute;
            left: 10px;
            top: 10px;
            display: block;
            font-family: "ArialRoundedMTBold",Arial;
            font-size: 15px;
            text-align: center;
            text-decoration: none;
            border-radius: 14px;
            -webkit-font-smoothing: subpixel-antialiased;
            border: 0;
            width: 17px;
            height: 17px;
            line-height: 17px;
            color: #b1b1b3;
            background: #efefef
        }

            .isAndroid .smartbanner .smartbanner-container .smartbanner-close:active {
                color: #333
            }

            .isAndroid .smartbanner .smartbanner-container .smartbanner-close:hover {
                color: #333
            }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-icon {
            position: absolute;
            left: 36px;
            top: 10px;
            display: block;
            width: 57px;
            height: 57px;
            background-color: #fff;
            background-size: cover;
            background-image: url("https://www.lcw.com/Resource/Images/lcw-store-thumb.png");
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px
        }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-info {
            position: absolute;
            left: 102px;
            top: 9px;
            width: 44%;
            font-size: 12px;
            line-height: 1.2em;
            font-weight: bold;
            color: #999
        }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-title {
            font-size: 14px;
            line-height: 17px;
            color: #000;
            font-weight: bold
        }

        .isAndroid .smartbanner .smartbanner-container .sub-text {
            font-weight: normal;
            font-size: 11px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 12px
        }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-button {
            position: absolute;
            right: 14px;
            top: 26px;
            padding: 0 10px;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            background-color: #03428e;
            text-decoration: none;
            border-radius: 5px
        }

            .isAndroid .smartbanner .smartbanner-container .smartbanner-button:hover {
                background-color: #022652
            }

        .isAndroid .smartbanner .smartbanner-container .smartbanner-button-text {
            text-align: center;
            display: block;
            padding: 0 5px
        }

.isiOS.chrome .smartbanner {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 78px;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    z-index: 99
}

    .isiOS.chrome .smartbanner .smartbanner-container {
        margin: 0 auto
    }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-close {
            position: absolute;
            left: 10px;
            top: 10px;
            display: block;
            font-family: "ArialRoundedMTBold",Arial;
            font-size: 15px;
            text-align: center;
            text-decoration: none;
            border-radius: 14px;
            -webkit-font-smoothing: subpixel-antialiased;
            border: 0;
            width: 17px;
            height: 17px;
            line-height: 17px;
            color: #b1b1b3;
            background: #efefef
        }

            .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-close:active {
                color: #333
            }

            .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-close:hover {
                color: #333
            }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-icon {
            position: absolute;
            left: 36px;
            top: 10px;
            display: block;
            width: 57px;
            height: 57px;
            background-color: #fff;
            background-size: cover;
            background-image: url("https://www.lcw.com/Resource/Images/lcw-store-thumb.png");
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px
        }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-info {
            position: absolute;
            left: 102px;
            top: 9px;
            width: 44%;
            font-size: 12px;
            line-height: 1.2em;
            font-weight: bold;
            color: #999
        }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-title {
            font-size: 14px;
            line-height: 17px;
            color: #000;
            font-weight: bold
        }

        .isiOS.chrome .smartbanner .smartbanner-container .sub-text {
            font-weight: normal;
            font-size: 11px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 12px
        }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-button {
            position: absolute;
            right: 14px;
            top: 26px;
            padding: 0 10px;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            background-color: #03428e;
            text-decoration: none;
            border-radius: 5px
        }

            .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-button:hover {
                background-color: #022652
            }

        .isiOS.chrome .smartbanner .smartbanner-container .smartbanner-button-text {
            text-align: center;
            display: block;
            padding: 0 5px
        }

.mobile-header-search-icon {
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .mobile-header-search-icon &gt; span {
        text-align: center;
        font-size: 9px
    }

.passive-search-bar {
    position: relative;
    margin: 0 auto 10px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 1px #b6b7b9;
    border-radius: 50px
}

.passive-search-bar__icon {
    width: 15px;
    height: 15px;
    stroke: #aaa;
    margin-right: 7px
}

.passive-search-bar__input {
    font-family: "Open Sans",sans-serif,"lcwaikikiregular";
    height: 100%;
    margin: 0 0 1px 0;
    width: calc(100% - 80px);
    float: left;
    padding: 0 16px;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    padding-right: 0;
    background: rgba(0,0,0,0);
    border: 0
}

    .passive-search-bar__input::placeholder {
        font-size: 14px;
        color: #bfbfbf
    }

    .passive-search-bar__input::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #b6b7b9
    }

    .passive-search-bar__input::placeholder {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: #b6b7b9
    }

.passive-search-bar__button {
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    width: 80px;
    height: 100%;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    border: 0
}

.active-search-bar .sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.04);
    background-color: #fff;
    border-radius: 5px;
    position: relative
}

.active-search-bar .sb-header__back-button {
    width: 3rem;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

    .active-search-bar .sb-header__back-button::after {
        height: 7px;
        width: 2px;
        background-color: #0038ae;
        position: absolute;
        transform: rotate(-45deg);
        top: 17px;
        content: ""
    }

    .active-search-bar .sb-header__back-button::before {
        height: 7px;
        width: 2px;
        background-color: #0038ae;
        top: 12px;
        position: absolute;
        transform: rotate(45deg);
        content: ""
    }

.active-search-bar .sb-header__search-box {
    width: calc(100% - 43px);
    margin-right: 10px;
    height: 36px;
    display: flex
}

.active-search-bar .sb-header__search-box__input-wrapper {
    width: 100%;
    position: relative
}

    .active-search-bar .sb-header__search-box__input-wrapper:active__icon {
        stroke: #fff
    }

.active-search-bar .sb-header__search-box__input-wrapper__icon {
    width: 15px;
    height: 15px;
    stroke: #777;
    position: absolute;
    margin-top: 10px;
    margin-left: 14px
}

.active-search-bar .sb-header__search-box__input-wrapper input[type=text] {
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    border: solid 1px #4e8bfd;
    padding: 0 35px !important;
    padding-left: 35px !important;
    padding-right: 100px !important;
    margin: 0;
    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-image: none;
    border: solid 1px #b6b7b9;
    border-radius: 20px;
    background-color: #f5f5f5
}

    .active-search-bar .sb-header__search-box__input-wrapper input[type=text]::placeholder {
        color: #b6b7b9
    }

    .active-search-bar .sb-header__search-box__input-wrapper input[type=text]:focus {
        outline: none;
        border-color: #1e4ab7;
        background-color: #fff
    }

        .active-search-bar .sb-header__search-box__input-wrapper input[type=text]:focus span {
            color: #193db0
        }

.active-search-bar .sb-header__search-box__input-wrapper span {
    position: absolute;
    top: 13px;
    right: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .active-search-bar .sb-header__search-box__input-wrapper span:hover {
        cursor: pointer
    }

.active-search-bar .sb-header__search-box__right-area__btn {
    border: none;
    width: 71px;
    height: 100%;
    color: #fff;
    background: #193db0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: -1px
}

.menu-header {
    height: 50px
}

    .menu-header .mmheader {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        padding: 0;
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.04);
        background-color: #fff
    }

    .menu-header .mmheader__container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        height: 50px
    }

    .menu-header .mmheader__container--flex-item.back {
        width: 50px;
        height: 50px
    }

        .menu-header .mmheader__container--flex-item.back .back-button {
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%
        }

            .menu-header .mmheader__container--flex-item.back .back-button::before {
                content: "";
                position: absolute;
                left: 20px;
                width: 10px;
                height: 10px;
                border: 2px solid;
                border-color: #0038ae;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(-45deg);
                border-right: 0;
                border-bottom: 0
            }

    .menu-header .mmheader__container--flex-item.logo-title {
        flex: 3 3 auto;
        display: flex
    }

        .menu-header .mmheader__container--flex-item.logo-title a {
            position: absolute;
            display: flex;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            justify-content: center
        }

        .menu-header .mmheader__container--flex-item.logo-title svg {
            width: 130px;
            fill: #193db0
        }

        .menu-header .mmheader__container--flex-item.logo-title svg, .menu-header .mmheader__container--flex-item.logo-title span {
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(0)
        }

            .menu-header .mmheader__container--flex-item.logo-title svg.sub-zone-title, .menu-header .mmheader__container--flex-item.logo-title span.sub-zone-title {
                font-size: 18px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                text-align: left;
                color: #193db0;
                text-transform: uppercase
            }

    .menu-header .mmheader__container--flex-item.search .search-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 50px;
        height: 50px
    }

    .menu-header .mmheader__container--flex-item.search .search__icon {
        fill: #193db0;
        stroke: #193db0
    }

    .menu-header .mmheader__container--flex-item.close {
        opacity: 1
    }

        .menu-header .mmheader__container--flex-item.close .close-button {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 50px;
            height: 50px;
            background-color: #f4f4f4
        }

        .menu-header .mmheader__container--flex-item.close .close-icon-mobile {
            fill: none;
            stroke: #193db0;
            stroke-linecap: round;
            stroke-width: 2px;
            width: 15px;
            height: 15px
        }

.w-100 {
    width: 100%
}

.w-px-17 {
    width: 17px
}

.w-px-127 {
    width: 127px
}

.w-px-25 {
    width: 25px
}

.my-7 {
    margin: 7px 0
}

.d-flex {
    display: flex
}

.mr-5px {
    margin-right: 5px
}

.h-75px {
    height: 75px
}

.bg-gray-100 {
    background-color: #f2f2f2
}

.placeholder-container {
    position: fixed;
    z-index: 1041;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    padding: 0 15px;
    top: 0;
    right: 0
}

.top-container {
    height: 45px;
    padding: 12px 0;
    display: flex;
    justify-content: space-between
}

.middle-container {
    height: 50px;
    display: flex
}

    .middle-container .login-register-placeholder {
        width: 100%;
        margin: 0 2px 0 0;
        display: flex;
        justify-content: flex-start
    }

        .middle-container .login-register-placeholder.placed-right {
            margin: 0 0 0 2px
        }

        .middle-container .login-register-placeholder .box-34 {
            background-color: #ddd;
            width: 34px;
            height: 34px;
            margin: auto 8px
        }

.bottom-container {
    display: flex;
    height: 100%;
    justify-content: space-around;
    flex-direction: column
}

.react-full-page-container {
    position: fixed;
    width: 100vw;
    z-index: 1040;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: #fff
}

.react-full-page-container__viewport-area {
    background-color: #fff
}

.accordion {
    margin: 0 15px
}

    .accordion .new-accordion-item__title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        background-color: #fff;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        text-align: left;
        border: none;
        border-bottom: 1px solid #f4f4f4;
        outline: none;
        height: 76px;
        text-shadow: 0px 0px .5px rgba(51,51,51,.25)
    }

    .accordion .new-accordion-item__title--discounts {
        color: #f76262
    }

    .accordion .new-accordion-item__image {
        width: 60px;
        height: 60px;
        margin-right: 12px;
        border-radius: 50px;
        overflow: hidden
    }

        .accordion .new-accordion-item__image img {
            width: 100%
        }

    .accordion .new-accordion-item__icon {
        width: 12px;
        height: 12px;
        margin-left: auto;
        stroke: #333
    }

    .accordion .new-accordion-item__panel {
        padding: 10px 0 0 0;
        overflow: hidden;
        background-color: #f8f8f8;
        margin: 0 -15px
    }

    .accordion .new-accordion-item--active .new-accordion-item__title {
        border: 0
    }

    .accordion .new-accordion-item:last-child .new-accordion-item__title {
        border: 0
    }

.o-d-accordion-item {
    display: flex;
    border-bottom: 1px solid #f4f4f4
}

.yuzuncu-yil {
    background-image: url(https://img-lcwaikiki.mncdn.com/Resource/Images/Banner/YUZUNCUYILKOLEKSIYONU5102023.PNG);
    background-size: 100%;
    background-repeat: no-repeat;
    height: auto !important;
    padding-top: 20% !important;
    border-bottom: none !important;
    border-radius: 5px
}

.yuzuncu-yil-angle-icon {
    stroke: #fff !important;
    margin-top: 8%;
    position: absolute;
    right: 20px;
    width: 12px;
    height: 12px
}

.accordion-menu-list {
    padding: 0 15px;
    list-style: none;
    margin-bottom: 10px
}

    .accordion-menu-list .menu-item-li {
        border-bottom: solid 1px #e8e8e8;
        height: 52px;
        display: flex;
        align-items: center;
        padding: 0 20px
    }

        .accordion-menu-list .menu-item-li:last-child {
            border: 0
        }

        .accordion-menu-list .menu-item-li .menu-item {
            display: block;
            color: #333;
            font-size: 14px;
            text-decoration: none;
            text-shadow: 0px 0px .5px rgba(51,51,51,.5);
            height: 46px;
            padding: 14px 20px;
            width: -webkit-fill-available
        }

            .accordion-menu-list .menu-item-li .menu-item.new-item::after {
                content: "YENÄ°!";
                color: #f76262;
                font-style: italic;
                font-size: 12px;
                padding-left: 5px;
                font-weight: 600;
                text-decoration-color: #f76262
            }

        .accordion-menu-list .menu-item-li .see-all-menu-item, .accordion-menu-list .menu-item-li .all-items-menu, .accordion-menu-list .menu-item-li .all-zone-products, .accordion-menu-list .menu-item-li .zoneTitle {
            font-weight: bold
        }

.buttonBack___1mlaL, .buttonFirst___2rhFr, .buttonLast___2yuh0, .buttonNext___2mOCa, .buttonNext___3Lm3s, .dot___3c3SI {
    cursor: pointer
}

.image___xtQGH {
    display: block;
    width: 100%;
    height: 100%
}

.spinner___27VUp {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    animation-name: spin___S3UuE;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border: 4px solid #a9a9a9;
    border-top-color: #000;
    border-radius: 30px
}

@keyframes spin___S3UuE {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.container___2O72F {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.overlay___IV4qY {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: zoom-in;
    transition: opacity .3s,transform .3s
}

.hover___MYy31, .loading___1pvNI, .zoom___3kqYk {
    opacity: 1
}

.imageLoadingSpinnerContainer___3UIPD {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4
}

.slide___3-Nqo {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 0;
    margin: 0;
    list-style-type: none
}

    .slide___3-Nqo:focus {
        outline: none !important
    }

.slideHorizontal___1NzNV {
    float: left
}

[dir=rtl] .slideHorizontal___1NzNV {
    direction: rtl;
    transform: scaleX(-1)
}

.slideInner___2mfX9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.focusRing___1airF {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    pointer-events: none;
    outline-width: 5px;
    outline-style: solid;
    outline-color: Highlight
}

@media (-webkit-min-device-pixel-ratio:0) {
    .focusRing___1airF {
        outline-style: auto;
        outline-color: -webkit-focus-ring-color
    }
}

.horizontalSlider___281Ls {
    position: relative;
    overflow: hidden
}

[dir=rtl] .horizontalSlider___281Ls {
    direction: ltr;
    transform: scaleX(-1)
}

.horizontalSliderTray___1L-0W {
    overflow: hidden;
    width: 100%
}

.verticalSlider___34ZFD {
    position: relative;
    overflow: hidden
}

.verticalSliderTray___267D8 {
    overflow: hidden
}

.verticalTray___12Key {
    float: left
}

.verticalSlideTrayWrap___2nO7o {
    overflow: hidden
}

.sliderTray___-vHFQ {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.sliderAnimation___300FY {
    transition: transform .5s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
    will-change: transform
}

.masterSpinnerContainer___1Z6hB {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4
}

.mobile-menu-slider {
    width: 100%;
    margin: 15px 0
}

.mobile-menu-slider__slider {
    border-radius: 5px
}

.mobile-menu-slider__image img {
    border-radius: 5px;
    width: 100%
}

.mobile-menu-slider__dots {
    position: absolute;
    bottom: 1px;
    display: flex;
    left: 0;
    width: 100%;
    justify-content: center
}

    .mobile-menu-slider__dots .carousel__dot {
        border: 0;
        outline: 0;
        background: 0;
        padding: 0;
        margin: 0 3px
    }

        .mobile-menu-slider__dots .carousel__dot span {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            display: inline-block
        }

    .mobile-menu-slider__dots .carousel__dot--selected span {
        background: #193db0
    }

.mobile-menu-slider .mobile-menu-slider-area {
    position: relative
}

.special-collections {
    margin: 30px 15px 15px
}

.special-collections__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.special-collections__heading {
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.special-collections__toggler {
    font-size: 14px;
    color: #333;
    text-decoration: underline
}

.special-collections__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
    overflow: hidden
}

.special-collections__item {
    border-radius: 5px;
    overflow: hidden;
    flex: 1 calc((100vw - 44px)/2);
    max-width: calc((100vw - 44px)/2);
    margin-bottom: 14px
}

.special-collections__image {
    width: 100%
}

.bottom-banners {
    margin: 0 15px
}

.bottom-banners__item {
    margin-bottom: 10px
}

.bottom-banners__image {
    width: 100%;
    border-radius: 4px
}

.all-brands-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    margin: 15px;
    border: solid 2px #193db0;
    font-size: 14px;
    font-weight: bold;
    color: #193db0 !important;
    text-decoration: none !important;
    border-radius: 5px
}

.pill-options {
    padding: 0 0 0 15px;
    margin: 22px 0
}

.pill-options__title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px
}

.pill-options__pills {
    display: flex;
    justify-content: space-between;
    overflow-x: auto
}

    .pill-options__pills::-webkit-scrollbar {
        -webkit-appearance: none
    }

    .pill-options__pills::-webkit-scrollbar {
        display: none
    }

.pill-options__pill {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1.5px #333;
    border-radius: 99px;
    color: #333 !important;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    flex-wrap: nowrap;
    flex: 0 0 26%;
    text-decoration: none !important;
    margin-right: 3%
}

    .pill-options__pill:active {
        color: #193db0 !important;
        border-color: #193db0
    }

.subzone-info-text {
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    background-color: #f4f4f4;
    font-size: 10px;
    font-weight: 600;
    color: #f76262;
    margin: 15px
}

.subzone-footer-button {
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #193db0 !important;
    border: solid 2px #193db0;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    margin: 40px 15px
}

.subzone-menu-title {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgba(0,0,0,0);
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    padding-left: 15px
}

    .subzone-menu-title span {
        color: #7e7e7e
    }

.subzone-menu-title--outlet {
    color: #fff
}

.zone-menu-item {
    position: relative;
    border-bottom: 1px solid #f8f8f9;
    word-wrap: break-word;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-size: auto 80px;
    background-position: right 10px top 0;
    height: 80px;
    border: none;
    justify-content: space-between;
    color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-transform: uppercase;
    margin: 8px 16px 0
}

    .zone-menu-item .age-info {
        color: #7e7e7e
    }

    .zone-menu-item .zone-menu-item-anchor {
        color: #333;
        text-decoration: none !important;
        display: flex;
        height: 100%;
        width: 100%;
        padding-left: 15px;
        align-items: center
    }

        .zone-menu-item .zone-menu-item-anchor .waikikiland-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%
        }

            .zone-menu-item .zone-menu-item-anchor .waikikiland-box .waikikiland-box--img {
                margin-right: 20px
            }

    .zone-menu-item .zone-menu-outlet-info-img {
        width: 15px;
        height: 15px;
        margin: -4px 5px 0 0
    }

    .zone-menu-item.outlet-info-li {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        pointer-events: none;
        letter-spacing: normal;
        color: #555
    }

    .zone-menu-item.bg-full {
        background-position: right 0 top 0;
        background-size: 100% 100%
    }

    .zone-menu-item.woman {
        background-position: right -10px top 0
    }

    .zone-menu-item.man {
        background-position: right -10px top 0
    }

    .zone-menu-item.kids {
        background-position: right 0px top 0
    }

    .zone-menu-item.babies {
        background-position: right 0px top 0
    }

    .zone-menu-item.home {
        background-position: right -15px top 0
    }

    .zone-menu-item.shoes {
        background-position: right -15px top 0
    }

    .zone-menu-item.accesories {
        background-position: right 24px top 0
    }

    .zone-menu-item.gencler {
        background-color: #fac808
    }

    .zone-menu-item.waikikiland {
        background-position: right -5px top 0px;
        background-size: auto 80px
    }

.elsiva-title {
    display: block
}

.elsiva-text {
    color: #7e7e7e
}

.zone-menu-right-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    right: 20px;
    width: 15px;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

    .zone-menu-right-arrow::after {
        content: "";
        width: 2px;
        height: 20%;
        background-color: #b6b7b9;
        position: absolute;
        transform: rotate(-45deg);
        top: 10px
    }

    .zone-menu-right-arrow::before {
        content: "";
        width: 2px;
        height: 20%;
        background-color: #b6b7b9;
        position: absolute;
        transform: rotate(45deg);
        top: 16px
    }

.mobile-user-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 1002;
    margin: 0 !important;
    padding: 0 !important
}

.mobile-user-menu__title {
    position: relative;
    padding: 10px;
    display: flex;
    width: 100%;
    min-height: 50px;
    height: auto;
    align-items: center;
    border-bottom: 1px solid #ddd;
    justify-content: center;
    margin: 5px 0
}

    .mobile-user-menu__title &gt; h5 {
        margin: 0;
        text-align: center;
        color: #0047ba
    }

.mobile-user-menu__title-button {
    position: absolute;
    top: 0;
    right: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    height: 30px
}

    .mobile-user-menu__title-button:hover {
        cursor: pointer
    }

    .mobile-user-menu__title-button::after {
        content: "";
        width: 2px;
        height: 18px;
        background-color: #302e2b;
        position: absolute;
        transform: rotate(45deg);
        top: 10px;
        border-radius: 20%
    }

    .mobile-user-menu__title-button::before {
        content: "";
        width: 2px;
        height: 18px;
        background-color: #302e2b;
        position: absolute;
        transform: rotate(315deg);
        top: 10px;
        border-radius: 20%
    }

.mobile-user-menu__list {
    position: relative
}

    .mobile-user-menu__list &gt; li {
        display: block;
        position: relative;
        padding: 15px 10px;
        border-bottom: 1px solid #f8f8f9
    }

        .mobile-user-menu__list &gt; li .logout-button-red {
            background-color: rgba(0,0,0,0);
            border: none;
            margin: 0;
            padding: 0;
            color: #bf3a31
        }

        .mobile-user-menu__list &gt; li &gt; a {
            display: block;
            font-size: 1.1em;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #302e2b;
            text-decoration: none
        }

.mobile-user-menu__list-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    right: 20px;
    width: 15px;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

    .mobile-user-menu__list-arrow::after {
        content: "";
        width: 2px;
        height: 20%;
        background-color: #302e2b;
        position: absolute;
        transform: rotate(-45deg);
        top: 10px
    }

    .mobile-user-menu__list-arrow::before {
        content: "";
        width: 2px;
        height: 20%;
        background-color: #302e2b;
        position: absolute;
        transform: rotate(45deg);
        top: 16px
    }

.mmfooter {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 20px auto 100px;
    padding: 0
}

    .mmfooter a:link, .mmfooter a:hover {
        text-decoration: none
    }

.mmfooter__section--title {
    font-size: 14px;
    display: block;
    background-color: #f4f4f4;
    margin: 0 auto;
    padding: 10px 332px 10px 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333
}

.mmfooter__section--list-item {
    padding: 0 21px
}

    .mmfooter__section--list-item &gt; li {
        position: relative;
        margin: 1.5rem 0;
        display: flex;
        align-items: center;
        text-transform: capitalize
    }

        .mmfooter__section--list-item &gt; li a, .mmfooter__section--list-item &gt; li .sorun-icon {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333;
            margin-left: .5rem
        }

        .mmfooter__section--list-item &gt; li a, .mmfooter__section--list-item &gt; li .signlanguage-icon {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333;
            margin-left: .5rem
        }

        .mmfooter__section--list-item &gt; li .icon {
            background-repeat: no-repeat
        }

            .mmfooter__section--list-item &gt; li .icon.user {
                background-image: url(https://www.lcw.com/resource/Images/sprite/sprite.svg?17);
                background-position: -55px -285px;
                width: 29px;
                height: 15px
            }

            .mmfooter__section--list-item &gt; li .icon.myorders {
                background-image: url(https://www.lcw.com/resource/Images/sprite/sprite.svg?17);
                background-position: -55px -265px;
                width: 29px;
                height: 15px
            }

            .mmfooter__section--list-item &gt; li .icon.favs {
                background-image: url(https://www.lcw.com/resource/Images/sprite/sprite.svg?17);
                background-position: -55px -305px;
                width: 29px;
                height: 15px
            }

            .mmfooter__section--list-item &gt; li .icon.ordertrack {
                background-image: url(https://www.lcw.com/resource/Images/sprite/sprite.svg?17);
                background-position: -55px -325px;
                width: 29px;
                height: 17px
            }

            .mmfooter__section--list-item &gt; li .icon.livesupport {
                background-image: url(https://www.lcw.com/resource/Images/sprite/sprite.svg?17);
                background-position: -55px -345px;
                width: 29px;
                height: 17px
            }

            .mmfooter__section--list-item &gt; li .icon.isignlanguage {
                background-image: url(https://www.lcw.com/Resource/Images/isignlanguage.svg);
                width: 29px;
                height: 17px
            }

.mmwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.mmwrapper__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: 300px
}

.mmwrapper__tabs--t-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background-color: #fff;
    padding: 0 16px;
    margin: 10px 0
}

    .mmwrapper__tabs--t-btn-container .t-btn {
        width: 100%;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8b8b8b;
        padding-left: 10px;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        text-transform: uppercase;
        border-bottom: 2px solid #8b8b8b;
        margin: 0;
        opacity: .7
    }

        .mmwrapper__tabs--t-btn-container .t-btn:nth-child(1) {
            margin-right: 5px
        }

        .mmwrapper__tabs--t-btn-container .t-btn:nth-child(2) {
            margin-left: 5px
        }

        .mmwrapper__tabs--t-btn-container .t-btn .t-btn-title {
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #8b8b8b
        }

        .mmwrapper__tabs--t-btn-container .t-btn.active {
            opacity: 1;
            color: #193db0;
            border-bottom-color: #193db0
        }

            .mmwrapper__tabs--t-btn-container .t-btn.active .t-btn-title {
                color: #193db0
            }

.mmwrapper .t-panel-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mega-menu_hamburger-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 36px;
    margin-right: 10px
}

.mega-menu_hamburger-button__bar {
    width: 22px;
    height: 2px;
    background-color: #193db0;
    border-radius: 5px
}

.mega-menu_hamburger-button__title {
    font-size: 8px;
    color: #193db0
}

.mh-container {
    display: none;
}

.landing-layout-container {
    min-height: 250px;
}


@media(max-width: 992px) {
    #header__container {
        position: sticky;
        position: -webkit-sticky;
        width: 100%;
        z-index: 1002;
        background-color: #fff;
        top: 0;
        left: 0
    }


    .mh-container {
        display: block;
    }

    .header--high,
    .menu-nav {
        display: none;
    }

    .displayNone {
        display: none
    }

    .mh-container .mh__middle .main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px
    }

    .mh-container .mh__middle .main__left {
        display: flex;
        align-items: flex-start
    }

    .mh-container .mh__middle .main__right {
        display: inherit
    }

    .mh-container .mh__middle .main__right-content {
        display: flex;
        flex: 1;
        justify-content: space-between
    }

    .mh-container .mh__bottom-wrapper {
        overflow: hidden;
        -moz-transition: .1s max-height ease-in-out;
        -o-transition: .1s max-height ease-in-out;
        -webkit-transition: .1s max-height ease-in-out;
        transition: .1s max-height ease-in-out
    }

    .mh-container .mobile-header__hide-bottom {
        max-height: 0px
    }

    .mobile-header__shadow {
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.06)
    }
}

.scroll_to_top_container {
    position: fixed;
    z-index: 999;
    right: 45px;
    bottom: 60px;
    height: 30px;
    border: none !important;
    width: auto
}

@media(max-width: 992px) {
    .scroll_to_top_container {
        right: 10px
    }
}

.scroll_to_top_container .btn {
    display: flex;
    color: #193db0;
    border-radius: 20px;
    background: #fff;
    transition: .3s;
    align-items: center;
    padding: 3px 10px;
    border: solid .06em #193db0;
    text-decoration: none
}

    .scroll_to_top_container .btn:hover, .scroll_to_top_container .btn:active {
        outline: none !important;
        box-shadow: none;
        background: #193db0;
        transition: .3s;
        text-decoration: none
    }

        .scroll_to_top_container .btn:hover::before, .scroll_to_top_container .btn:active::before {
            color: #fff
        }

        .scroll_to_top_container .btn:hover .txt, .scroll_to_top_container .btn:active .txt {
            color: #fff;
            transition: .3s
        }

    .scroll_to_top_container .btn::before {
        font-size: 20px;
        font-weight: 600
    }

.scroll_to_top_container .txt {
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
    transition: .3s;
    font-family: "Open Sans",sans-serif !important
}

.order-status-item {
    border: none;
    margin-top: 10px;
    text-align: -webkit-center;
    text-align: center
}

@media screen and (max-width: 991px) {
    .order-status-item {
        margin-top: 0;
        display: block
    }
}

.order-status-item .last-order-info-text p {
    font-size: 14px;
    line-height: 1;
    color: #333;
    text-align: center
}

    .order-status-item .last-order-info-text p.p-order-status {
        padding: 10px;
        margin-bottom: 15px
    }

        .order-status-item .last-order-info-text p.p-order-status span {
            font-weight: bold;
            color: #193db0;
            font-size: 18px
        }

            .order-status-item .last-order-info-text p.p-order-status span img {
                margin-right: 5px
            }

.order-status-item .last-order-info-text h5 {
    margin: 10px 0px !important
}

.order-status-item .last-order-info-text .order-detail-link {
    border: solid 1px #193db0;
    display: inline-block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border-radius: 3px;
    font-size: 14px;
    text-decoration: none !important;
    color: #193db0
}

    .order-status-item .last-order-info-text .order-detail-link i {
        font-size: 19px;
        margin: auto 0 auto 10.1px;
        font-weight: 600
    }

.order-status-item .seperator {
    width: 95%;
    height: 2px;
    background: #e5e5e5;
    border-radius: 10px;
    margin-top: 20px
}

#Modal__OrderStatusBar .order-status-bar {
    width: 440px !important;
    border-radius: 10px
}

@media screen and (max-width: 991px) {
    #Modal__OrderStatusBar .order-status-bar {
        width: 90% !important;
        padding-top: 0 !important
    }
}

#Modal__OrderStatusBar .order-status-bar__header {
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    padding-bottom: 0;
    border-radius: 10px
}

@media screen and (max-width: 991px) {
    #Modal__OrderStatusBar .order-status-bar__header {
        padding: 13px 17px 0
    }
}

#Modal__OrderStatusBar .order-status-bar__header .close {
    width: auto;
    height: 40px;
    font-size: 43px;
    color: #b6b7b9;
    background: rgba(0,0,0,0);
    border: none;
    position: absolute;
    right: 5%;
    top: 1%
}

#Modal__OrderStatusBar .order-status-bar__header .modal-title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #193db0
}

#Modal__OrderStatusBar .order-status-bar__content {
    height: auto;
    overflow-y: auto;
    max-height: 410px;
    text-align: -webkit-center
}

@media screen and (max-width: 991px) {
    #Modal__OrderStatusBar .order-status-bar__content {
        margin-bottom: 41px;
        max-height: 350px
    }
}

#Modal__OrderStatusBar .order-status-bar__content .showLastOrderBar {
    border: none;
    margin-top: 24px;
    text-align-last: center
}

@media screen and (max-width: 991px) {
    #Modal__OrderStatusBar .order-status-bar__content .showLastOrderBar {
        margin-top: 0;
        display: block
    }
}

#Modal__OrderStatusBar .order-status-bar__content .showLastOrderBarSeperator {
    width: 75%;
    background: #e5e5e5;
    height: 1px;
    margin-top: 24px
}

#Modal__OrderStatusBar .order-status-bar__content .orderStatusTitle {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #193db0
}

#Modal__OrderStatusBar ::-webkit-scrollbar {
    width: 7px
}

#Modal__OrderStatusBar ::-webkit-scrollbar-track {
    background: #f1f1f1
}

#Modal__OrderStatusBar ::-webkit-scrollbar-thumb {
    background: #888
}

    #Modal__OrderStatusBar ::-webkit-scrollbar-thumb:hover {
        background: #555
    }


.cookie__policy__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    z-index: 999;
    bottom: 7px;
    left: 18px;
    visibility: visible;
    transform: translateY(110%);
    transition: all 500ms ease-out
}

@media(max-width: 991px) {
    .cookie__policy__container {
        width: 100%;
        bottom: 0;
        left: 0
    }
}

.cookie__policy__container.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms
}

.cookie__policy__container .cookie__card {
    margin: 0 auto;
    padding: 15px;
    width: 414px;
    display: grid;
    grid-template-rows: 20px 50px 1fr 50px;
    border-radius: 5px;
    border-style: none;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.24);
    transition: all .5s
}

@media(max-width: 991px) {
    .cookie__policy__container .cookie__card {
        width: 100%;
        margin: 0;
        padding-top: 5px;
        border-radius: 0
    }
}

.cookie__policy__container .cookie__card .cookie__dismiss {
    grid-row: 1/2;
    justify-self: end;
    color: #555;
    font-weight: bold;
    font-size: 21px
}

    .cookie__policy__container .cookie__card .cookie__dismiss:hover {
        cursor: pointer
    }

.cookie__policy__container .cookie__card .cookie__content {
    grid-row: 2/4;
    font-size: 12px;
    padding-right: 15px;
    color: #555
}

    .cookie__policy__container .cookie__card .cookie__content &gt; a {
        color: #302e2b
    }

.cookie__policy__container .cookie__card .cookie__button {
    grid-row: 4/5;
    align-self: center;
    margin-top: 10px
}

    .cookie__policy__container .cookie__card .cookie__button button {
        color: #fff;
        font-weight: bold;
        background: #193db0;
        padding: 10px 20px;
        text-align: center;
        border-radius: 3px;
        transition: background .3s;
        border-style: none;
        float: right
    }

@media(max-width: 991px) {
    .cookie__policy__container .cookie__card .cookie__button button {
        float: none;
        padding: 5px 25px
    }
}

.cookie__policy__container p {
    margin: 0;
    padding: 0
}

.cookie__policy__container a {
    text-decoration: underline
}

    .cookie__policy__container a:hover {
        text-decoration: underline
    }

.f-t {
    background-color: rgba(0,0,0,0);
    border-top: solid 1px #f2f2f2
}

.f-t__text-area {
    text-align: center;
    margin: 16px 0 16px 0
}

.f-t__text-area__text {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #333
}

.f-t__mobile-app-area {
    text-align: center;
    margin: 0 0 16px 0
}

.mobile-apps-badge {
    width: 110px;
    height: 33px;
    margin-right: 12px
}

    .mobile-apps-badge:hover {
        cursor: pointer
    }

    .mobile-apps-badge:not(:first-of-type) {
        margin-left: 3px
    }

.footer-bottom__icon-area {
    display: block;
    text-align: center;
    margin: 25px 0px 0px 0px
}

.footer-bottom-icons {
    display: flex;
    justify-content: space-between
}

.footer-payment-logos {
    width: 485px;
    margin: auto
}

.footer-payment-logos__img {
    width: auto;
    height: 20px;
    margin: 10px
}

.footer-payment-logos .etbis {
    height: 30px
}

.footer-payment-logos .guven-damgasi {
    height: 27px
}

.icon-area-header {
    text-align: left;
    margin-left: 15px
}

.icon-area-header-left {
    text-align: start;
}

.icon-area-text {
    font-weight: bold
}

.footer-card-logos {
    width: 480px;
    margin: auto
}

.background-icon {
    position: relative
}

.background-icon__desktop {
    width: auto
}

.social-media-icons {
    position: absolute;
    right: 10px;
    top: 34%;
    left: 10px
}

.social-media-icons__text-area {
    margin-bottom: 10px;
    margin-top: -10px
}

.social-media-icons__text-area__text {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    color: #333
}

.footer-bottom-icons-country {
    padding: 0 100px 0 100px
}

.icon-black-instagram {
    fill: #333
}

    .icon-black-instagram:hover {
        fill: #e1306c
    }

.icon-black-facebook {
    fill: #333
}

    .icon-black-facebook:hover {
        fill: #3b5998
    }

.icon-black-linkedin {
    fill: #333
}

    .icon-black-linkedin:hover {
        fill: #007bb6
    }

.icon-black-youtube {
    fill: #333
}

    .icon-black-youtube:hover {
        fill: #b00
    }

@media(max-width: 992px) {
    .footer-bottom__icon-area {
        border-bottom: solid 1px #f2f2f2
    }

    .icon-area-header {
        text-align: center;
        margin-left: 0
    }

    .icon-area-header-left {
        text-align: center;
        margin-left: 0
    }

    .footer-bottom-icons-country {
        padding: 0 0 0 0
    }

    .footer-bottom-icons {
        display: block
    }

    .footer-payment-logos {
        width: 270px
    }

    .footer-card-logos {
        width: 280px
    }
}

.cg-content-area {
    text-align: center
}

.my-element {
    grid-gap: 2;
    margin-top: 2rem
}

@media(min-width: 768px) {
    .my-element {
        display: flex;
        justify-content: center;
        margin-top: 4rem
    }
}

.cg-button {
    margin-right: 1rem;
    margin-left: 1em;
    padding: 8px 24px;
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    margin-right: 2rem;
    font-size: 14px;
    color: #212529;
    margin-right: .5rem
}

    .cg-button:hover {
        background-color: #193db0;
        color: #f8f9fa
    }

.change-country-container {
    height: 50px;
    flex-grow: 0;
    margin: 14px 8px 3px 10px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left
}

.change-country-container__btn {
    display: flex;
    font-size: 16px
}

    .change-country-container__btn:hover {
        text-decoration: none
    }

.change-country-container__btn__txt {
    color: #333;
    margin: 4px
}

.footer-icon-angle-right {
    width: 18px;
    height: 18px;
    margin-left: 4px;
    margin-top: 2px;
    stroke: #333
}

@media(max-width: 992px) {
    .change-country-container {
        height: 50px;
        flex-grow: 0;
        margin: 34px 8px 3px 15px
    }

    .change-country-container__btn {
        font-size: 14px
    }
}

.aydinlatma-metni {
    margin-bottom: 24px
}

#aydinlatma-metni-modal .aydinlatma-metni-modal-dialog {
    overflow-x: visible;
    height: 560px;
    padding: 0px !important
}

@media screen and (min-width: 991px) {
    #aydinlatma-metni-modal .aydinlatma-metni-modal-dialog {
        width: 100%;
        width: 880px !important
    }
}

#aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-header {
    padding: 24px;
    padding-bottom: 0px;
    display: flex;
    justify-content: end !important
}

#aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content-base {
    padding: 16px 40px 40px 40px;
    background-color: #fff
}

@media screen and (max-width: 990px) {
    #aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content-base {
        padding: 16px
    }
}

#aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content {
    font-size: 14px;
    overflow-y: scroll;
    scrollbar-color: #9b9b9b #d8d8d8;
    scrollbar-width: thin;
    height: 440px
}

    #aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content::-webkit-scrollbar {
        width: 6px;
        transform: scaleY(0)
    }

    #aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content::-webkit-scrollbar-track {
        opacity: .5;
        background-color: #d8d8d8;
        border-radius: 25px;
        --webkit-box-shadow: inset 0 0 6px #9b9b9b;
        margin: 0 30px
    }

    #aydinlatma-metni-modal .aydinlatma-metni-modal-dialog-content::-webkit-scrollbar-thumb {
        width: 6px;
        height: 110px;
        background-color: #9b9b9b;
        border-radius: 25px;
        --webkit-box-shadow: inset 0 0 6px #9b9b9b
    }

#aydinlatma-metni-modal #dangerously-content {
    width: 95%
}

#aydinlatma-metni-modal .close {
    cursor: pointer;
    opacity: 1
}

#aydinlatma-metni-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    background-color: rgba(0,0,0,.5)
}

#aydinlatma-metni-modal .modal-tabs-container {
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 24px
}

    #aydinlatma-metni-modal .modal-tabs-container .modal-tabs {
        display: flex;
        justify-content: space-evenly
    }

        #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .modal-tabs-header {
            flex: 1;
            padding: 14px 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            text-align: center;
            position: relative;
            color: #333;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row
        }

@media screen and (max-width: 900px) {
    #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .modal-tabs-header {
        flex-direction: column;
        padding: 10px;
        font-size: 13px
    }
}

#aydinlatma-metni-modal .modal-tabs-container .modal-tabs .active {
    border-radius: 5px;
    background-color: #193db0;
    color: #fff;
    font-weight: bold
}

    #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .active:before, #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .active:after {
        content: "";
        width: 11px;
        height: 20px;
        display: block;
        position: absolute;
        background-color: #193db0;
        bottom: -7px
    }

    #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .active:before {
        left: calc(50% - 6px);
        transform: rotate(-60deg)
    }

    #aydinlatma-metni-modal .modal-tabs-container .modal-tabs .active:after {
        left: calc(50% + 6px);
        transform: rotate(60deg)
    }

#aydinlatma-metni-modal ul {
    list-style-type: disc !important;
    padding-left: 30px
}

#aydinlatma-metni-modal .span-break-line-mobile {
    background-color: red
}

@media screen and (max-width: 900px) {
    #aydinlatma-metni-modal .span-break-line-mobile {
        padding: 50px
    }
}

.f-a__item {
    width: max-content
}

.f-a__item__toggle {
    display: flex;
    justify-content: space-between;
    height: 50px
}

.f-a__item__toggle__title {
    flex-grow: 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin: 24px 0 0 0 !important
}

.f-a__item__icon {
    width: 18px;
    height: 18px;
    margin-top: 22px;
}

.f-a__item__text {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    color: #333;
    margin-top: 3px;
    display: block;
    margin-bottom: 17px
}

    .f-a__item__text .footer-aydinlatma-metni {
        margin: 0;
        text-decoration: none;
        color: #333
    }

    .f-a__item__text:hover {
        color: #8b8b8b
    }

.background-icon__responsive {
    display: none;
}

.f-a-icon-area {
    float: left;
    width: 24px
}

.f-a-collapse {
    display: none
}

.f-a-accordion-body {
    width: max-content;
    display: flex;
    cursor: pointer;
    color: #333
}

    .f-a-accordion-body:hover {
        stroke: #8b8b8b;
        fill: #8b8b8b !important;
        color: #8b8b8b !important
    }

    .f-a-accordion-body:focus {
        color: #8b8b8b !important
    }

.show {
    display: block
}

.f-a-item-text-decore {
    stroke: #333;
    fill: #333
}

.footer-top__mobile-app-area {
    display: none;
}

@media(max-width: 992px) {
    .f-a {
        margin: 0 0 0 0
    }

    .f-a__item {
        width: auto
    }

    .f-a__item__toggle__title {
        font-size: 14px;
        margin-top: 18px !important
    }
}

.footer-top__text-area {
    text-align: center;
    font-size: 14pt;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-top__mobile-app-area {
    display: flex;
    align-items: center;
    justify-content: center;
}


.background-icon__desktop {
    display: none;
}

.footer-accordion {
    background-color: #fafafa
}

.footer-accordion__body {
    padding: 15px;
}

.item-area {
    font-size: 14px;
    width: 100%;
    line-height: 20px;
    margin-bottom: 10px
}

.customer-service-tel {
    display: flex;
    stroke: #333;
    color: #333;
    font-size: 14px
}

    .customer-service-tel:hover {
        stroke: #8b8b8b;
        color: #8b8b8b !important
    }

    .customer-service-tel:focus {
        color: #8b8b8b !important;
        stroke: #8b8b8b
    }

.customer-service-tel__text {
    text-decoration: none
}

.customer-service-tel__icon {
    margin-bottom: -3px
}

.card-body {
    display: flex;
    justify-content: space-evenly
}

.card-body__items {
    margin-top: 30px
}

@media(max-width: 992px) {
    .card-body {
        display: block
    }
}

.footer-container {
    position: relative !important;
    background-color: #fff
}

.footer-content {
    background-color: #fafafa
}

.st0 {
    fill: #0038AE
}

.video-area-buttons {
    z-index: 1000 !important;
}
</pre></body></html>