:root {
    --brand-100: #002654;
    --black-300: #010307;
    --black-301: #1C1E21;
    --black-302: #36383C;
    --black-303: #515356;
    --black-304: #6C6D70;
    --black-305: #87888A;
    --black-306: #A2A3A4;
    --black-307: #BCBDBF;
    --black-308: #D7D8D9;
    --black-309: #F2F2F3;
    --alpha-30070: rgba(1, 3, 7, 0.7);
    --alpha-30050: rgba(1, 3, 7, 0.5);
    --alpha-30570: rgba(135, 136, 138, 0.7);
    --alpha-30550: rgba(135, 136, 138, 0.5);
    --alpha-30770: rgba(188, 189, 191, 0.7);
    --alpha-30750: rgba(188, 189, 191, 0.5);
    --white-400: #fefefe;
    --auxiliary-success: #449670;
    --auxiliary-note: #e3b339;
    --auxiliary-warning: #c93232;
    --font-helvetica: Helvetica Chopard;
    --font-walbaum: Walbaum;
    --font-engravers: Engravers;
    --skin-body-font: var(--font-helvetica);
    --body-font-family: var(--font-helvetica);
    --color-white: #fefefe;
    --color-black: #010307;
    --color-blue: #0070d2;
    --color-green: #008827;
    --color-primary: #00a1e0;
    --color-red: #c00;
    --color-success: var(--color-green);
    --color-danger: var(--color-red);
    --color-light-blue: #7ed0ee;
    --color-grey1: #f9f9f9;
    --color-grey2: #eee;
    --color-grey3: #ccc;
    --color-grey4: #999;
    --color-grey5: #666;
    --color-grey6: #444;
    --color-grey7: #222;
    --color-grey8: #333;
    --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
    --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
    --color-light-gray: var(--color-grey1);
    --color-slightly-darker-gray: var(--color-grey4);
    --color-dark-gray: var(--color-grey6);
    --color-darker-gray: var(--color-grey7);
    --color-horizontal-rule-grey: var(--color-grey3);
    --color-product-number-grey: var(--color-grey3);
    --color-horizontal-border-grey: var(--color-grey4);
    --color-menu-link: var(--color-grey6);
    --color-close-menu-bg: var(--color-grey2);
    --color-link-color: var(--color-dark-gray);
    --color-hr-border-color: var(--color-grey3);
    --skin-background-color-1: var(--white-400);
    --skin-border-color-1: var(--color-white);
    --skin-main-text-color-1: var(--black-300);
    --skin-main-text-color-2: var(--color-gray7);
    --skin-menu-color-1: #444;
    --skin-menu-color-1-invert: var(--color-white);
    --skin-menu-color-2: #222;
    --skin-link-color-1: #444;
    --skin-link-color-2: var(--color-blue);
    --skin-primary-color-1: var(--color-primary);
    --skin-primary-color-2: var(--color-primary);
    --skin-primary-color-invert-1: var(--color-white);
    --skin-selectbox-background-color-1: var(--color-white);
    --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
    --skin-banner-background-color-1: #444;
    --skin-banner-background-color-2: #222;
    --skin-banner-text-color-1: var(--color-white);
    --skin-heading-color-1: var(--color-primary);
    --skin-heading-color-1-invert: var(--color-white);
    --skin-price-1: var(--color-gray7);
    --skin-header-font: 'Dosis'
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-display: swap;
    src: local("Helvetica Neue"),local("HelveticaNeue"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-style: italic;
    font-display: swap;
    src: local("Helvetica Neue Italic"),local("HelveticaNeueItalic"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-weight: bold;
    font-display: swap;
    src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Regular.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Regular.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Italic.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Italic.woff") format("woff")
}

@font-face {
    font-family: Engravers;
    font-display: swap;
    src: url("../../fonts/engravers/EngraversGothicBT-Regular.woff2") format("woff2"),url("../../fonts/engravers/EngraversGothicBT-Regular.woff") format("woff")
}

.text-large {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 2rem;
    letter-spacing: 1.6px
}

@media (min-width: 699px) {
    .text-large {
        font-size:2.5rem;
        letter-spacing: 2px
    }
}

@media (min-width: 1024px) {
    .text-large {
        font-size:3rem;
        letter-spacing: 2.4px
    }
}

.text-medium {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-medium {
        font-size:2rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-medium {
        font-size:2.25rem;
        letter-spacing: 1.8px
    }
}

.text-small {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.375rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

@media (min-width: 1024px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

.text-xsmall {
    font-family: Engravers;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1rem;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

.text-deco-big {
    font-family: Walbaum;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.75rem;
    letter-spacing: 0.28px
}

@media (min-width: 699px) {
    .text-deco-big {
        font-size:2rem;
        letter-spacing: 0.32px
    }
}

@media (min-width: 1024px) {
    .text-deco-big {
        font-size:2.25rem;
        letter-spacing: 0.36px
    }
}

.text-deco-small {
    font-family: Walbaum;
    font-style: italic;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.25rem;
    letter-spacing: 0.2px
}

@media (min-width: 699px) {
    .text-deco-small {
        font-size:1.375rem;
        letter-spacing: 0.22px
    }
}

@media (min-width: 1024px) {
    .text-deco-small {
        font-size:1.5rem;
        letter-spacing: 0.24px
    }
}

.text-overline {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase
}

.text-label {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.copy-large {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-standard {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-small {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px
}

.copy-tiny {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px
}

.link-big {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-standard {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-small {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.icon {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    fill: currentColor;
    width: 24px;
    height: 24px
}

.custom-icon {
    position: relative;
    display: inline-block
}

.custom-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.custom-icon.mail-icon::before {
    background-image: url("../images/icon-mail__dark.svg")
}

.custom-icon.download-icon::before {
    background-image: url("../images/icon-download.svg")
}

.custom-icon.phone-icon::before {
    background-image: url("../images/phone.svg")
}

.custom-icon.call-icon::before {
    background-image: url("../images/chat_alternative.svg")
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

body {
    max-width: 2560px !important;
    margin: 0 auto !important;
    overflow-x: clip
}

body,.card,.card-header,.hero {
    background-color: var(--skin-background-color-1);
    font-family: var(--skin-body-font);
    color: var(--skin-main-text-color-1)
}

.hero {
    border-bottom-color: var(--skin-background-color-1)
}

.main-menu {
    background-color: var(--skin-banner-background-color-1)
}

.banner-color {
    background-color: var(--skin-banner-background-color-1)
}

.header-banner {
    background-color: var(--skin-banner-background-color-2);
    color: var(--skin-banner-text-color-1)
}

.header-banner .close-button .close {
    background-color: var(--skin-primary-color-1)
}

h1.header.page-title,h1.header.page-title::before {
    background-color: var(--skin-heading-color-1);
    color: var(--skin-heading-color-1-invert)
}

.product-tile {
    background-color: var(--skin-background-color-1);
    border: 10px solid var(--skin-border-color-1)
}

.refinements ul li button {
    color: var(--skin-primary-color-1)
}

.custom-select {
    background-color: var(--skin-selectbox-background-color-1);
    color: var(--skin-selectbox-text-color-1)
}

a {
    color: var(--skin-primary-color-1)
}

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
    color: var(--skin-primary-color-1)
}

.price {
    color: var(--skin-price-1)
}

.navbar,.navbar .nav-item,.navbar .nav-item a,.navbar .nav-item.dropdown,.navbar .nav-item.dropdown a,.dropdown-menu,.dropdown-menu a {
    color: var(--skin-menu-color-1)
}

@media (min-width: 769px) {
    .navbar,.navbar .nav-item,.navbar .nav-item a,.navbar .nav-item.dropdown,.navbar .nav-item.dropdown a,.dropdown-menu,.dropdown-menu a {
        color:var(--skin-menu-color-1-invert)
    }
}

.navbar .nav-item.dropdown,.navbar .nav-item.dropdown .dropdown-menu.show {
    color: var(--skin-selectbox-text-color-1)
}

.navbar .nav-item.dropdown .dropdown-menu.show {
    background-color: var(--skin-selectbox-background-color-1)
}

.navbar .nav-item.dropdown .dropdown-menu.show a,.navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
    color: var(--skin-selectbox-text-color-1)
}

.nav-item .nav-link:hover,.nav-item .nav-link:focus,.nav-item.show .nav-link {
    background-color: var(--skin-menu-color-1-invert);
    color: var(--skin-menu-color-1) !important
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--skin-header-font),sans-serif
}

a {
    color: var(--skin-link-color-1)
}

.bg-black {
    background-color: var(--black-300)
}

.bg-grey {
    background-color: var(--alpha-30750)
}

.hide-content {
    display: none
}

.opacityHidden {
    opacity: 0
}

.card-item {
    list-style: none
}

.modal .modal-body {
    flex: 0 0 auto
}

.alert {
    background-color: #fefefe
}

.swiper-button-prev,.swiper-button-next {
    z-index: 0
}

ul.swiper-pagination {
    padding-inline-start:0;margin-bottom: 0
}

ul.swiper-pagination .swiper-pagination-bullet button {
    padding: 12px;
    position: absolute;
    top: -1px;
    left: -1px
}

ul.swiper-pagination .swiper-pagination-bullet-active button {
    width: 60px
}

body.high-contrast-enabled .high-contrast-target blockquote,body.high-contrast-enabled .high-contrast-target p,body.high-contrast-enabled .high-contrast-target span,body.high-contrast-enabled .high-contrast-target h1,body.high-contrast-enabled .high-contrast-target h2,body.high-contrast-enabled .high-contrast-target h3,body.high-contrast-enabled .high-contrast-target h4,body.high-contrast-enabled .high-contrast-target h5,body.high-contrast-enabled .high-contrast-target h6,body.high-contrast-enabled .high-contrast-target .text-overline,body.high-contrast-enabled .high-contrast-target .text-deco-small {
    color: #010307 !important;
    background-color: #fefefe
}

body.high-contrast-enabled .btn-secondary,body.high-contrast-enabled .inpage-nav.bg-black a.btn-secondary,body.high-contrast-enabled .btn.btn-secondary.jsEnterCategory,body.high-contrast-enabled .btn-close,body.high-contrast-enabled .animatedStage--negative .btn-primary,body.high-contrast-enabled .jsPortalClose,body.high-contrast-enabled .cart-delete-confirmation-btn {
    background-color: #F2F2F3;
    color: #010307
}

body.high-contrast-enabled .btn-close svg {
    fill: #010307 !important
}

body.high-contrast-enabled .btn-secondary.inverted,body.high-contrast-enabled .video-controls,body.high-contrast-enabled .merch-push-slot__product-icon,body.high-contrast-enabled .childs-text-white .btn-secondary,body.high-contrast-enabled .image-wrapper .shopping-bag {
    background-color: #36383C;
    color: #fefefe
}

body.high-contrast-enabled .pd-tile .swiper-button,body.high-contrast-enabled .jsPortalClose,body.high-contrast-enabled .product-card__tags-item,body.high-contrast-enabled .product-card__tags-item:hover,body.high-contrast-enabled .btn.btn--primary,body.high-contrast-enabled .btn-primary,body.high-contrast-enabled .btn-primary:hover,body.high-contrast-enabled .cart-delete-confirmation-btn,body.high-contrast-enabled .cart-delete-confirmation-btn:hover,body.high-contrast-enabled .cart-delete-confirmation-btn:focus,body.high-contrast-enabled .cart-delete-confirmation-btn:active,body.high-contrast-enabled .btn-close,body.high-contrast-enabled .btn-close:hover,body.high-contrast-enabled .btn-close:focus,body.high-contrast-enabled .btn-close:active,body.high-contrast-enabled .btn-secondary,body.high-contrast-enabled .btn-secondary:focus,body.high-contrast-enabled .btn-secondary:hover {
    border: 1px solid #010307
}

body.high-contrast-enabled .variant--black .product-card__tags,body.high-contrast-enabled .firstEditorialBanner--negative .btn,body.high-contrast-enabled .secondEditorialBanner--negative .btn,body.high-contrast-enabled .video-controls,body.high-contrast-enabled .image-wrapper .shopping-bag,body.high-contrast-enabled .footer .btn,body.high-contrast-enabled .merch-push-slot__product-icon,body.high-contrast-enabled .childs-text-white .btn,body.high-contrast-enabled .smallStage--negative .btn,body.high-contrast-enabled .pd-tile.variant--black .swiper-button,body.high-contrast-enabled .variant--black .product-card__tags:hover,body.high-contrast-enabled .firstEditorialBanner--negative .btn:hover,body.high-contrast-enabled .secondEditorialBanner--negative .btn:hover,body.high-contrast-enabled .video-controls:hover,body.high-contrast-enabled .footer .btn:hover,body.high-contrast-enabled .childs-text-white+.merch-push-slot__product-icon:hover,body.high-contrast-enabled .childs-text-white .btn:hover,body.high-contrast-enabled .smallStage--negative .btn:hover {
    border: 1px solid #fefefe
}

body.high-contrast-enabled .pd-tile.variant--black .product-card-add-to-cart-container.show-on-hover .btn {
    background-color: #fefefe;
    color: #010307;
    border: 1px solid #fefefe
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    fill: currentColor;
    width: 24px;
    height: 24px
}

.custom-icon {
    position: relative;
    display: inline-block
}

.custom-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.custom-icon.mail-icon::before {
    background-image: url("../images/icon-mail__dark.svg")
}

.custom-icon.download-icon::before {
    background-image: url("../images/icon-download.svg")
}

.custom-icon.phone-icon::before {
    background-image: url("../images/phone.svg")
}

.custom-icon.call-icon::before {
    background-image: url("../images/chat_alternative.svg")
}

@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
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

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

.swiper-horizontal {
    touch-action: pan-y
}

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

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

.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);
    backface-visibility: hidden
}

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

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

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

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

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

.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,0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0,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,0.5), rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0,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,0.5), rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0,0,0,0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0,0,0,0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

:root {
    --blue: #0070d2;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #c00;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #008827;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fefefe;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #00a1e0;
    --secondary: #6c757d;
    --success: #008827;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #c00;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 699px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1380px;
    --breakpoint-xl: 1920px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(1,3,7,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fefefe
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #444;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #1e1e1e;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,code,kbd,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}
.single_item76 li{
    flex: 0 0 16.5% !important;

}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle;
    
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fefefe;
    border: 1px solid #dee2e6;
    border-radius: .1875rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.container,.container-fluid,.container-xs,.container-sm,.container-md,.container-lg,.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.container {
    max-width: 621px
}

@media (min-width: 699px) {
    .container,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1024px) {
    .container,.container-sm,.container-md {
        max-width:1823.999px
    }
}

@media (min-width: 1380px) {
    .container,.container-sm,.container-md,.container-lg {
        max-width:1824px
    }
}

@media (min-width: 1920px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1824.001px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 699px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1024px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1380px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1920px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th,.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ccc
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ccc
}

.table tbody+tbody {
    border-top: 2px solid #ccc
}

.table-sm th,.table-sm td {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #ccc
}

.table-bordered th,.table-bordered td {
    border: 1px solid #ccc
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(1,3,7,0.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(1,3,7,0.075)
}

.table-primary,.table-primary>th,.table-primary>td {
    background-color: #b7e4f6
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody {
    border-color: #7aceee
}

.table-hover .table-primary:hover {
    background-color: #a0dcf3
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #a0dcf3
}

.table-secondary,.table-secondary>th,.table-secondary>td {
    background-color: #d5d8da
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody {
    border-color: #b2b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c7cbce
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c7cbce
}

.table-success,.table-success>th,.table-success>td {
    background-color: #b7ddc2
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
    border-color: #7ac18e
}

.table-hover .table-success:hover {
    background-color: #a6d5b3
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #a6d5b3
}

.table-info,.table-info>th,.table-info>td {
    background-color: #bde4ea
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
    border-color: #86ceda
}

.table-hover .table-info:hover {
    background-color: #aadce4
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #aadce4
}

.table-warning,.table-warning>th,.table-warning>td {
    background-color: #feedb9
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
    border-color: #ffde7e
}

.table-hover .table-warning:hover {
    background-color: #fee7a0
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #fee7a0
}

.table-danger,.table-danger>th,.table-danger>td {
    background-color: #f0b7b7
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody {
    border-color: #e47a7a
}

.table-hover .table-danger:hover {
    background-color: #eca2a2
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #eca2a2
}

.table-light,.table-light>th,.table-light>td {
    background-color: #fcfdfd
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody {
    border-color: #fbfbfc
}

.table-hover .table-light:hover {
    background-color: #edf3f3
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #edf3f3
}

.table-dark,.table-dark>th,.table-dark>td {
    background-color: #c5c7c9
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
    border-color: #95989b
}

.table-hover .table-dark:hover {
    background-color: #b8babd
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b8babd
}

.table-active,.table-active>th,.table-active>td {
    background-color: rgba(1,3,7,0.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,0.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,0.075)
}

.table .thead-dark th {
    color: #fefefe;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #ccc
}

.table-dark {
    color: #fefefe;
    background-color: #343a40
}

.table-dark th,.table-dark td,.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(254,254,254,0.05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fefefe;
    background-color: rgba(254,254,254,0.075)
}

@media (max-width: 698.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 1023.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 1379.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1919.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup,.dropright,.dropdown,.dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fefefe;
    background-clip: padding-box;
    border: 1px solid rgba(1,3,7,0.15);
    border-radius: .1875rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 699px) {
    .dropdown-menu-sm-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1024px) {
    .dropdown-menu-md-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1380px) {
    .dropdown-menu-lg-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1920px) {
    .dropdown-menu-xl-left {
        right:auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fefefe;
    text-decoration: none;
    background-color: #00a1e0
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 0 solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    background-color: transparent;
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fefefe;
    border-color: #dee2e6 #dee2e6 #fefefe
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .1875rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fefefe;
    background-color: #00a1e0
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .1875rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #005578;
    background-color: #cbebf8;
    border-color: #b7e4f6
}

.alert-primary hr {
    border-top-color: #a0dcf3
}

.alert-primary .alert-link {
    color: #003145
}

.alert-secondary {
    color: #393e44;
    background-color: #e1e3e4;
    border-color: #d5d8da
}

.alert-secondary hr {
    border-top-color: #c7cbce
}

.alert-secondary .alert-link {
    color: #222528
}

.alert-success {
    color: #004818;
    background-color: #cbe6d3;
    border-color: #b7ddc2
}

.alert-success hr {
    border-top-color: #a6d5b3
}

.alert-success .alert-link {
    color: #001507
}

.alert-info {
    color: #0c5663;
    background-color: #d0ecf0;
    border-color: #bde4ea
}

.alert-info hr {
    border-top-color: #aadce4
}

.alert-info .alert-link {
    color: #062e36
}

.alert-warning {
    color: #856607;
    background-color: #fef2cd;
    border-color: #feedb9
}

.alert-warning hr {
    border-top-color: #fee7a0
}

.alert-warning .alert-link {
    color: #554104
}

.alert-danger {
    color: #6b0103;
    background-color: #f4cbcb;
    border-color: #f0b7b7
}

.alert-danger hr {
    border-top-color: #eca2a2
}

.alert-danger .alert-link {
    color: #380102
}

.alert-light {
    color: #818385;
    background-color: #fdfdfd;
    border-color: #fcfdfd
}

.alert-light hr {
    border-top-color: #edf3f3
}

.alert-light .alert-link {
    color: #686a6b
}

.alert-dark {
    color: #1c2025;
    background-color: #d6d7d8;
    border-color: #c5c7c9
}

.alert-dark hr {
    border-top-color: #b8babd
}

.alert-dark .alert-link {
    color: #060708
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #010307;
    text-shadow: 0 1px 0 #fefefe;
    opacity: .5
}

.close:hover {
    color: #010307;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fefefe;
    background-clip: padding-box;
    border: 1px solid rgba(1,3,7,0.2);
    border-radius: .1875rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #010307
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.1875rem - 1px);
    border-top-right-radius: calc(.1875rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.1875rem - 1px);
    border-bottom-left-radius: calc(.1875rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 699px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 1380px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1920px) {
    .modal-xl {
        max-width:1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #010307
}

.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #010307
}

.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #010307
}

.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #010307
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fefefe;
    text-align: center;
    background-color: #010307;
    border-radius: .1875rem
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #00a1e0 !important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #007cad !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #008827 !important
}

a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {
    background-color: #005518 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #c00 !important
}

a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {
    background-color: #900 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fefefe !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #00a1e0 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #008827 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #c00 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fefefe !important
}

.rounded-sm {
    border-radius: .1875rem !important
}

.rounded {
    border-radius: .1875rem !important
}

.rounded-top {
    border-top-left-radius: .1875rem !important;
    border-top-right-radius: .1875rem !important
}

.rounded-right {
    border-top-right-radius: .1875rem !important;
    border-bottom-right-radius: .1875rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .1875rem !important;
    border-bottom-left-radius: .1875rem !important
}

.rounded-left {
    border-top-left-radius: .1875rem !important;
    border-bottom-left-radius: .1875rem !important
}

.rounded-lg {
    border-radius: .1875rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 699px) {
    .d-sm-none {
        display:none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1024px) {
    .d-md-none {
        display:none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1380px) {
    .d-lg-none {
        display:none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1920px) {
    .d-xl-none {
        display:none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 699px) {
    .flex-sm-row {
        flex-direction:row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1024px) {
    .flex-md-row {
        flex-direction:row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1380px) {
    .flex-lg-row {
        flex-direction:row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1920px) {
    .flex-xl-row {
        flex-direction:row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 699px) {
    .float-sm-left {
        float:left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 1024px) {
    .float-md-left {
        float:left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 1380px) {
    .float-lg-left {
        float:left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1920px) {
    .float-xl-left {
        float:left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(1,3,7,0.075) !important
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(1,3,7,0.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(1,3,7,0.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,.my-0 {
    margin-top: 0 !important
}

.mr-0,.mx-0 {
    margin-right: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.ml-0,.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,.my-1 {
    margin-top: .25rem !important
}

.mr-1,.mx-1 {
    margin-right: .25rem !important
}

.mb-1,.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,.my-2 {
    margin-top: .5rem !important
}

.mr-2,.mx-2 {
    margin-right: .5rem !important
}

.mb-2,.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,.my-3 {
    margin-top: 1rem !important
}

.mr-3,.mx-3 {
    margin-right: 1rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,.my-5 {
    margin-top: 3rem !important
}

.mr-5,.mx-5 {
    margin-right: 3rem !important
}

.mb-5,.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-right: 0 !important
}

.pb-0,.py-0 {
    padding-bottom: 0 !important
}

.pl-0,.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,.py-1 {
    padding-top: .25rem !important
}

.pr-1,.px-1 {
    padding-right: .25rem !important
}

.pb-1,.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,.py-2 {
    padding-top: .5rem !important
}

.pr-2,.px-2 {
    padding-right: .5rem !important
}

.pb-2,.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,.py-3 {
    padding-top: 1rem !important
}

.pr-3,.px-3 {
    padding-right: 1rem !important
}

.pb-3,.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,.py-5 {
    padding-top: 3rem !important
}

.pr-5,.px-5 {
    padding-right: 3rem !important
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,.my-auto {
    margin-top: auto !important
}

.mr-auto,.mx-auto {
    margin-right: auto !important
}

.mb-auto,.my-auto {
    margin-bottom: auto !important
}

.ml-auto,.mx-auto {
    margin-left: auto !important
}

@media (min-width: 699px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1024px) {
    .m-md-0 {
        margin:0 !important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1380px) {
    .m-lg-0 {
        margin:0 !important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1920px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 699px) {
    .text-sm-left {
        text-align:left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 1024px) {
    .text-md-left {
        text-align:left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 1380px) {
    .text-lg-left {
        text-align:left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1920px) {
    .text-xl-left {
        text-align:left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fefefe !important
}

.text-primary {
    color: #00a1e0 !important
}

a.text-primary:hover,a.text-primary:focus {
    color: #006a94 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #008827 !important
}

a.text-success:hover,a.text-success:focus {
    color: #003c11 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #c00 !important
}

a.text-danger:hover,a.text-danger:focus {
    color: maroon !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(1,3,7,0.5) !important
}

.text-white-50 {
    color: rgba(254,254,254,0.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,.plyr iframe,.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size:15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, rgba(0,0,0,0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, rgba(255,255,255,0.901961));
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0,0,0,0.14902));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),width 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.plyr__menu__container:after {
    border: 4px solid #0000;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px) solid rgba(0,0,0,0);
    border-top-color: var(--plyr-menu-background, rgba(255,255,255,0.901961));
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0,0,0,0);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease,opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor 0, rgba(0,0,0,0) 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0,0,0,0) var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "\2044";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.14902));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(0.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(0.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35,40,47,0.6) 25%, rgba(0,0,0,0) 0, rgba(0,0,0,0) 50%, rgba(35,40,47,0.6) 0, rgba(35,40,47,0.6) 75%, rgba(0,0,0,0) 0, rgba(0,0,0,0));
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 50%, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0));
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25098))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.101961))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.101961))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.101961))
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
        height:0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.74902));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.74902)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25098)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25098)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25098)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.501961))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.501961))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.14902), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.501961))
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.25098))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.14902));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.74902));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.74902)));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

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

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

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

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0, -10px, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

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

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

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

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

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

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    animation-name: backInDown
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

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

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*0.75);
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

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

@keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

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

@keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

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

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

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

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

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

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutUp {
    animation-name: slideOutUp
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.scroll-video {
    position: relative;
    height: 250vh
}

.scroll-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.scroll-video.black-overlay::after {
    background-color: rgba(1,3,7,0.5)
}

.scroll-video.white-overlay::after {
    background-color: rgba(254,254,254,0.5)
}

.scroll-video .card-wrap {
    padding: 24px;
    z-index: 1;
    width: 100%;
    max-width: 390px;
    position: relative;
    margin: 0 auto 80vh 0
}

@media (min-width: 1024px) {
    .scroll-video .card-wrap {
        width:491px;
        padding: 64px;
        margin: 0 auto 80vh 48px;
        max-width: 100%
    }
}

.scroll-video .card-wrap.right-align {
    margin: 0 0 80vh auto
}

@media (min-width: 1024px) {
    .scroll-video .card-wrap.right-align {
        margin:0 48px 80vh auto
    }
}

.scroll-video .card-wrap.right-align .card-wrap__overline,.scroll-video .card-wrap.right-align .card-wrap__text,.scroll-video .card-wrap.right-align .card-wrap__title {
    text-align: right
}

.scroll-video .card-wrap.right-align .card-wrap__button {
    display: flex;
    justify-content: flex-end
}

.scroll-video .card-wrap .btn {
    width: -moz-fit-content;
    width: fit-content
}

.scroll-video .card-wrap__title,.scroll-video .card-wrap__button .btn {
    color: #fefefe
}

.scroll-video .card-wrap__overline,.scroll-video .card-wrap__text {
    color: #D7D8D9
}

.scroll-video .card-wrap.black * {
    color: #010307
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 8px
}

.grid-layout.container {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr))
}

.firstEditorialBanner,.secondEditorialBanner {
    position: relative;
    overflow: hidden
}

.firstEditorialBanner--negative,.firstEditorialBanner--negative .pretitle,.firstEditorialBanner--negative .title,.firstEditorialBanner--negative .text,.secondEditorialBanner--negative,.secondEditorialBanner--negative .pretitle,.secondEditorialBanner--negative .title,.secondEditorialBanner--negative .text {
    color: #fefefe !important
}

.firstEditorialBanner--negative .firstEditorialBanner__overlay,.firstEditorialBanner--negative .secondEditorialBanner__overlay,.secondEditorialBanner--negative .firstEditorialBanner__overlay,.secondEditorialBanner--negative .secondEditorialBanner__overlay {
    background: linear-gradient(0deg, #00060D 0%, rgba(0,6,13,0) 100%)
}

@media (min-width: 699px) {
    .firstEditorialBanner--negative .firstEditorialBanner__overlay--left,.firstEditorialBanner--negative .secondEditorialBanner__overlay--left,.secondEditorialBanner--negative .firstEditorialBanner__overlay--left,.secondEditorialBanner--negative .secondEditorialBanner__overlay--left {
        background:linear-gradient(to right, #00060D 0%, rgba(254,254,254,0) 100%)
    }

    .firstEditorialBanner--negative .firstEditorialBanner__overlay--right,.firstEditorialBanner--negative .secondEditorialBanner__overlay--right,.secondEditorialBanner--negative .firstEditorialBanner__overlay--right,.secondEditorialBanner--negative .secondEditorialBanner__overlay--right {
        background: linear-gradient(to left, #00060D 0%, rgba(254,254,254,0) 100%)
    }
}

.firstEditorialBanner .text,.firstEditorialBanner .title,.secondEditorialBanner .text,.secondEditorialBanner .title {
    margin: 0
}

.firstEditorialBanner__media,.secondEditorialBanner__media {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.firstEditorialBanner__body,.secondEditorialBanner__body {
    position: absolute;
    z-index: 2;
    margin-right: auto;
    bottom: 0;
    padding: 24px;
    width: 100%
}

.firstEditorialBanner__body--center,.secondEditorialBanner__body--center {
    margin-left: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.firstEditorialBanner__body--right,.secondEditorialBanner__body--right {
    text-align: right
}

@media (min-width: 1024px) {
    .firstEditorialBanner__body--right,.secondEditorialBanner__body--right {
        right:0
    }
}

.firstEditorialBanner__overlay,.secondEditorialBanner__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FEFEFE 0%, rgba(254,254,254,0) 100%);
    pointer-events: none
}

@media (min-width: 699px) {
    .firstEditorialBanner__overlay--left,.secondEditorialBanner__overlay--left {
        background:linear-gradient(to right, #FEFEFE 0%, rgba(254,254,254,0) 100%)
    }

    .firstEditorialBanner__overlay--right,.secondEditorialBanner__overlay--right {
        background: linear-gradient(to left, #FEFEFE 0%, rgba(254,254,254,0) 100%)
    }
}

.firstEditorialBanner__overlay--50,.secondEditorialBanner__overlay--50 {
    opacity: 0.5
}

.firstEditorialBanner__overlay--70,.secondEditorialBanner__overlay--70 {
    opacity: 0.7
}

@media (max-width: 1023.98px) {
    .firstEditorialBanner .video-wrapper .video-controls,.secondEditorialBanner .video-wrapper .video-controls {
        right:16px;
        top: 16px;
        bottom: unset
    }
}

.firstEditorialBanner .buttons-container,.secondEditorialBanner .buttons-container {
    display: flex
}

.firstEditorialBanner .buttons-container__inner-wrap,.secondEditorialBanner .buttons-container__inner-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 1024px) {
    .firstEditorialBanner .buttons-container__inner-wrap,.secondEditorialBanner .buttons-container__inner-wrap {
        flex-wrap:wrap;
        flex-direction: row
    }
}

.firstEditorialBanner .buttons-container .btn,.secondEditorialBanner .buttons-container .btn {
    z-index: 1
}

.firstEditorialBanner .buttons-container .btn::after,.secondEditorialBanner .buttons-container .btn::after {
    content: "";
    display: block;
    height: 150vh;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -75%);
    width: 150vw
}

.firstEditorialBanner .buttons-container .btn+.btn,.secondEditorialBanner .buttons-container .btn+.btn {
    position: relative;
    z-index: 2
}

.firstEditorialBanner .buttons-container .btn+.btn::after,.secondEditorialBanner .buttons-container .btn+.btn::after {
    content: none
}

.firstEditorialBanner {
    height: 100vh
}

.firstEditorialBanner .video-wrapper {
    height: 100%
}

.firstEditorialBanner .video-wrapper .plyr {
    height: 100%
}

.firstEditorialBanner .video-wrapper video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    .firstEditorialBanner__body {
        padding-left:111px;
        padding-right: 111px;
        padding-bottom: 48px
    }
}

.secondEditorialBanner__body--center .pretitle,.secondEditorialBanner__body--center .title,.secondEditorialBanner__body--center .text,.firstEditorialBanner__body--center .pretitle,.firstEditorialBanner__body--center .title,.firstEditorialBanner__body--center .text {
    max-width: 690px;
    margin: 0 auto
}

.secondEditorialBanner__body--center .buttons-container,.firstEditorialBanner__body--center .buttons-container {
    align-items: center;
    justify-content: center
}

.secondEditorialBanner__body--center .buttons-container__inner-wrap,.firstEditorialBanner__body--center .buttons-container__inner-wrap {
    align-items: stretch;
    justify-content: center
}

.secondEditorialBanner .video-wrapper .video-controls {
    right: 16px;
    top: 16px;
    bottom: unset
}

.grid-layout .firstEditorialBanner,.container .firstEditorialBanner {
    height: initial
}

@media (min-width: 1024px) {
    .secondEditorialBanner__body--left,.firstEditorialBanner__body--left {
        padding-left:112px;
        padding-bottom: 48px
    }
}

.secondEditorialBanner__body--left .buttons-container,.firstEditorialBanner__body--left .buttons-container {
    justify-content: flex-start
}

.secondEditorialBanner__body--left .buttons-container__inner-wrap,.firstEditorialBanner__body--left .buttons-container__inner-wrap {
    align-items: stretch
}

@media (min-width: 1024px) {
    .secondEditorialBanner__body--left .buttons-container__inner-wrap,.firstEditorialBanner__body--left .buttons-container__inner-wrap {
        justify-content:flex-start
    }
}

.secondEditorialBanner__body--left .pretitle,.secondEditorialBanner__body--left .title,.secondEditorialBanner__body--left .text,.firstEditorialBanner__body--left .pretitle,.firstEditorialBanner__body--left .title,.firstEditorialBanner__body--left .text {
    max-width: 668px
}

@media (min-width: 1024px) {
    .secondEditorialBanner__body--right,.firstEditorialBanner__body--right {
        padding-right:112px;
        padding-bottom: 48px
    }
}

.secondEditorialBanner__body--right .buttons-container,.firstEditorialBanner__body--right .buttons-container {
    justify-content: flex-end
}

.secondEditorialBanner__body--right .buttons-container__inner-wrap,.firstEditorialBanner__body--right .buttons-container__inner-wrap {
    align-items: stretch
}

@media (min-width: 1024px) {
    .secondEditorialBanner__body--right .buttons-container__inner-wrap,.firstEditorialBanner__body--right .buttons-container__inner-wrap {
        justify-content:flex-end
    }
}

@media (min-width: 1024px) {
    .grid-layout.container div[regionparent="1-items"] .secondEditorialBanner__body--left,.grid-layout.container div[regionparent="1-items"] .firstEditorialBanner__body--left {
        padding-left:64px;
        padding-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .grid-layout.container div[regionparent="1-items"] .secondEditorialBanner__body--right,.grid-layout.container div[regionparent="1-items"] .firstEditorialBanner__body--right {
        padding-right:64px;
        padding-bottom: 48px
    }
}

.buttons-container {
    width: 100%
}

.buttons-container .btn {
    display: inline-block
}

.portrait {
    aspect-ratio: 2/3;
    display: block;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.portrait .video-wrapper {
    height: 100%
}

.portrait .video-wrapper .plyr--video,.portrait .video-wrapper video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.square {
    aspect-ratio: 1/1;
    display: block;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.square .video-wrapper {
    height: 100%
}

.square .video-wrapper .plyr--video,.square .video-wrapper video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.landscape {
    aspect-ratio: 9/16;
    display: block;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 699px) {
    .landscape {
        aspect-ratio:16/9
    }
}

.landscape .video-wrapper {
    height: 100%
}

.landscape .video-wrapper .plyr--video,.landscape .video-wrapper video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023.98px) {
    .experience-headerbanner .firstEditorialBanner .video-wrapper .video-controls,.experience-headerbanner .secondEditorialBanner .video-wrapper .video-controls {
        right:16px;
        top: 80px;
        bottom: unset
    }
}

body.high-contrast-enabled .firstEditorialBanner .pretitle,body.high-contrast-enabled .secondEditorialBanner .pretitle {
    margin-bottom: 5px;
    width: -moz-fit-content;
    width: fit-content
}

body.high-contrast-enabled .firstEditorialBanner .title,body.high-contrast-enabled .firstEditorialBanner .pretitle,body.high-contrast-enabled .firstEditorialBanner .text,body.high-contrast-enabled .secondEditorialBanner .title,body.high-contrast-enabled .secondEditorialBanner .pretitle,body.high-contrast-enabled .secondEditorialBanner .text {
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width: 699px) {
    body.high-contrast-enabled .firstEditorialBanner .title,body.high-contrast-enabled .firstEditorialBanner .pretitle,body.high-contrast-enabled .firstEditorialBanner .text,body.high-contrast-enabled .secondEditorialBanner .title,body.high-contrast-enabled .secondEditorialBanner .pretitle,body.high-contrast-enabled .secondEditorialBanner .text {
        width:-moz-fit-content;
        width: fit-content
    }
}

.serviceBlock {
    position: relative
}

@media (max-width: 1023.98px) {
    .serviceBlock.spacing-7 {
        padding-bottom:0px
    }
}

.serviceBlock a::after {
    content: "";
    position: absolute;
    inset: 0
}

.serviceBlock a:hover {
    text-decoration: none
}

.serviceBlock:hover .link-standard svg {
    color: #36383C !important
}

.serviceBlock:hover .link-standard .link-label {
    color: #36383C !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-text-decoration-color: #36383C !important;
    text-decoration-color: #36383C !important
}

.serviceBlock[data-animated="true"] .serviceBlock__body .pretitle,.serviceBlock[data-animated="true"] .serviceBlock__body .title,.serviceBlock[data-animated="true"] .serviceBlock__body .text,.serviceBlock[data-animated="true"] .serviceBlock__body .link {
    opacity: 0
}

.serviceBlock--negative,.serviceBlock--negative .title,.serviceBlock--negative .link {
    color: #fefefe !important
}

.serviceBlock--negative .pretitle,.serviceBlock--negative .text {
    color: #D7D8D9
}

.serviceBlock--negative:hover .link-standard svg {
    color: #D7D8D9 !important
}

.serviceBlock--negative:hover .link-standard .link-label {
    color: #D7D8D9 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-text-decoration-color: #D7D8D9 !important;
    text-decoration-color: #D7D8D9 !important
}

.serviceBlock .text,.serviceBlock .title {
    margin: 0
}

.serviceBlock__body {
    padding: 20px 0px
}

@media (min-width: 699px) {
    .serviceBlock__body {
        padding:24px 48px 24px 0px
    }
}

.image-wrapper a {
    position: relative;
    display: block
}

.image-wrapper .shopping-bag {
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding: 8px;
    border-radius: 2px;
    color: #fefefe;
    background: rgba(135,136,138,0.5)
}

.swiper-slide>.image-wrapper a {
    position: static
}

.video-wrapper {
    position: relative
}

.video-wrapper .video-controls {
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding: 8px;
    border-radius: 2px;
    color: #fefefe;
    background: rgba(135,136,138,0.5);
    z-index: 3
}

.video-wrapper .video-controls svg.icon.pause {
    filter: none;
}

@media (min-width: 699px) {
    .video-wrapper.ratio-4-3 .plyr__video-wrapper,.video-wrapper.ratio-9-16 .plyr__video-wrapper,.video-wrapper.ratio-16-9 .plyr__video-wrapper {
        aspect-ratio:16/9 !important
    }
}

.video-wrapper.ratio-4-3 .plyr__video-wrapper video,.video-wrapper.ratio-9-16 .plyr__video-wrapper video,.video-wrapper.ratio-16-9 .plyr__video-wrapper video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.video-wrapper.ratio-4-3 .plyr__video-wrapper .plyr__poster,.video-wrapper.ratio-9-16 .plyr__video-wrapper .plyr__poster,.video-wrapper.ratio-16-9 .plyr__video-wrapper .plyr__poster {
    background-size: cover
}

.video-wrapper.ratio-4-3 .plyr__video-wrapper {
    aspect-ratio: 4/3
}

.video-wrapper.ratio-16-9 .plyr__video-wrapper {
    aspect-ratio: 16/9
}

.video-wrapper.ratio-9-16 .plyr__video-wrapper {
    aspect-ratio: 9/16
}

.imageTextTeaser {
    position: relative;
    overflow: hidden
}

.imageTextTeaser img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.imageTextTeaser p.text {
    margin: 0
}

.imageTextTeaser.row-reverse {
    flex-direction: row-reverse
}

@media (max-width: 1023.98px) {
    .imageTextTeaser.reverse-mobile {
        flex-direction:column-reverse
    }
}

.imageTextTeaser .image-container {
    padding-left: 0;
    padding-right: 0
}

.imageTextTeaser .image-container.ar-4-3 .video-wrapper,.imageTextTeaser .image-container.ar-4-3 .video-wrapper .plyr,.imageTextTeaser .image-container.ar-16-9 .video-wrapper,.imageTextTeaser .image-container.ar-16-9 .video-wrapper .plyr {
    height: 100%
}

.imageTextTeaser .image-container.ar-4-3 video,.imageTextTeaser .image-container.ar-16-9 video {
    -o-object-fit: cover;
    object-fit: cover
}

.imageTextTeaser .image-container.ar-4-3 .plyr__poster,.imageTextTeaser .image-container.ar-16-9 .plyr__poster {
    background-size: cover
}

.imageTextTeaser .image-container.ar-4-3 {
    aspect-ratio: 4/3
}

.imageTextTeaser .image-container.ar-16-9 {
    aspect-ratio: 4/3
}

@media (min-width: 699px) {
    .imageTextTeaser .image-container.ar-16-9 {
        aspect-ratio:16/9
    }
}

.imageTextTeaser a {
    text-decoration: none
}

.imageTextTeaser a::after {
    left: 50%;
    transform: translate(-50%, -75%);
    content: "";
    display: block;
    height: 150vh;
    position: absolute;
    top: 0;
    width: 150vw;
    z-index: -1
}

.imageTextTeaser:hover .link-standard svg {
    color: #36383C
}

.imageTextTeaser:hover .link-standard .link-label {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #36383C;
    -webkit-text-decoration-color: #36383C;
    text-decoration-color: #36383C
}

.imageTextTeaser.blog-list .text-container .text-wrapper {
    margin: 24px 0
}

@media (min-width: 699px) {
    .imageTextTeaser.blog-list .text-container .text-wrapper {
        margin:64px clamp(24px, 3.5vw, 64px)
    }
}

.imageTextTeaser .text-container {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0
}

.imageTextTeaser .text-container .text-wrapper {
    margin: 24px
}

@media (min-width: 699px) {
    .imageTextTeaser .text-container .text-wrapper {
        margin:64px clamp(24px, 3.5vw, 64px)
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-right .text-container.col-md-4 {
        padding-left:48px
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-right .text-container.col-md-4 .text-wrapper {
        margin:64px
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-right .text-container.col-md-6 {
        padding-left:48px
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-left .text-container.col-md-4 {
        padding-right:48px
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-left .text-container.col-md-4 .text-wrapper {
        margin:64px
    }
}

@media (min-width: 1024px) {
    .imageTextTeaser.image-left .text-container.col-md-6 {
        padding-right:48px
    }
}

.imageTextTeaser.childs-text-white .text-overline,.imageTextTeaser.childs-text-white .text {
    color: #D7D8D9
}

.imageTextTeaser.childs-text-white:hover .link-standard svg {
    color: #D7D8D9 !important
}

.imageTextTeaser.childs-text-white:hover .link-standard .link-label {
    color: #D7D8D9 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-text-decoration-color: #D7D8D9 !important;
    text-decoration-color: #D7D8D9 !important
}

@media (max-width: 1023.98px) {
    .container .imageTextTeaser .text-container {
        margin:24px 0
    }
}

@media (min-width: 1024px) {
    .container .imageTextTeaser.image-right .text-container.col-md-4 {
        padding-left:0
    }
}

@media (max-width: 1023.98px) {
    .container .imageTextTeaser.image-right .text-container.col-md-4 .text-wrapper {
        padding:24px 0
    }
}

.container .imageTextTeaser.image-right .text-container.col-md-6 {
    padding-left: 0
}

@media (min-width: 1024px) {
    .container .imageTextTeaser.image-left .text-container.col-md-4 {
        padding-right:0
    }
}

@media (max-width: 1023.98px) {
    .container .imageTextTeaser.image-left .text-container.col-md-4 .text-wrapper {
        padding:24px 0
    }
}

.container .imageTextTeaser.image-left .text-container.col-md-6 {
    padding-right: 0
}

.childs-text-white .imageTextTeaser:hover .link-standard svg {
    color: #D7D8D9 !important
}

.childs-text-white .imageTextTeaser:hover .link-standard .link-label {
    color: #D7D8D9 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-text-decoration-color: #D7D8D9 !important;
    text-decoration-color: #D7D8D9 !important
}

.productCarousel,.einsteinProductCarousel {
    padding-inline:24px;width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

@media (min-width: 699px) {
    .productCarousel,.einsteinProductCarousel {
        padding-inline:32px
    }
}

@media (min-width: 1024px) {
    .productCarousel,.einsteinProductCarousel {
        padding-inline:48px
    }
}

.productCarousel .swiper-wrapper,.einsteinProductCarousel .swiper-wrapper {
    display: flex
}

.productCarousel .swiper-wrapper>*:last-child,.einsteinProductCarousel .swiper-wrapper>*:last-child {
    margin-right: 0px !important
}

.productCarousel .swiper-slide a,.einsteinProductCarousel .swiper-slide a {
    outline-offset: -2px
}

.productCarousel .swiper-slide,.einsteinProductCarousel .swiper-slide {
    box-sizing: border-box;
    height: auto !important
}

.productCarousel .swiper-slide>div,.productCarousel .swiper-slide>section,.einsteinProductCarousel .swiper-slide>div,.einsteinProductCarousel .swiper-slide>section {
    height: 100% !important
}

.productCarousel .swiper-pagination,.einsteinProductCarousel .swiper-pagination {
    position: relative;
    text-align: left;
    line-height: 4px;
    margin-top: 20px
}

.manualCarousel {
    padding-inline:24px;width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.manualCarousel section {
    overflow: hidden
}

@media (min-width: 699px) {
    .manualCarousel {
        padding-inline:32px
    }
}

@media (min-width: 1024px) {
    .manualCarousel {
        padding-inline:48px
    }
}

.manualCarousel .swiper-wrapper {
    display: flex
}

.manualCarousel .swiper-wrapper>*:last-child {
    margin-right: 0px !important
}

@media (min-width: 699px) {
    .manualCarousel.slides-4>.swiper-wrapper>.swiper-slide {
        flex:0 0 calc(100% / 3 - 5.33px)
    }

    .manualCarousel.slides-3>.swiper-wrapper>.swiper-slide {
        flex: 0 0 calc(100% / 3 - 5.33px)
    }
}

@media (min-width: 1024px) {
    .manualCarousel.slides-4>.swiper-wrapper>.swiper-slide {
        flex:0 0 calc(100% / 4 - 6px)
    }

    .manualCarousel.slides-3>.swiper-wrapper>.swiper-slide {
        flex: 0 0 calc(100% / 3 - 5.33px)
    }
}

.manualCarousel>.swiper-wrapper>.swiper-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    height: auto !important
}

.manualCarousel>.swiper-wrapper>.swiper-slide>div,.manualCarousel>.swiper-wrapper>.swiper-slide>section {
    aspect-ratio: 2 / 3;
    height: 100% !important
}

.manualCarousel>.swiper-wrapper>.swiper-slide:empty {
    display: none
}

.manualCarousel>.swiper-wrapper>.swiper-slide .secondEditorialBanner,.manualCarousel>.swiper-wrapper>.swiper-slide .video-wrapper,.manualCarousel>.swiper-wrapper>.swiper-slide .video-wrapper .plyr,.manualCarousel>.swiper-wrapper>.swiper-slide .video-wrapper .plyr__video-wrapper {
    height: 100%
}

.manualCarousel>.swiper-wrapper>.swiper-slide video {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.manualCarousel>.swiper-wrapper>.swiper-slide figure,.manualCarousel>.swiper-wrapper>.swiper-slide a {
    height: 100%
}

.manualCarousel>.swiper-wrapper>.swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.manualCarousel>.swiper-wrapper>.swiper-slide a {
    outline-offset: -2px
}

.manualCarousel .swiper-pagination {
    position: relative;
    text-align: left;
    line-height: 4px;
    margin-top: 18px
}

.accordion-container {
    background-color: transparent;
    padding: 0 24px
}

@media (min-width: 699px) {
    .accordion-container {
        padding:0 64px;
        max-width: 894px
    }
}

.accordion-container__custom-link {
    gap: 12px;
    padding: 0
}

.accordion-container__custom-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px
}

.accordion-container.variant--negative {
    color: #fefefe
}

.accordion-container.variant--negative .pd-accordion .accordion-content a:not(:hover) {
    color: currentColor !important
}

.accordion-container.variant--negative .pd-accordion .accordion-content a:hover {
    color: #D7D8D9 !important
}

.accordion-container.variant--negative .pd-accordion .accordion-content h3 {
    color: #fefefe
}

.accordion-container.variant--center {
    margin-left: auto;
    margin-right: auto
}

.accordion-container a.variant--negative {
    color: #fefefe
}

.accordion-container .accordion-list.collapsed>:nth-child(n+7) {
    display: none
}

.accordion-container .hide {
    display: none
}

.accordion-container .pd-accordion {
    color: currentColor;
    padding: 16px;
    padding-right: 12px;
    padding-left: 0;
    border-bottom: 1px solid #F2F2F3
}

.accordion-container .pd-accordion .accordion-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0
}

.accordion-container .pd-accordion .accordion-title::after {
    content: none
}

.accordion-container .pd-accordion .accordion-title.collapsed .icon--arrow-down {
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg)
}

.accordion-container .pd-accordion .accordion-title .icon--arrow-down {
    transition: transform 0.3s ease-in-out;
    transform: rotate(-180deg);
    flex-shrink: 0
}

.accordion-container .pd-accordion .accordion-content {
    margin-bottom: 0
}

.accordion-container .pd-accordion .accordion-content h3 {
    font-size: 1rem;
    color: #212529
}

.accordion-container .pd-accordion .accordion-tab {
    border: none
}

.accordion-container .pd-accordion .pd-accordion-title,.accordion-container .pd-accordion .accordion-title,.accordion-container .pd-accordion .accordion-content *:not(a) {
    color: currentColor !important
}

.accordion-container .pd-accordion .accordion-content a:not(:hover) {
    color: currentColor !important
}

.accordion-container .pd-accordion .accordion-content a:hover {
    color: #36383C !important
}

.accordion-container .pd-accordion .accordion-content {
    padding-top: 0
}

.accordion-container .pd-accordion .accordion-content>* {
    padding-top: 16px
}

.accordion-container .pd-accordion .pd-accordion-title {
    text-align: left
}

.pd-tile {
    background-color: #F2F2F3;
    aspect-ratio: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 20px 0px 20px 0px;
}

.pd-tile ul {
    margin-bottom: 0
}

.pd-tile.variant--black .product-card__description {
    color: #A2A3A4
}

.pd-tile.variant--black .product-card__top .icon {
    stroke: #fefefe;
    fill: #fefefe
}

.pd-tile .product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pd-tile .product-card .product-card__image-wrap.transform-origin-top .product-card__image {
    transform-origin: top
}

.pd-tile .product-card:hover {
    text-decoration: none
}

.pd-tile .product-card:hover .product-card__image {
    transform: scale(1.07);
    transition: transform 600ms ease-out
}

.pd-tile .product-card__headline,.pd-tile .product-card__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.pd-tile .product-card__description {
    color: #6C6D70;
    line-height: 150%
}

.pd-tile .product-card__image-wrap {
    overflow: hidden;
    margin-top: 50px
}

@media (max-width: 1379.98px) {
    .pd-tile .product-card__image-wrap {
        margin-top:42px
    }
}

.pd-tile .product-card__image {
    transform-origin: center center;
    transition: transform 600ms ease-in
}

.pd-tile .product-card__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    padding-bottom: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0
}

.pd-tile .product-card__top .icon {
    stroke: #010307;
    fill: #010307;
    padding: 0
}

@media (max-width: 1379.98px) {
    .pd-tile .product-card__top {
        padding:16px;
        padding-bottom: 0
    }
}

.pd-tile .product-card__tags {
    list-style: none;
    display: flex;
    gap: 8px;
    padding: 0
}

@media (max-width: 1023.98px) {
    .pd-tile .product-card__tags {
        gap:3px
    }
}

.pd-tile .product-card__tags-item {
    padding: 5.5px 8px;
    background-color: transparent;
    color: #010307
}

.pd-tile .product-card__tags-item span {
    position: relative;
    z-index: 1
}

.pd-tile .product-card__tags-item span::before {
    content: '';
    position: absolute;
    top: -5.5px;
    left: -8px;
    height: calc(100% + 11px);
    background-color: #D7D8D9;
    z-index: -1
}

.pd-tile.variant--black {
    background-color: #1C1E21
}

.pd-tile.variant--black .product-card__headline {
    color: #fefefe
}

.pd-tile.variant--black .product-card__price {
    color: #fefefe
}

.pd-tile.variant--black .product-card__tags-item {
    color: #fefefe
}

.pd-tile.variant--black .product-card__tags-item span::before {
    background-color: #515356
}

.pd-tile.variant--black .product-card .add-to-wish-list img {
    filter: invert(1)
}

.product-grid__product {
    position: relative
}

a.product {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

a.product:hover {
    text-decoration: none
}

.product-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.product-card .product:hover {
    text-decoration: none
}

.product-card .swiper-button {
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    background: var(--Alpha-307-50, rgba(188,189,191,0.5));
    padding: 4px;
    top: 50%;
    color: #010307;
    margin-top: -16px
}

.product-card .swiper-button:after {
    display: none
}

.product-card .swiper-button-next {
    right: 12px
}

.product-card .swiper-button-prev {
    rotate: unset;
    left: 12px
}

@media (max-width: 1023.98px) {
    .product-card .swiper-button {
        display:none
    }
}

@media (min-width: 1024px) {
    .product-card .swiper-initialized .swiper-button {
        display:flex;
        align-items: center
    }
}

.product-card__body {
    position: relative;
    padding: 16px 24px 24px 24px
}

@media (max-width: 1023.98px) {
    .product-card__body {
        padding:8px 8px 58px 8px
    }
}

.product-card__description {
    margin-top: 12px;
    min-height: 42px
}

@media (max-width: 1023.98px) {
    .product-card__description {
        min-height:auto
    }
}

.product-card .product-card-add-to-cart-container {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px
}

@media (max-width: 1023.98px) {
    .product-card .product-card-add-to-cart-container {
        bottom:8px;
        left: 8px;
        right: 8px
    }

    .product-card .product-card-add-to-cart-container.show-on-hover {
        opacity: 1;
        visibility: visible
    }
}

.product-card .product-card-add-to-cart-container .btn {
    width: 100%;
    justify-content: center;
    padding: 11px 12px
}

@media (min-width: 1024px) {
    .product-card .show-on-hover {
        opacity:0;
        visibility: hidden;
        transition: opacity 0.5s ease, visibility 0s 0.2s
    }

    .product-card .hide-on-hover {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.2s ease;
        transition-delay: 0.2s
    }

    .product-card:hover {
        text-decoration: none
    }

    .product-card:hover .show-on-hover {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.5s ease;
        transition-delay: 0s
    }

    .product-card:hover .hide-on-hover {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease;
        transition-delay: 0s
    }
}

.product-card-swiper .swiper-pagination {
    text-align: center
}

.size-selection .size {
    padding-left: 0px;
    padding-right: 0px
}

.size-selection .size-chart-cta {
    padding: 0px 0px 0px 0px;
    transform-origin: left;
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s
}

.size-selection .size-chart-cta .icon {
    margin-left: 16px;
    width: 18px;
    height: 18px
}

.size-selection .size-chart-cta:hover {
    color: #515356;
    text-underline-offset: 3px;
    text-decoration: underline
}

.size-selection .jewellery-sizes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px
}

@media (max-width: 1379.98px) {
    .size-selection .jewellery-sizes {
        grid-template-columns:repeat(4, 1fr)
    }
}

.size-selection .jewellery-sizes .size-button {
    display: flex;
    justify-content: center;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    border: none
}

.size-selection .jewellery-sizes .size-button.size-button-disabled-selected,.size-selection .jewellery-sizes .size-button[selected="selected"] {
    border: 1px solid #010307
}

.size-selection .jewellery-sizes .size-button-disabled {
    background-color: rgba(188,189,191,0.7);
    color: #6C6D70
}

.size-modal.modal-sticky-cta {
    position: absolute;
    margin-left: -48px;
    margin-right: -48px;
    bottom: 0;
    width: 100%;
    padding-top: 24px;
    padding-left: 48px;
    padding-right: 48px;
    padding-bottom: 32px;
    background-color: #fefefe;
    border-top: 1px solid #F2F2F3
}

@media (max-width: 1023.98px) {
    .size-modal.modal-sticky-cta {
        width:100%;
        padding: 32px 24px;
        margin-left: -24px;
        margin-right: -24px
    }
}

.size-modal.modal-sticky-cta .add-to-cart,.size-modal.modal-sticky-cta .add-to-cart-pc,.size-modal.modal-sticky-cta .ch-modal-cta,.size-modal.modal-sticky-cta .backinstock-cta {
    width: 100%;
    text-align: center;
    justify-content: center
}

.size-modal.modal-sticky-cta .add-to-cart .icon,.size-modal.modal-sticky-cta .add-to-cart-pc .icon,.size-modal.modal-sticky-cta .ch-modal-cta .icon,.size-modal.modal-sticky-cta .backinstock-cta .icon {
    display: none
}

.size-modal.modal-sticky-cta .modal-sticky-cta__price+div:not(.d-none) {
    margin-top: 8px
}

.smallStage--negative,.smallStage--negative .title {
    color: #fefefe !important
}

.smallStage--negative .text,.smallStage--negative .pretitle {
    color: #D7D8D9 !important
}

.smallStage__body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.smallStage__body--center {
    text-align: center
}

.smallStage__body--center .buttons-container {
    justify-content: center
}

.smallStage p.text {
    margin: 0
}

.smallStage p.text a {
    text-decoration: underline
}

@media (min-width: 1024px) {
    .smallStage {
        display:flex;
        flex-wrap: wrap
    }

    .smallStage__media {
        flex: 0 0 50%
    }

    .smallStage__media+.smallStage__body {
        flex: 0 0 50%;
        padding: 48px 64px
    }

    .smallStage__body {
        padding: 0 64px
    }

    .smallStage__body--center {
        flex: 0 0 67%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.smallStage .plyr__video-wrapper {
    background: transparent
}

.container .smallStage {
    margin-left: -24px;
    margin-right: -24px
}

@media (min-width: 699px) {
    .container .smallStage {
        margin-left:-32px;
        margin-right: -32px
    }
}

@media (min-width: 1024px) {
    .container .smallStage {
        margin-left:-48px;
        margin-right: -48px
    }
}

@media (min-width: 699px) {
    body.high-contrast-enabled .smallStage .title,body.high-contrast-enabled .smallStage .pretitle,body.high-contrast-enabled .smallStage .text {
        width:-moz-fit-content;
        width: fit-content
    }
}

body.high-contrast-enabled .smallStage .pretitle {
    margin-bottom: 5px;
    width: -moz-fit-content;
    width: fit-content
}

body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .pretitle {
    margin: 0 auto;
    margin-bottom: 5px
}

@media (min-width: 699px) {
    body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .title,body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .text {
        margin:0 auto
    }
}

body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .title,body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .pretitle,body.high-contrast-enabled .smallStage .smallStage__body:not(.smallStage__body--left) .text {
    padding-left: 5px;
    padding-right: 5px
}

.title-text-comp {
    max-width: 1118px;
    padding-left: 24px;
    padding-right: 24px
}

.title-text-comp .copy-small {
    color: #010307
}

.title-text-comp ol li,.title-text-comp ul li {
    text-align: start
}

.title-text-comp__titles,.title-text-comp__desc,.title-text-comp__btn-wrapper {
    width: 100%
}

@media (min-width: 1024px) {
    .title-text-comp {
        padding-left:64px;
        padding-right: 64px
    }
}

.title-text-comp.align-items-center {
    margin: 0 auto
}

.title-text-comp.align-items-center__titles {
    max-width: 668px;
    width: 100%
}

.title-text-comp.align-items-center ul {
    text-align: start
}

.title-text-comp .btn {
    width: -moz-fit-content;
    width: fit-content
}

.title-text-comp.text-center .btn {
    margin: 0 auto
}

.title-text-comp.align-items-baseline {
    max-width: 990px
}

.title-text-comp.align-items-baseline ul,.title-text-comp.align-items-baseline ol {
    padding-left: 24px
}

.title-text-comp a:not(.btn) {
    color: #010307 !important;
    text-decoration: underline;
    -webkit-text-decoration-color: #010307 !important;
    text-decoration-color: #010307 !important;
    text-underline-offset: 3px
}

.title-text-comp a:not(.btn):hover {
    color: #36383C !important;
    text-decoration: underline;
    -webkit-text-decoration-color: #36383C !important;
    text-decoration-color: #36383C !important
}

.title-text-comp .title-text-comp__desc h3 {
    font-size: 1rem;
    color: #212529
}

.title-text-comp.childs-text-white a:not(.btn) {
    color: #fefefe !important;
    text-decoration: underline;
    -webkit-text-decoration-color: #fefefe !important;
    text-decoration-color: #fefefe !important
}

.title-text-comp.childs-text-white a:not(.btn):hover {
    color: #D7D8D9 !important;
    text-decoration: underline;
    -webkit-text-decoration-color: #D7D8D9 !important;
    text-decoration-color: #D7D8D9 !important
}

.title-text-comp.childs-text-white .text-overline,.title-text-comp.childs-text-white .title-text-comp__desc p {
    color: #D7D8D9
}

.title-text-comp.childs-text-white .title-text-comp__desc h3 {
    color: #fefefe
}

@media (max-width: 1023.98px) {
    .container .title-text-comp {
        padding-left:initial;
        padding-right: initial
    }
}

.plp-text {
    width: 100%;
    background-color: var(--skin-background-color-1);
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 1024px) {
    .plp-text {
        padding-left:50px;
        padding-right: 50px
    }
}

.plp-text .copy-small {
    color: #010307
}

.plp-text.divider-top {
    border-top: 1px solid #F2F2F3
}

.plp-text.divider-bottom {
    border-bottom: 1px solid #F2F2F3
}

.plp-text ol li,.plp-text ul li {
    text-align: start
}

.plp-text__desc {
    width: 100%;
    max-width: 668px
}

.plp-text.align-items-center {
    margin: 0 auto
}

.plp-text.align-items-center ul {
    text-align: start
}

.plp-text.align-items-baseline ul,.plp-text.align-items-baseline ol {
    padding-left: 24px
}

.plp-text.childs-text-white .text-overline,.plp-text.childs-text-white .plp-text__desc p {
    color: #D7D8D9
}

@media (max-width: 1023.98px) {
    .container .plp-text {
        padding-left:initial;
        padding-right: initial
    }
}

.plp-crosslinking {
    flex-direction: column;
    padding: 24px
}

.plp-crosslinking-title {
    display: inline-block;
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid transparent
}

.plp-crosslinking-title::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background-color: #010307;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.plp-crosslinking-link-wrapper {
    padding-inline-start:0;list-style: none
}

.plp-crosslinking-item {
    margin-top: 24px;
    text-align: center !important
}

.plp-crosslinking-item a {
    color: #515356
}

.plp-crosslinking .link-standard {
    line-height: normal
}

@media (min-width: 1024px) {
    .plp-crosslinking {
        flex-direction:row;
        align-items: flex-start;
        justify-content: center
    }

    .plp-crosslinking-title {
        padding-bottom: 0px;
        border-bottom: none;
        padding-right: 24px;
        border-right: 1px solid transparent;
        align-self: flex-start
    }

    .plp-crosslinking-title::after {
        height: 16px;
        width: 1px;
        left: 100%;
        top: 0
    }

    .plp-crosslinking-link-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-around;
        padding-left: 24px;
        gap: 24px
    }

    .plp-crosslinking-item {
        margin-top: 0px;
        flex-shrink: 0
    }

    .plp-crosslinking-item a {
        color: #010307
    }
}

.newsletter-sub-comp {
    max-width: 894px;
    margin: 0 auto
}

.newsletter-sub-comp .title,.newsletter-sub-comp .subtitle {
    max-width: 668px
}

.newsletter-sub-comp form {
    width: 100%;
    gap: 8px
}

@media (min-width: 1024px) {
    .newsletter-sub-comp form {
        max-width:400px
    }
}

.newsletter-sub-comp form .form-group {
    width: 100%;
    max-width: 342px;
    padding-bottom: 18px;
    position: relative
}

.newsletter-sub-comp form .form-group .invalid-feedback {
    position: absolute;
    top: calc(100% - 18px);
    left: 0;
    width: calc(100vw - 32px)
}

@media (min-width: 1024px) {
    .newsletter-sub-comp form .form-group .invalid-feedback {
        width:400px
    }
}

.newsletter-sub-comp form [type="submit"] {
    white-space: nowrap;
    height: 48px;
    margin-top: 5px
}

.experience-revamp-routingTeaserContainer .container {
    padding-right: 0px
}

.experience-revamp-routingTeaserContainer .container.bg-grey {
    background-color: #F2F2F3
}

.experience-revamp-routingTeaserContainer .container.negative p.child {
    color: #fefefe
}

.routing-teaser-carousel .swiper-slide {
    width: 216px
}

.routing-teaser-carousel .swiper-scrollbar {
    width: 100%;
    left: auto
}

.routing-teaser-carousel .swiper-scrollbar.negative {
    background-color: #fefefe
}

.routing-teaser-carousel .swiper-wrapper .swiper-slide .link-small {
    font-size: 16px
}

.routing-teaser-carousel .swiper-wrapper .swiper-slide p.text {
    color: #fefefe
}

.routing-teaser-comp img {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover
}

.quote-outside-image {
    padding: 0;
    position: relative
}

.quote-outside-image.childs-text-white {
    background-color: #010307
}

.quote-container-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.quote-container-text blockquote {
    margin: 0px 0px
}

.quote-container-text blockquote.quote-text {
    text-align: center;
    max-width: 1118px;
    padding: 0 25px
}

@media screen and (min-width: 769px) {
    .quote-empty-background {
        position:relative
    }
}

@media screen and (max-width: 768px) {
    .quote-empty-background-mobile {
        position:relative
    }
}

.quote-image {
    aspect-ratio: 16/9
}

@media screen and (max-width: 768px) {
    .quote-image {
        aspect-ratio:9/16;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 585px
    }
}

.quote-image-overlay-off {
    opacity: 100%
}

.quote-image-overlay-70 {
    opacity: 70%
}

.quote-image-overlay-50 {
    opacity: 50%
}

@media screen and (min-width: 769px) {
    .quote-image.mobile {
        display:none
    }
}

@media (max-width: 1023.98px) {
    body.high-contrast-enabled .quote-container-text blockquote.quote-text {
        padding:0;
        margin: 0 25px
    }
}

body.high-contrast-enabled .quote-container-text .text-overline {
    padding-left: 5px;
    padding-right: 5px
}

.sitemap-grid {
    display: grid;
    margin-bottom: 0;
    grid-template-columns: repeat(auto-fill, minmax(95%, 1fr));
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 16px;
    margin-bottom: 32px
}

@media (min-width: 699px) {
    .sitemap-grid {
        grid-template-columns:repeat(auto-fill, minmax(48%, 1fr))
    }
}

@media (min-width: 1024px) {
    .sitemap-grid {
        grid-template-columns:repeat(auto-fill, minmax(32%, 1fr))
    }
}

@media (min-width: 1920px) {
    .sitemap-grid {
        grid-template-columns:repeat(auto-fill, minmax(23%, 1fr))
    }
}

.sitemap-grid__list {
    list-style: none;
    padding-inline-start:0;margin-bottom: 0
}

.sitemap__category-heading::after {
    content: '';
    height: 1px;
    width: 40px;
    background-color: #010307;
    display: block;
    margin-top: 10px
}

.breadcrumb .breadcrumb__item {
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    list-style-type: none;
    display: flex;
    align-items: center
}

.breadcrumb .breadcrumb__item:not(:last-child)::after {
    content: url(../../images/breadcrumb-hyphen.svg);
    padding-left: 4px;
    width: 24px;
    height: 24px
}

.footer .breadcrumb {
    overflow: hidden;
    position: relative
}

.footer .breadcrumb .breadcrumb__body {
    display: flex;
    gap: 8px !important
}

.footer .breadcrumb .breadcrumb__item {
    color: #fefefe
}

.footer .breadcrumb .breadcrumb__item a {
    color: #A2A3A4
}

@media only screen and (max-width: 767px) {
    .footer .breadcrumb .breadcrumb__body {
        flex-wrap:wrap;
        gap: 8px !important
    }

    .footer .breadcrumb .breadcrumb__item {
        padding-right: 4px;
        font-size: 14px
    }
}

.product-details__wrapper-info .breadcrumb {
    margin: 0;
    padding: 0;
    border-bottom: 0 !important
}

.product-details__wrapper-info .breadcrumb__body {
    display: flex;
    gap: 12px !important;
    padding-left: 0;
    padding-top: 64px
}

@media (max-width: 1023.98px) {
    .product-details__wrapper-info .breadcrumb__body {
        padding-top:24px
    }
}

.product-details__wrapper-info .breadcrumb__item {
    color: #010307
}

.product-details__wrapper-info .breadcrumb__item a {
    color: #6C6D70
}

.product-details__wrapper-info .breadcrumb__item .last__breadcrumb {
    color: #010307
}

.breadcrumb-swiper {
    padding-right: 25px !important
}

.breadcrumb-swiper::after {
    content: "";
    width: 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(265deg, #fff 0%, rgba(255,255,255,0) 100%);
    z-index: 3
}

.breadcrumb-swiper .swiper-slide {
    width: unset;
    height: unset
}

.inpage-nav {
    height: 72px;
    display: flex;
    align-items: center;
    position: relative;
    color: var(--black-300);
    background-color: #fefefe;
    border-bottom: 1px solid var(--black-308)
}

.inpage-nav a.btn-secondary,.inpage-nav button.btn-secondary,.inpage-nav a.inpage-nav-list__link,.inpage-nav #dropdownMenuButton,.inpage-nav .inpage-nav__title {
    color: var(--black-300)
}

.inpage-nav .swiper-button {
    background: #010307;
    background: linear-gradient(90deg, rgba(255,255,255,0.135) 0%, #fefefe 28%, #fefefe 100%)
}

.inpage-nav .swiper-button svg {
    stroke: #010307;
    fill: #010307
}

.inpage-nav .progress-bar {
    background-color: var(--alpha-30750)
}

@media (max-width: 1023.98px) {
    .inpage-nav {
        height:64px
    }
}

.inpage-nav__body {
    display: flex;
    justify-content: space-between
}

.inpage-nav__body .body-left {
    display: flex;
    align-items: center
}

.inpage-nav__body .body-right {
    display: flex;
    align-items: center
}

.inpage-nav__body .body-right .btn {
    margin-left: 48px
}

.inpage-nav-list {
    display: flex;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    align-items: center
}

.inpage-nav-list-wrapper {
    overflow-x: auto;
    max-width: 758px;
    max-width: 758px;
    width: 100%
}

.inpage-nav-list-wrapper .swiper-button {
    top: 8px
}

.inpage-nav-list__item {
    padding-left: 24px;
    padding-right: 24px;
    width: initial
}

.inpage-nav-list__item:last-child {
    padding-right: 0
}

.inpage-nav-list__item a.active {
    text-decoration: underline
}

.inpage-nav.bg-black {
    color: #fefefe;
    background-color: #010307;
    border-bottom: 1px solid var(--black-302)
}

.inpage-nav.bg-black a.btn-secondary,.inpage-nav.bg-black button.btn-secondary,.inpage-nav.bg-black a.inpage-nav-list__link,.inpage-nav.bg-black #dropdownMenuButton,.inpage-nav.bg-black .inpage-nav__title {
    color: #fefefe
}

.inpage-nav.bg-black .btn-secondary:hover {
    background-color: #757575
}

.inpage-nav.bg-black .swiper-button {
    background: #010307;
    background: linear-gradient(90deg, rgba(0,0,0,0.134913) 0%, #010307 28%, #010307 100%)
}

.inpage-nav.bg-black .swiper-button svg {
    stroke: #fefefe !important;
    fill: #fefefe !important
}

.inpage-nav.bg-black a {
    color: #fefefe
}

.inpage-nav.bg-black a:hover,.inpage-nav.bg-black a:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #fefefe
}

.inpage-nav.bg-black a.active {
    text-decoration: underline
}

.inpage-nav.bg-black .dropdown .dropdown-menu .btn-bottom {
    border-top: 1px solid var(--black-302)
}

@media (max-width: 1023.98px) {
    .inpage-nav.bg-black .dropdown button.dropdown-toggle:after {
        filter:invert(1)
    }
}

.inpage-nav.bg-grey {
    color: var(--black-300);
    background-color: #DEDFE0
}

.inpage-nav.bg-grey a.btn-secondary,.inpage-nav.bg-grey button.btn-secondary,.inpage-nav.bg-grey a.inpage-nav-list__link,.inpage-nav.bg-grey #dropdownMenuButton {
    color: var(--black-300) !important
}

.inpage-nav.bg-grey .swiper-button {
    background: var(--alpha-30750);
    background: linear-gradient(90deg, rgba(208,208,208,0.14) 0%, #DEDFE0 28%, #DEDFE0 100%)
}

.inpage-nav.bg-grey .swiper-button svg {
    stroke: #010307 !important;
    fill: #010307 !important
}

.inpage-nav.bg-grey .progress-bar {
    background-color: var(--black-300)
}

.inpage-nav .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #fefefe;
    height: 2px;
    pointer-events: none
}

@media (max-width: 1023.98px) {
    .inpage-nav .container {
        height:100%;
        padding-left: 0;
        padding-right: 0
    }

    .inpage-nav .inpage-nav__body {
        height: 100%;
        width: 100%
    }

    .inpage-nav .body-left {
        height: 100%;
        width: 100%
    }

    .inpage-nav .dropdown {
        display: flex;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: initial;
        padding-bottom: initial
    }

    .inpage-nav .dropdown .dropdown-toggle:after {
        background-image: url(../images/arrow-down.svg);
        height: 24px;
        width: 24px;
        position: absolute;
        right: 24px;
        border-top: unset
    }

    .inpage-nav .dropdown.show .btn.dropdown-toggle {
        border-bottom: 1px solid var(--black-309)
    }

    .inpage-nav .dropdown.show .btn.dropdown-toggle:after {
        right: 15px;
        transform: rotate(180deg)
    }

    .inpage-nav .dropdown .btn.dropdown-toggle {
        width: 100%;
        padding: 22px 24px;
        background-color: initial
    }

    .inpage-nav .dropdown .dropdown-menu {
        margin: 0;
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        border: 0;
        border-radius: 0
    }

    .inpage-nav .dropdown .dropdown-menu ul {
        padding-left: unset;
        list-style: none;
        max-height: 70vh;
        overflow: auto;
        margin-top: 16px
    }

    .inpage-nav .dropdown .dropdown-menu ul li {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .inpage-nav .dropdown .dropdown-menu ul li a {
        color: #010307
    }

    .inpage-nav .dropdown .dropdown-menu ul li a:hover,.inpage-nav .dropdown .dropdown-menu ul li a:focus {
        color: #010307;
        text-decoration: underline;
        text-underline-offset: 3px
    }

    .inpage-nav .dropdown .dropdown-menu ul li a.active {
        text-decoration: underline
    }

    .inpage-nav .dropdown .dropdown-menu .btn-bottom {
        border-top: 1px solid var(--black-309);
        padding-top: 24px;
        padding-bottom: 24px
    }

    .inpage-nav .dropdown .dropdown-menu .btn-bottom a.btn {
        justify-content: center
    }
}

.inpage-nav.bg-black .dropdown-menu {
    background-color: var(--black-300)
}

.inpage-nav.bg-black .dropdown-menu ul li a {
    color: #fefefe
}

.inpage-nav.bg-black .dropdown-menu ul li a:hover,.inpage-nav.bg-black .dropdown-menu ul li a:focus {
    text-decoration: underline;
    color: #fefefe
}

.inpage-nav.bg-black .dropdown-menu .btn-bottom {
    border-top: 1px solid var(--black-302)
}

.inpage-nav.bg-black .dropdown.show .btn.dropdown-toggle {
    border-bottom: 1px solid var(--black-302)
}

.inpage-nav.bg-black .dropdown .dropdown-toggle:after {
    filter: invert(1)
}

.inpage-nav.bg-white .dropdown-menu ul li a,.inpage-nav .bg-grey .dropdown-menu ul li a {
    color: #010307
}

.inpage-nav.bg-white .dropdown-menu ul li a:hover,.inpage-nav.bg-white .dropdown-menu ul li a:focus,.inpage-nav .bg-grey .dropdown-menu ul li a:hover,.inpage-nav .bg-grey .dropdown-menu ul li a:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #010307
}

.inpage-nav.bg-white .progress-bar,.inpage-nav .bg-grey .progress-bar {
    background-color: #010307
}

.inpage-nav.bg-grey .dropdown-menu {
    background-color: #DEDFE0
}

.animatedStage {
    position: relative;
    box-sizing: content-box;
    overflow: hidden
}

.animatedStage .contentStage {
    opacity: 0
}

.animatedStage .contentStage.animatedStage__body {
    align-items: center
}

.animatedStage .contentStage .container {
    max-width: 668px
}

.animatedStage .contentStage .animatedStage__overlay {
    opacity: 0.7;
    background: #fefefe
}

.animatedStage--negative,.animatedStage--negative .pretitle,.animatedStage--negative .title,.animatedStage--negative .text {
    color: #fefefe !important
}

.animatedStage--negative .contentStage .animatedStage__overlay {
    background: #010307
}

.animatedStage--negative .animatedStage__overlay {
    background: linear-gradient(0deg, #00060D 0%, rgba(0,6,13,0) 100%)
}

.animatedStage .text,.animatedStage .title {
    margin: 0
}

.animatedStage__media {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: block;
    position: relative;
    transition: transform 0.3s ease-in-out;
    transform: scale(1.2)
}

.animatedStage__media .video-wrapper,.animatedStage__media .plyr {
    height: 100%
}

.animatedStage__media video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.animatedStage__media video,.animatedStage__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.animatedStage__body {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
    align-self: stretch;
    text-align: center;
    pointer-events: none
}

.animatedStage__body .container {
    z-index: 2
}

@media (min-width: 1024px) {
    .animatedStage__body .container {
        max-width:50% !important
    }
}

.animatedStage__body .btn {
    pointer-events: all
}

.animatedStage__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FEFEFE 0%, rgba(254,254,254,0) 100%);
    pointer-events: none;
    z-index: 1
}

.animatedStage__overlay--50 {
    opacity: 0.5
}

.animatedStage__overlay--70 {
    opacity: 0.7
}

.buttons-container {
    width: 100%
}

.buttons-container .btn {
    display: inline-block
}

.animationOnLoad {
    transition: all 0.3s ease-in-out 0.2s;
    transform: scale(1)
}

body.high-contrast-enabled .animatedStage .title,body.high-contrast-enabled .animatedStage .pretitle,body.high-contrast-enabled .animatedStage .text {
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width: 699px) {
    body.high-contrast-enabled .animatedStage .title,body.high-contrast-enabled .animatedStage .pretitle,body.high-contrast-enabled .animatedStage .text {
        width:-moz-fit-content;
        width: fit-content
    }
}

body.high-contrast-enabled .animatedStage .pretitle {
    margin-bottom: 5px;
    width: -moz-fit-content;
    width: fit-content
}

.recent-blog-list.container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.recent-blog-list.category-overview {
    gap: 30px
}

.recent-blog-list .services-container {
    gap: 8px
}

.recent-blog-list .services-container .service-item {
    width: 33.3%
}

.recent-blog-list .services-container .serviceBlock img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1
}

@media (max-width: 698.98px) {
    .recent-blog-list .services-container {
        flex-direction:column
    }

    .recent-blog-list .services-container .service-item {
        width: 100%
    }
}

.recent-blog-list .imageTextTeaser .image-container {
    flex: 0 0 66.66667% !important;
    max-width: 66.66667% !important
}

.recent-blog-list .imageTextTeaser .text-container {
    flex: 0 0 33.3% !important;
    max-width: 33.3% !important
}

.recent-blog-list .imageTextTeaser img {
    aspect-ratio: 16/9
}

@media (max-width: 1023.98px) {
    .recent-blog-list .imageTextTeaser .image-container,.recent-blog-list .imageTextTeaser .text-container {
        flex:0 0 50% !important;
        max-width: 50% !important
    }

    .recent-blog-list .imageTextTeaser img {
        aspect-ratio: 4/3
    }
}

@media (max-width: 698.98px) {
    .recent-blog-list .imageTextTeaser .image-container,.recent-blog-list .imageTextTeaser .text-container {
        flex:auto !important;
        max-width: 100% !important
    }
}

@media (max-width: 698.98px) {
    .recent-blog-list img {
        -o-object-fit:cover;
        object-fit: cover;
        aspect-ratio: 1
    }
}

.recent-blog-list.childs-text-white .blog-load-more {
    background-color: rgba(135,136,138,0.5);
    color: #fefefe
}

.recent-blog-list.childs-text-white .blog-load-more:hover {
    background-color: rgba(135,136,138,0.7);
    color: #fefefe
}

.recent-blog-list.childs-text-white .blog-load-more:disabled {
    opacity: 0;
    background-color: rgba(135,136,138,0.5);
    color: #fefefe
}

.recent-blog-list.childs-text-white .serviceBlock:hover .link-standard svg {
    color: #D7D8D9 !important
}

.recent-blog-list.childs-text-white .serviceBlock:hover .link-standard .link-label {
    color: #D7D8D9 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-text-decoration-color: #D7D8D9 !important;
    text-decoration-color: #D7D8D9 !important
}

.recent-blog-list a.blog-list-title,.recent-blog-list a.blog-list-link {
    border-bottom: 1px solid transparent
}

.recent-blog-list a.blog-list-title:hover,.recent-blog-list a.blog-list-link:hover {
    text-decoration: none;
    border-bottom: 1px solid #010307
}

.pd-deepdive .deepdive-modal {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: #010307;
    color: #fefefe;
    z-index: 10;
    overflow: overlay
}

.pd-deepdive .deepdive-modal button.deepdive-modal__close {
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 2
}

.pd-deepdive .deepdive-modal button.deepdive-modal__close svg {
    fill: #fefefe
}

.pd-deepdive .deepdive-content {
    height: 100%
}

@media (max-width: 1023.98px) {
    .pd-deepdive .deepdive-content {
        width:100%;
        overflow: hidden;
        padding-bottom: 48px
    }
}

.pd-deepdive .deepdive-content>div {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.pd-deepdive .deepdive-content>div section {
    height: 100%;
    overflow: hidden;
    padding: 36px
}

@media (max-width: 1023.98px) {
    .pd-deepdive .deepdive-content>div section {
        padding:24px
    }
}

@media (max-width: 1023.98px) {
    .pd-deepdive .deepdive-content>div {
        flex-direction:column;
        height: initial
    }

    .pd-deepdive .deepdive-content>div section {
        height: initial
    }

    .pd-deepdive .deepdive-content>div section>div {
        height: initial
    }

    .pd-deepdive .deepdive-content>div section>div picture>img {
        height: initial
    }
}

.pd-deepdive .deepdive-button {
    padding-right: 54px;
    position: relative
}

.pd-deepdive .deepdive-button::before {
    content: "+";
    position: absolute;
    padding-left: 3px;
    font-size: 1.2rem;
    right: 4px;
    height: 83%;
    margin: 0 auto;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4px;
    border-radius: 2px
}

@media screen and (max-width: 1379px) {
    .pd-deepdive .deepdive-button {
        padding-right:51px
    }

    .pd-deepdive .deepdive-button::before {
        width: 38px
    }
}

@media screen and (max-width: 1023px) {
    .pd-deepdive .deepdive-button {
        padding-right:44px
    }

    .pd-deepdive .deepdive-button::before {
        right: 7px;
        width: 31px;
        top: 7px;
        height: 68%
    }
}

.pd-deepdive .deepdive-button.btn-primary::before {
    background-color: #fefefe;
    color: #010307
}

.pd-deepdive .deepdive-button.btn-primary.inverted::before {
    background-color: #010307;
    color: #fefefe
}

.pd-deepdive .deepdive-button.btn-secondary::before {
    background-color: #010307;
    color: #fefefe
}

.pd-deepdive .deepdive-button.btn-secondary.inverted::before {
    background-color: #fefefe;
    color: #010307
}

.pd-deepdive .swiper-scrollbar {
    background-color: rgba(188,189,191,0.7);
    margin-bottom: 14px;
    left: 36px;
    width: calc(100% - 2 * 36px)
}

@media (max-width: 1023.98px) {
    .pd-deepdive .swiper-scrollbar {
        --mobile-scrollbar-top: 79px;
        width: 6px;
        border-radius: 2px;
        height: calc(100% - (var(--mobile-scrollbar-top) + 24px));
        right: 15px;
        left: unset;
        top: var(--mobile-scrollbar-top)
    }
}

.pd-deepdive .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: rgba(1,3,7,0.5)
}

@media (min-width: 1024px) {
    .pd-deepdive .secondEditorialBanner__body--right,.pd-deepdive .secondEditorialBanner__body--left {
        max-width:484px;
        flex-direction: column;
        display: flex;
        height: 100%;
        justify-content: center
    }
}

.pd-deepdive .dp-image {
    height: 100%
}

.pd-deepdive .dp-image figure {
    height: 100%
}

.pd-deepdive .dp-image figure img {
    height: 100%
}

@media (max-width: 1023.98px) {
    .pd-deepdive .dp-image.mobilePortrait {
        aspect-ratio:2/3
    }

    .pd-deepdive .dp-image.mobilePortrait img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    .pd-deepdive .dp-image.mobileLandscape {
        aspect-ratio: 16/9
    }

    .pd-deepdive .dp-image.mobileLandscape img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    .pd-deepdive .dp-image.mobileSquare {
        aspect-ratio: 1/1
    }

    .pd-deepdive .dp-image.mobileSquare img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .pd-deepdive .dp-image.desktopPortrait {
        aspect-ratio:2/3
    }

    .pd-deepdive .dp-image.desktopPortrait img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .pd-deepdive .dp-image.desktopLandscape {
        aspect-ratio: 16/9
    }

    .pd-deepdive .dp-image.desktopLandscape img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .pd-deepdive .dp-image.desktopSquare {
        aspect-ratio: 1/1
    }

    .pd-deepdive .dp-image.desktopSquare img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.pd-deepdive .dp-quote {
    height: 100%;
    aspect-ratio: 16/9
}

@media (max-width: 1023.98px) {
    .pd-deepdive .dp-quote {
        aspect-ratio:initial
    }
}

.pd-deepdive .dp-serviceBlock {
    height: 100%;
    aspect-ratio: 2/3
}

@media (max-width: 1023.98px) {
    .pd-deepdive .dp-serviceBlock {
        aspect-ratio:initial
    }
}

.pd-deepdive .dp-serviceBlock .serviceBlock__body {
    height: 40%
}

.pd-deepdive .dp-serviceBlock .serviceBlock__image {
    height: 60%
}

.pd-deepdive .dp-serviceBlock .serviceBlock__image img,.pd-deepdive .dp-serviceBlock .serviceBlock__image video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1
}

.pd-deepdive .dp-video {
    height: 100%;
    aspect-ratio: 16/9
}

@media (max-width: 1023.98px) {
    .pd-deepdive .dp-video {
        aspect-ratio:initial
    }
}

.pd-deepdive .dp-video figure,.pd-deepdive .dp-video .video-wrapper,.pd-deepdive .dp-video .plyr {
    height: 100%
}

.pd-deepdive .dp-video figure img,.pd-deepdive .dp-video figure video,.pd-deepdive .dp-video .video-wrapper img,.pd-deepdive .dp-video .video-wrapper video,.pd-deepdive .dp-video .plyr img,.pd-deepdive .dp-video .plyr video {
    height: 100%
}

.pd-deepdive.bg-black .imageTextTeaser .text-container .text-wrapper {
    color: #fefefe
}

.pd-deepdive.bg-white .deepdive-modal {
    background-color: #fefefe;
    color: #010307
}

.pd-deepdive.bg-white button.deepdive-modal__close svg {
    fill: #010307
}

.pd-deepdive.bg-grey .deepdive-modal {
    background-color: #D7D8D9;
    color: #fefefe
}

.pd-deepdive.bg-grey button.deepdive-modal__close svg {
    fill: #010307
}

body.high-contrast-enabled .dp-serviceBlock .link.link-standard {
    color: #010307 !important;
    background-color: #fefefe
}

body.high-contrast-enabled .dp-quote .text-deco-big.quote-text {
    padding-left: 10px;
    padding-right: 10px
}

.all-stores-comp {
    background-color: #F2F2F3
}

.all-stores-comp ul,.all-stores-comp button {
    padding: 0
}

.all-stores-comp ul {
    list-style: none;
    margin-bottom: 0
}

.all-stores-comp li:not(:last-child) {
    padding-bottom: 24px;
    color: #010307
}

@media (max-width: 1023.98px) {
    .all-stores-comp {
        flex-direction:column
    }

    .all-stores-comp .expand-region-btn {
        border-bottom: 1px solid #F2F2F3;
        justify-content: space-between;
        padding: 16px 24px;
        background-color: #fefefe
    }

    .all-stores-comp .icon {
        transition: transform 0.3s ease-in-out
    }

    .all-stores-comp [aria-expanded=true] .icon {
        transition: transform 0.3s ease-in-out;
        transform: rotate(-180deg)
    }

    .all-stores-comp ul {
        padding-left: 24px;
        padding-right: 24px
    }

    .all-stores-comp ul li:first-child {
        padding-top: 20px
    }

    .all-stores-comp ul li:last-child {
        padding-bottom: 20px
    }

    .all-stores-comp a {
        color: #010307
    }
}

@media (min-width: 1024px) {
    .all-stores-comp {
        justify-content:space-between;
        padding: 48px;
        gap: 8px
    }

    .all-stores-comp .region-content {
        width: 100%;
        padding: 0 24px
    }

    .all-stores-comp .region-content .expand-region-btn {
        padding-bottom: 24px
    }

    .all-stores-comp .region-content .copy-small {
        margin-bottom: 0
    }

    .all-stores-comp>:first-child:not(.continent) {
        padding-right: 24px;
        padding-left: 0
    }

    .all-stores-comp>:last-child:not(.continent) {
        padding-left: 24px;
        padding-right: 0
    }

    .all-stores-comp .collapse {
        display: block !important
    }

    .all-stores-comp .continent {
        width: 100%
    }

    .all-stores-comp .continent ul {
        display: grid;
        grid-template-columns: repeat(5, 20%);
        grid-auto-rows: auto;
        -moz-column-gap: 8px;
        column-gap: 8px;
        margin-bottom: 0
    }

    .all-stores-comp .continent ul li {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }

    .all-stores-comp .continent ul li:nth-last-child(-n+5) {
        padding-bottom: 0
    }

    .all-stores-comp a {
        color: #010307
    }
}

.country-cities-comp .city-container {
    width: 100%;
    max-width: 1345px
}

.country-cities-comp ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
    padding-left: 0
}

.country-cities-comp .store-card {
    background-color: #F2F2F3;
    max-width: 443px;
    width: 100%;
    padding: 32px 48px;
    height: 100%
}

.country-cities-comp .store-card:hover {
    opacity: 0.8
}

.country-cities-comp address {
    margin-bottom: 0
}

.country-cities-comp address * {
    color: #6C6D70
}

@media (max-width: 1023.98px) {
    .country-cities-comp ul {
        grid-template-columns:1fr
    }

    .country-cities-comp .store-card {
        max-width: 100%
    }
}

.store-detail-comp {
    position: relative
}

.store-detail-comp.grid-content {
    display: grid;
    grid-template-columns: 60% 40%
}

.store-detail-comp .store-location-container {
    display: contents;
    grid-column: 1/2;
    grid-row: 1;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .store-detail-comp .store-location-container .store-location {
        position:sticky !important;
        top: 0;
        width: 100%;
        height: 100vh
    }
}

.store-detail-comp .store-images {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 96px
}

.store-detail-comp .back-btn {
    position: absolute;
    left: 10px;
    padding: 7px;
    padding-left: 0;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px -1px;
    top: 10px;
    font-size: 14px;
    color: #010307;
    background-color: #fefefe
}

.store-detail-comp .store-info {
    grid-column: 2;
    grid-row: 1
}

.store-detail-comp .store-info__card {
    padding: 48px 64px 0 64px;
    background-color: #F2F2F3
}

.store-detail-comp .store-info__details {
    padding: 0px 64px 0 64px
}

.store-detail-comp .store-info__store-title {
    font-size: 22px
}

@media (min-width: 1024px) {
    .store-detail-comp .store-info__store-title {
        font-size:36px
    }
}

.store-detail-comp .store-info__address-wrrapper {
    color: #6C6D70;
    font-size: 14px
}

.store-detail-comp .store-info .opening-hours,.store-detail-comp .store-info__categories,.store-detail-comp .store-info__services {
    border-bottom: 1px solid #F2F2F3
}

.store-detail-comp .boutique-appointment-btn {
    margin: 24px 0
}

.store-detail-comp .store-message {
    font-size: 12px;
    color: #36383C;
    padding: 8px
}

.store-detail-comp .store-message svg {
    margin-right: 8px
}

.store-detail-comp .gap-svg {
    margin-right: 12px
}

.store-detail-comp .opening-hours {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 0;
    color: #36383C
}

.store-detail-comp .opening-hours dt {
    color: #36383C
}

.store-detail-comp .opening-hours__day,.store-detail-comp .opening-hours__value {
    padding-bottom: 8px
}

.store-detail-comp .opening-hours__day {
    width: 107px;
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .store-detail-comp .opening-hours__day {
        width:180px
    }
}

@media (min-width: 1380px) {
    .store-detail-comp .opening-hours__day {
        width:209px
    }
}

.store-detail-comp .opening-hours__value {
    width: calc(100% - 107px)
}

@media (min-width: 1024px) {
    .store-detail-comp .opening-hours__value {
        width:calc(100% - 180px)
    }
}

@media (min-width: 1380px) {
    .store-detail-comp .opening-hours__value {
        width:calc(100% - 209px)
    }
}

.store-detail-comp .boutique-page-icon-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.store-detail-comp .boutique-page-icon-list li {
    color: #36383C
}

.store-detail-comp .boutique-page-icon-list li:not(:last-child) {
    padding-bottom: 16px;
    display: flex;
    align-items: center
}

@media (max-width: 1023.98px) {
    .store-detail-comp.grid-content {
        display:block
    }

    .store-detail-comp .store-location-container .store-location {
        width: 100%;
        height: 400px
    }

    .store-detail-comp .store-images {
        width: 100%;
        margin-bottom: 0;
        height: auto
    }

    .store-detail-comp .store-info {
        width: 100%
    }

    .store-detail-comp .store-info__card {
        padding: 24px 24px 0 24px
    }

    .store-detail-comp .store-info__details {
        padding: 0px 24px 0 24px
    }
}

.cn-store {
    padding-bottom: 96px
}

.cn-store_content {
    gap: 24px
}

.cn-store_content .address-contact {
    width: 453px
}

@media (max-width: 1023.98px) {
    .cn-store {
        padding-bottom:0
    }

    .cn-store_content {
        flex-direction: column
    }
}

.user-manual-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
    grid-gap: 8px;
    margin-bottom: 0
}

.user-manual-item {
    width: 100%;
    display: inline-block;
    background-color: #F2F2F3;
    transition: opacity 0.1s ease-in-out
}

.user-manual-item__content {
    padding: 32px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%
}

.user-manual-item__content .icon {
    margin-right: 12px;
    fill: #010307
}

.user-manual-item__content p {
    margin-bottom: 0
}

.user-manual-item:hover {
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.1s ease-in-out
}

.user-manual-item:hover .redirect-link {
    text-decoration: none
}

.ch-product-selector .ps-close-mob {
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%)
}

.ch-product-selector .ps-close-mob:active {
    transform: translateY(-50%)
}

.ch-product-selector .ps-close-initial {
    position: absolute;
    right: 19px;
    top: 24px;
    z-index: 9999
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-close-initial {
        right:16px
    }
}

.ch-product-selector .ps-main {
    width: 100%;
    height: 100dvh;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main {
        align-items:center
    }
}

.ch-product-selector .ps-main__image-wrap {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ch-product-selector .ps-main__image-wrap.overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.5;
    pointer-events: none
}

.ch-product-selector .ps-main__image-wrap.overlay.ov-black::before {
    background: linear-gradient(90deg, rgba(0,0,0,0.3) .18%, rgba(0,0,0,0) 99.79%)
}

.ch-product-selector .ps-main__image-wrap.overlay.ov-white::before {
    background: linear-gradient(90deg, rgba(254,254,254,0.3) 0%, rgba(254,254,254,0) 100%)
}

.ch-product-selector .ps-main.vertical-overlay .ps-main__image-wrap.overlay.ov-black::before {
    background: linear-gradient(0deg, #00060D 0%, rgba(0,6,13,0) 100%)
}

.ch-product-selector .ps-main.vertical-overlay .ps-main__image-wrap.overlay.ov-white::before {
    background: linear-gradient(0deg, #FEFEFE 0%, rgba(254,254,254,0) 100%)
}

.ch-product-selector .ps-main .ps-slider {
    --bullet-width: 10px;
    width: 100%
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .ps-slider {
        width:50%;
        flex: 1
    }
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .ps-slider .slider__body,.ch-product-selector .ps-main .ps-slider .swiper-pagination {
        margin-left:-10%
    }
}

@media (min-width: 1920px) {
    .ch-product-selector .ps-main .ps-slider .slider__body,.ch-product-selector .ps-main .ps-slider .swiper-pagination {
        margin-left:-25%
    }
}

@media (max-width: 1023.98px) {
    .ch-product-selector .ps-main .ps-slider .swiper-slide picture {
        display:flex;
        align-items: center;
        justify-content: center
    }

    .ch-product-selector .ps-main .ps-slider .swiper-slide picture img {
        aspect-ratio: 1;
        min-width: unset !important;
        width: unset;
        max-height: 348px
    }
}

.ch-product-selector .ps-main .ps-slider .swiper .swiper-pagination-bullet {
    padding: 0;
    width: var(--bullet-width)
}

.ch-product-selector .ps-main .ps-slider .swiper .swiper-pagination-bullet::after {
    transition: width 0s;
    width: var(--bullet-width);
    border-radius: 0;
    background-color: #F2F2F34D
}

.ch-product-selector .ps-main .ps-slider .swiper .swiper-pagination-bullet-active::after {
    border-radius: 0;
    background-color: #010307
}

.ch-product-selector .ps-main .ps-slider__item {
    padding: 0 5px
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .ps-slider__item {
        padding:unset
    }
}

@media (min-width: 699px) {
    .ch-product-selector .ps-main .ps-slider__item-data {
        display:flex;
        justify-content: center
    }
}

@media (min-width: 699px) {
    .ch-product-selector .ps-main .ps-slider__item-data-inner-wrap {
        width:80%
    }
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .ps-slider__item-data-inner-wrap {
        width:70%
    }
}

.ch-product-selector .ps-categories {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-in-out
}

.ch-product-selector .ps-categories * {
    color: #010307
}

.ch-product-selector .ps-categories .refinement-list__item.selected {
    color: #fefefe;
    background-color: #010307;
    border-color: #010307
}

.ch-product-selector .ps-categories .ps-header__accordion-title:not(.collapsed),.ch-product-selector .ps-categories .accordion-content {
    background: rgba(255,255,255,0.5)
}

.ch-product-selector .ps-categories .stage,.ch-product-selector .ps-categories .stage .btns-wrap {
    background-color: #fefefe
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-categories .stage,.ch-product-selector .ps-categories .stage .btns-wrap {
        background-color:unset
    }
}

.ch-product-selector .ps-categories.negative * {
    color: #fefefe
}

.ch-product-selector .ps-categories.negative .refinement-list__item.selected {
    color: #010307;
    background-color: #fefefe;
    border-color: #fefefe
}

.ch-product-selector .ps-categories.negative .ps-header__accordion-title:not(.collapsed),.ch-product-selector .ps-categories.negative .accordion-content {
    background: rgba(0,0,0,0.5)
}

.ch-product-selector .ps-categories.negative .stage,.ch-product-selector .ps-categories.negative .stage .btns-wrap {
    background-color: #010307
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-categories.negative .stage,.ch-product-selector .ps-categories.negative .stage .btns-wrap {
        background-color:unset
    }
}

.ch-product-selector .ps-categories.rose,.ch-product-selector .ps-categories.rose .stage .btns-wrap {
    background: linear-gradient(148deg, #FFE1D0 2.22%, #BE9A70 97.55%);
    transition: all 0.5s ease-in-out
}

.ch-product-selector .ps-categories.gold,.ch-product-selector .ps-categories.gold .stage .btns-wrap {
    background: linear-gradient(147deg, #FFFAE8 1.44%, #FADC82 112.55%),#D9D9D9;
    transition: all 0.5s ease-in-out
}

.ch-product-selector .ps-categories.silver,.ch-product-selector .ps-categories.silver .stage .btns-wrap {
    background: linear-gradient(327deg, #E3E3E3 -.55%, #fff 100%);
    transition: all 0.5s ease-in-out
}

.ch-product-selector .ps-categories.default,.ch-product-selector .ps-categories.default .stage .btns-wrap {
    background: linear-gradient(327deg, #E3E3E3 -.55%, #fff 100%),radial-gradient(61.35% 71.2% at 50.69% 50%, #222D59 0%, #263061 0%, #0B132B 100%),linear-gradient(327deg, #010912 -.55%, #161F41 -.55%, #0B132B 100%),linear-gradient(148deg, #FFE1D0 2.22%, #E3E3E3 97.55%);
    transition: all 0.5s ease-in-out
}

.ch-product-selector .ps-categories.rose .stage,.ch-product-selector .ps-categories.gold .stage,.ch-product-selector .ps-categories.silver .stage,.ch-product-selector .ps-categories.default .stage {
    background: transparent
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-categories.rose .stage .btns-wrap,.ch-product-selector .ps-categories.gold .stage .btns-wrap,.ch-product-selector .ps-categories.silver .stage .btns-wrap,.ch-product-selector .ps-categories.default .stage .btns-wrap {
        background:unset
    }
}

.ch-product-selector .ps-selection {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.ch-product-selector .ps-stage-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto
}

.ch-product-selector .ps-header {
    border-bottom: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ch-product-selector .ps-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-header {
        padding:24px 16px 24px 96px
    }
}

.ch-product-selector .ps-header__accordion {
    width: 100%;
    position: relative
}

.ch-product-selector .ps-header__accordion-title {
    gap: 8px;
    width: 100%;
    padding: 17px 19px 15px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.ch-product-selector .ps-header__accordion-title:active {
    transform: unset
}

.ch-product-selector .ps-header__accordion-title .icon--arrow-down {
    transition: transform 0.3s ease-in-out;
    transform: rotate(180deg)
}

.ch-product-selector .ps-header__accordion-title.collapsed {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.ch-product-selector .ps-header__accordion-title.collapsed .icon--arrow-down {
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg)
}

.ch-product-selector .ps-header__accordion .accordion-content {
    width: 100%;
    position: absolute;
    top: 59px;
    left: 0;
    margin: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 3
}

.ch-product-selector .ps-header__accordion .accordion-content__wrap {
    padding: 16px 24px
}

.ch-product-selector .ps-header__accordion .accordion-content .ps-header__refinements-item {
    padding: 11px 0
}

.ch-product-selector .ps-header__refinements {
    display: flex;
    align-items: center;
    gap: 48px;
    justify-content: flex-end
}

.ch-product-selector .ps-header__refinements-item.underline {
    text-decoration: underline;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    text-underline-offset: 3px
}

.ch-product-selector .ps-stage {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    flex: 1
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-stage {
        align-items:center;
        flex-direction: row;
        justify-content: unset
    }
}

.ch-product-selector .ps-stage.result-stage {
    justify-content: space-around
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-stage.result-stage {
        justify-content:unset
    }
}

.ch-product-selector .ps-stage .scrollable-wrapper {
    max-height: 288px;
    overflow-y: auto;
    padding-right: 12px;
    padding-bottom: 96px
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-stage .scrollable-wrapper {
        width:277px;
        padding-bottom: 0
    }
}

.ch-product-selector .ps-stage .scrollable-wrapper::-webkit-scrollbar {
    width: 5px
}

.ch-product-selector .ps-stage .scrollable-wrapper::-webkit-scrollbar-track {
    background: rgba(162,163,164,0.3);
    border-radius: 2px
}

.ch-product-selector .ps-stage .scrollable-wrapper::-webkit-scrollbar-thumb {
    background: rgba(242,242,243,0.3);
    border-radius: 2px
}

.ch-product-selector .ps-stage .scrollable-wrapper::-webkit-scrollbar-thumb:hover,.ch-product-selector .ps-stage .scrollable-wrapper::-webkit-scrollbar-thumb:active {
    background: rgba(242,242,243,0.7)
}

.ch-product-selector .ps-stage .refinement-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.ch-product-selector .ps-stage .refinement-list__item {
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    height: 40px;
    background: transparent;
    border: 0.75px solid currentColor;
    text-align: center
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-stage .refinement-list__item {
        width:260px
    }
}

.ch-product-selector .ps-stage .refinement-list__item label {
    color: currentColor;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-left: 16px;
    padding-right: 8px
}

.ch-product-selector .ps-stage .refinement-list__item label:hover {
    cursor: pointer
}

.ch-product-selector .ps-stage .refinement-list__item input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.ch-product-selector .ps-main .stage {
    padding: 24px;
    padding-bottom: 0;
    width: 100%;
    position: relative;
    z-index: 2;
    height: 324px
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .stage {
        width:452px;
        padding: 48px 96px;
        height: unset
    }
}

.ch-product-selector .ps-main .stage .btns-wrap {
    display: flex;
    border-top: 1px solid currentColor;
    flex-direction: row-reverse;
    padding: 24px;
    gap: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .stage .btns-wrap {
        border:none;
        padding: 0;
        width: 260px;
        flex-direction: column;
        position: static;
        background-color: unset
    }
}

.ch-product-selector .ps-main .stage .btns-wrap .btn-next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    flex-basis: 50%;
    flex-grow: 1
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .stage .btns-wrap .btn-next {
        width:100%
    }
}

.ch-product-selector .ps-main .stage .btns-wrap .btn-prev {
    padding: 0;
    display: flex;
    gap: 12px;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    flex-basis: 25%
}

.ch-product-selector .ps-main .stage .btns-wrap .btn-prev .icon--arrow-left {
    transform: rotateY(180deg)
}

.ch-product-selector .ps-main .stage .btns-wrap .transparent {
    display: flex;
    gap: 12px;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.ch-product-selector .ps-main .stage .btns-wrap-results {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-main .stage .btns-wrap-results {
        padding:0;
        width: 260px;
        background-color: unset
    }
}

.ch-product-selector .ps-main .stage .btns-wrap-results .btns-result-stage {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch
}

.ch-product-selector .ps-main .stage .btns-wrap-results .btns-result-stage a {
    padding: 15px 12px
}

.ch-product-selector .ps-main .stage .btns-wrap-results .btns-result-stage a:hover {
    text-decoration: none
}

.ch-product-selector .ps-main .stage .btns-wrap-results .btns-result-stage .btn-primary {
    color: #fefefe
}

.ch-product-selector .ps-main .stage .btns-wrap-results .btn-restart {
    gap: 12px
}

.ch-product-selector .ps-main .stage .price-wishlist {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ch-product-selector .ps-main .stage .price-wishlist .add-to-wish-list .icon {
    padding: 0;
    stroke: #010307;
    fill: #010307
}

.ch-product-selector #stage-results.visible+.ps-slider .ps-slider__item-data {
    display: none;
    height: 0
}

.ch-product-selector .ps-cards-swiper.transition .swiper-wrapper .swiper-slide {
    transition: opacity 0.3s ease
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-cards-swiper .slider__body {
        align-items:center
    }
}

.ch-product-selector .ps-cards-swiper__item {
    padding: 24px;
    padding-bottom: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .ch-product-selector .ps-cards-swiper__item {
        padding:48px 96px
    }
}

.pd-accordion ol,.pd-accordion ul,.pd-accordion .accordion-content,.title-text-comp ol,.title-text-comp ul,.title-text-comp .accordion-content {
    padding-left: 24px
}

.pd-accordion ol li,.pd-accordion ul li,.pd-accordion .accordion-content li,.title-text-comp ol li,.title-text-comp ul li,.title-text-comp .accordion-content li {
    padding-bottom: 12px;
    padding-left: 8px
}

.pd-accordion ul,.title-text-comp ul {
    list-style-type: square
}

.pd-accordion ol li::marker,.title-text-comp ol li::marker {
    color: var(--black-300, #010307);
    leading-trim: both;
    text-edge: cap;
    font-family: Walbaum;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.16px
}

.productSelectorDispatcher {
    display: flex;
    position: relative
}

.productSelectorDispatcher--negative .productSelectorDispatcher__title {
    color: #010307 !important
}

.productSelectorDispatcher--negative .productSelectorDispatcher__item .title {
    color: #010307
}

.productSelectorDispatcher--negative .productSelectorDispatcher__item .overlay {
    background: linear-gradient(0deg, #fff 0%, #fff 100%)
}

.productSelectorDispatcher__item {
    flex: 1;
    position: relative;
    transition: background 1.5s ease;
    overflow: hidden
}

.productSelectorDispatcher__item .body {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0
}

.productSelectorDispatcher__item .buttons-container {
    display: flex;
    justify-content: center
}

.productSelectorDispatcher__item .title {
    color: #fefefe
}

.productSelectorDispatcher__item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, #000 100%);
    transition: opacity 600ms ease
}

.productSelectorDispatcher__item .overlay.ov-30 {
    opacity: 0.4
}

.productSelectorDispatcher__item .overlay.ov-40 {
    opacity: 0.4
}

.productSelectorDispatcher__item .overlay.ov-50 {
    opacity: 0.5
}

.productSelectorDispatcher__item .overlay.ov-60 {
    opacity: 0.6
}

.productSelectorDispatcher__item .overlay.ov-70 {
    opacity: 0.7
}

.productSelectorDispatcher__item .overlay.ov-80 {
    opacity: 0.8
}

.productSelectorDispatcher__item .overlay.ov-90 {
    opacity: 0.9
}

.productSelectorDispatcher__item img {
    transition: transform 600ms ease
}

@media (min-width: 1024px) {
    .productSelectorDispatcher__item:hover .overlay {
        opacity:0.2
    }

    .productSelectorDispatcher__item:hover img {
        transform: scale(1.07);
        transition: transform 600ms ease
    }
}

.productSelectorDispatcher .productSelectorDispatcher__title {
    position: absolute;
    z-index: 2;
    color: #fefefe;
    text-align: center;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 27px
}

@media (min-width: 1024px) {
    .productSelectorDispatcher .productSelectorDispatcher__title {
        top:119px;
        max-width: 490px
    }
}

#productSelectorDispatcher-slider .swiper-pagination-bullet::after {
    background-color: #fefefe
}

.checkout-modal .modal-dialog {
    width: 800px;
    max-width: 800px
}

@media (max-width: 1023.98px) {
    .checkout-modal .modal-dialog {
        width:unset
    }
}

.checkout-modal .modal-dialog .modal-body {
    padding: 32px 24px
}

.checkout-modal .btn-link {
    gap: 12px
}

.checkout-modal .btn-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px
}

.checkout-modal-heading {
    display: block
}

#cart-main,#checkout-main,#checkout-order-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width: 1024px) {
    #cart-main:not(.globale),#checkout-main:not(.globale),#checkout-order-details:not(.globale) {
        flex-direction:row
    }
}

#cart-main ul,#checkout-main ul,#checkout-order-details ul {
    padding-inline-start:0;list-style: none
}

#cart-main .left,#checkout-main .left,#checkout-order-details .left {
    flex: 100%;
    background-color: #F2F2F3;
    padding-top: 32px;
    padding-bottom: 32px
}

@media (min-width: 1024px) {
    #cart-main .left .cart-title,#checkout-main .left .cart-title,#checkout-order-details .left .cart-title {
        height:43px
    }
}

#cart-main .left-wrapper,#checkout-main .left-wrapper,#checkout-order-details .left-wrapper {
    max-width: 800px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    #cart-main .left,#checkout-main .left,#checkout-order-details .left {
        padding-top:48px;
        padding-bottom: 48px
    }
}

#cart-main .left .cards-wrapper,#checkout-main .left .cards-wrapper,#checkout-order-details .left .cards-wrapper {
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

#cart-main .left .cards-wrapper .card-item,#checkout-main .left .cards-wrapper .card-item,#checkout-order-details .left .cards-wrapper .card-item {
    background-color: #fefefe;
    margin-bottom: 8px
}

#cart-main .right,#checkout-main .right,#checkout-order-details .right {
    max-width: 864px !important;
    flex: 0 0 40%
}

@media (min-width: 1024px) {
    #cart-main .right,#checkout-main .right,#checkout-order-details .right {
        max-width:603px !important;
        margin-left: initial;
        margin-right: initial
    }

    #cart-main .right .total-title,#checkout-main .right .total-title,#checkout-order-details .right .total-title {
        height: 43px
    }
}

#cart-main .right .checkout-options,#checkout-main .right .checkout-options,#checkout-order-details .right .checkout-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #F2F2F3;
    border-bottom: 1px solid #F2F2F3
}

#cart-main .right .checkout-options .divider,#checkout-main .right .checkout-options .divider,#checkout-order-details .right .checkout-options .divider {
    height: 1px;
    background-color: #F2F2F3;
    width: 100%;
    margin: 0
}

#cart-main .right .checkout-options .form-check,#checkout-main .right .checkout-options .form-check,#checkout-order-details .right .checkout-options .form-check {
    padding-left: 0
}

#cart-main .right .checkout-options .form-check .form-group,#checkout-main .right .checkout-options .form-check .form-group,#checkout-order-details .right .checkout-options .form-check .form-group {
    margin-top: 0;
    max-width: unset
}

#cart-main .right .checkout-options .form-check .custom-control,#checkout-main .right .checkout-options .form-check .custom-control,#checkout-order-details .right .checkout-options .form-check .custom-control {
    padding-left: 0
}

#cart-main .right .checkout-options .checkbox,#checkout-main .right .checkout-options .checkbox,#checkout-order-details .right .checkout-options .checkbox {
    flex-direction: row;
    align-items: center;
    gap: 16px
}

#cart-main .right .checkout-options .checkbox .custom-control-input,#checkout-main .right .checkout-options .checkbox .custom-control-input,#checkout-order-details .right .checkout-options .checkbox .custom-control-input {
    opacity: 1;
    margin: 0;
    z-index: 0;
    left: -2.5px !important
}

#cart-main .right .checkout-options .checkbox .custom-control-label,#checkout-main .right .checkout-options .checkbox .custom-control-label,#checkout-order-details .right .checkout-options .checkbox .custom-control-label {
    margin: 0;
    display: flex;
    flex: 1 1 auto;
    font-size: 14px;
    align-items: center;
    gap: 10px
}

#cart-main .right .checkout-options .checkbox .custom-control-label :first-child,#checkout-main .right .checkout-options .checkbox .custom-control-label :first-child,#checkout-order-details .right .checkout-options .checkbox .custom-control-label :first-child {
    flex-shrink: 0
}

#cart-main .right .checkout-options .custom-checkbox .custom-control-label::before,#checkout-main .right .checkout-options .custom-checkbox .custom-control-label::before,#checkout-order-details .right .checkout-options .custom-checkbox .custom-control-label::before {
    content: none
}

#cart-main .right .checkout-options .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,#cart-main .right .checkout-options .custom-control-label::after,#checkout-main .right .checkout-options .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,#checkout-main .right .checkout-options .custom-control-label::after,#checkout-order-details .right .checkout-options .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,#checkout-order-details .right .checkout-options .custom-control-label::after {
    content: none
}

#cart-main .right .content-wrap,#checkout-main .right .content-wrap,#checkout-order-details .right .content-wrap {
    --content-wrap-padding-top-mobile: 32px;
    --content-wrap-padding-bottom-mobile: 64px;
    --content-wrap-padding-desktop: 48px;
    transition: padding 0.3s linear;
    padding-top: var(--content-wrap-padding-top-mobile);
    padding-bottom: var(--content-wrap-padding-bottom-mobile);
    display: flex;
    flex-direction: column-reverse;
    gap: 64px
}

#cart-main .right .content-wrap.checkout-content-wrap,#checkout-main .right .content-wrap.checkout-content-wrap,#checkout-order-details .right .content-wrap.checkout-content-wrap {
    flex-direction: column;
    gap: 0
}

@media (min-width: 1024px) {
    #cart-main .right .content-wrap,#checkout-main .right .content-wrap,#checkout-order-details .right .content-wrap {
        flex-direction:column;
        gap: 0;
        position: sticky;
        top: 0;
        padding-top: calc(var(--content-wrap-padding-desktop) + 30px);
        padding-bottom: calc(var(--content-wrap-padding-desktop) + 30px)
    }
}

#cart-main .right .content-wrap.no-transition,#checkout-main .right .content-wrap.no-transition,#checkout-order-details .right .content-wrap.no-transition {
    transition: none !important
}

#cart-main .btn--checkout,#checkout-main .btn--checkout,#checkout-order-details .btn--checkout {
    background-color: #010307;
    color: #fefefe;
    display: flex;
    justify-content: center;
    padding: 15px 12px
}

#cart-main .btn--checkout.disabled,#checkout-main .btn--checkout.disabled,#checkout-order-details .btn--checkout.disabled {
    pointer-events: none;
    opacity: 0.5
}

#cart-main .cart-summary .cart-totals li,#cart-main .cart-summary .checkout-totals li,#cart-main .checkout-summary .cart-totals li,#cart-main .checkout-summary .checkout-totals li,#checkout-main .cart-summary .cart-totals li,#checkout-main .cart-summary .checkout-totals li,#checkout-main .checkout-summary .cart-totals li,#checkout-main .checkout-summary .checkout-totals li,#checkout-order-details .cart-summary .cart-totals li,#checkout-order-details .cart-summary .checkout-totals li,#checkout-order-details .checkout-summary .cart-totals li,#checkout-order-details .checkout-summary .checkout-totals li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

#cart-main .cart-summary .cart-totals ul,#cart-main .cart-summary .cart-totals .grand-total-wrap,#cart-main .cart-summary .checkout-totals ul,#cart-main .cart-summary .checkout-totals .grand-total-wrap,#cart-main .checkout-summary .cart-totals ul,#cart-main .checkout-summary .cart-totals .grand-total-wrap,#cart-main .checkout-summary .checkout-totals ul,#cart-main .checkout-summary .checkout-totals .grand-total-wrap,#checkout-main .cart-summary .cart-totals ul,#checkout-main .cart-summary .cart-totals .grand-total-wrap,#checkout-main .cart-summary .checkout-totals ul,#checkout-main .cart-summary .checkout-totals .grand-total-wrap,#checkout-main .checkout-summary .cart-totals ul,#checkout-main .checkout-summary .cart-totals .grand-total-wrap,#checkout-main .checkout-summary .checkout-totals ul,#checkout-main .checkout-summary .checkout-totals .grand-total-wrap,#checkout-order-details .cart-summary .cart-totals ul,#checkout-order-details .cart-summary .cart-totals .grand-total-wrap,#checkout-order-details .cart-summary .checkout-totals ul,#checkout-order-details .cart-summary .checkout-totals .grand-total-wrap,#checkout-order-details .checkout-summary .cart-totals ul,#checkout-order-details .checkout-summary .cart-totals .grand-total-wrap,#checkout-order-details .checkout-summary .checkout-totals ul,#checkout-order-details .checkout-summary .checkout-totals .grand-total-wrap {
    margin-bottom: 0
}

#cart-main .cart-summary .cart-totals .btn--checkout:hover,#cart-main .cart-summary .checkout-totals .btn--checkout:hover,#cart-main .checkout-summary .cart-totals .btn--checkout:hover,#cart-main .checkout-summary .checkout-totals .btn--checkout:hover,#checkout-main .cart-summary .cart-totals .btn--checkout:hover,#checkout-main .cart-summary .checkout-totals .btn--checkout:hover,#checkout-main .checkout-summary .cart-totals .btn--checkout:hover,#checkout-main .checkout-summary .checkout-totals .btn--checkout:hover,#checkout-order-details .cart-summary .cart-totals .btn--checkout:hover,#checkout-order-details .cart-summary .checkout-totals .btn--checkout:hover,#checkout-order-details .checkout-summary .cart-totals .btn--checkout:hover,#checkout-order-details .checkout-summary .checkout-totals .btn--checkout:hover {
    background-color: #36383C;
    color: #fefefe
}

#cart-main .divider,#checkout-main .divider,#checkout-order-details .divider {
    width: 100%;
    height: 1.5px;
    background-color: #010307;
    margin-bottom: 16px;
    margin-top: 16px
}

#cart-main .customer-error,#checkout-main .customer-error,#checkout-order-details .customer-error {
    padding: 16px
}

#cart-main .customer-error:empty,#checkout-main .customer-error:empty,#checkout-order-details .customer-error:empty {
    padding: 0
}

#cart-main .alert-dismissible,#checkout-main .alert-dismissible,#checkout-order-details .alert-dismissible {
    color: #010307;
    border: none;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent
}

#cart-main .alert-dismissible .wrap,#checkout-main .alert-dismissible .wrap,#checkout-order-details .alert-dismissible .wrap {
    padding: 8px 16px;
    background-color: #fefefe;
    display: flex;
    align-items: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 0
}

#cart-main .alert-dismissible .close,#checkout-main .alert-dismissible .close,#checkout-order-details .alert-dismissible .close {
    position: static;
    padding: 0;
    opacity: 1
}

#cart-main .alert-dismissible .close svg,#checkout-main .alert-dismissible .close svg,#checkout-order-details .alert-dismissible .close svg {
    color: #010307
}

.empty-cart {
    padding-top: 24px;
    padding-bottom: 24px;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #F2F2F3
}

@media (min-width: 699px) {
    .empty-cart {
        padding-top:32px;
        padding-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .empty-cart {
        padding-top:48px;
        padding-bottom: 48px
    }
}

.empty-cart__title {
    text-align: center
}

.empty-cart__btn {
    width: -moz-max-content;
    width: max-content;
    padding: 15px 12px
}

.gift-message__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.gift-message__wrapper .color-304 {
    color: #6C6D70
}

.gift-message__wrapper .color-alert {
    color: #c93232
}

.gift-message__txt {
    padding: 22px 12px !important;
    background-color: #F2F2F3;
    border: none;
    border-bottom: 1px solid #6C6D70
}

.gift-message__btns {
    position: absolute;
    margin-left: -48px;
    margin-right: -48px;
    bottom: 0;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    padding-bottom: 32px;
    background-color: #fefefe
}

@media (max-width: 1023.98px) {
    .gift-message__btns {
        padding-left:24px;
        padding-right: 24px;
        margin-left: -24px;
        margin-right: -24px;
        bottom: -24px;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.gift-message__btns .btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 12px
}

#checkout-order-details .right .content-wrap {
    position: relative
}

#checkout-main {
    margin-top: 0 !important
}

#cart-main .content-wrap.stuck-top,#checkout-main .content-wrap.stuck-top {
    transition: padding 0.5s ease-out;
    padding-top: var(--content-wrap-padding-top-mobile)
}

@media (min-width: 1024px) {
    #cart-main .content-wrap.stuck-top,#checkout-main .content-wrap.stuck-top {
        padding-top:var(--content-wrap-padding-desktop)
    }
}

#cart-main .content-wrap.stuck-bottom,#checkout-main .content-wrap.stuck-bottom {
    transition: padding 0.5s ease-out;
    padding-bottom: var(--content-wrap-padding-bottom-mobile)
}

@media (min-width: 1024px) {
    #cart-main .content-wrap.stuck-bottom,#checkout-main .content-wrap.stuck-bottom {
        padding-bottom:var(--content-wrap-padding-desktop)
    }
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.search-header {
    border-top: 1px solid #F2F2F3
}

@media (min-width: 1024px) {
    .search-header__search-term {
        padding:0 64px;
        max-width: 894px
    }
}

.search-header__search-term-label {
    margin-bottom: 4px
}

.search-header__search-term-value::before {
    content: open-quote
}

.search-header__search-term-value::after {
    content: close-quote
}

.search-header__search .container {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1024px) {
    .search-header__search .container {
        padding-left:48px;
        padding-right: 48px
    }
}

.search-header__search-tabs {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding-inline-start:0;margin-bottom: 0
}

.search-header__search-tabs-tab {
    padding: 16px 24px;
    white-space: nowrap
}

.search-header__search-tabs-tab.active {
    border-bottom: 1px solid #010307
}

.search-header__search-tabs .swiper-slide {
    width: auto
}

.search-header__search .swiper {
    z-index: 0
}

.search-header__search .swiper-button {
    top: 45%;
    width: 24px;
    height: 24px;
    background: #F2F2F3
}

.search-header__search .swiper-button svg {
    fill: #010307
}

.search-header__search .swiper-button-prev {
    left: 0;
    transform: translateY(-50%)
}

.search-header__search .swiper-button-next {
    right: 0;
    transform: translateY(50%)
}

.search-header .border-bottom-gray {
    border-bottom: 1px solid #F2F2F3
}

.search-results__articles .items,.search-results__all-articles .items,.search-results__all-services .items,.search-results__services .items,.search-results__selections .items,.search-results__all-selections .items,.search-results__manuals .items,.search-results__all-manuals .items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
    grid-gap: 8px;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .search-results__articles .items,.search-results__all-articles .items,.search-results__all-services .items,.search-results__services .items,.search-results__selections .items,.search-results__all-selections .items,.search-results__manuals .items,.search-results__all-manuals .items {
        grid-template-columns:repeat(auto-fill, minmax(32%, 1fr));
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 48px
    }
}

.search-results__articles .items .item:hover,.search-results__all-articles .items .item:hover,.search-results__all-services .items .item:hover,.search-results__services .items .item:hover,.search-results__selections .items .item:hover,.search-results__all-selections .items .item:hover,.search-results__manuals .items .item:hover,.search-results__all-manuals .items .item:hover {
    text-decoration: none
}

.search-results__articles .items .item:hover .redirect-link,.search-results__all-articles .items .item:hover .redirect-link,.search-results__all-services .items .item:hover .redirect-link,.search-results__services .items .item:hover .redirect-link,.search-results__selections .items .item:hover .redirect-link,.search-results__all-selections .items .item:hover .redirect-link,.search-results__manuals .items .item:hover .redirect-link,.search-results__all-manuals .items .item:hover .redirect-link {
    text-decoration: underline;
    text-underline-offset: 3px
}

.search-results__articles .items .item__content,.search-results__all-articles .items .item__content,.search-results__all-services .items .item__content,.search-results__services .items .item__content,.search-results__selections .items .item__content,.search-results__all-selections .items .item__content,.search-results__manuals .items .item__content,.search-results__all-manuals .items .item__content {
    padding: 20px 0
}

@media (min-width: 1024px) {
    .search-results__articles .items .item__content,.search-results__all-articles .items .item__content,.search-results__all-services .items .item__content,.search-results__services .items .item__content,.search-results__selections .items .item__content,.search-results__all-selections .items .item__content,.search-results__manuals .items .item__content,.search-results__all-manuals .items .item__content {
        padding:24px 48px 24px 0
    }
}

.search-results__articles .items .item__content .icon,.search-results__all-articles .items .item__content .icon,.search-results__all-services .items .item__content .icon,.search-results__services .items .item__content .icon,.search-results__selections .items .item__content .icon,.search-results__all-selections .items .item__content .icon,.search-results__manuals .items .item__content .icon,.search-results__all-manuals .items .item__content .icon {
    margin-right: 12px;
    fill: #010307
}

.search-results__articles .items .item__content-folder,.search-results__all-articles .items .item__content-folder,.search-results__all-services .items .item__content-folder,.search-results__services .items .item__content-folder,.search-results__selections .items .item__content-folder,.search-results__all-selections .items .item__content-folder,.search-results__manuals .items .item__content-folder,.search-results__all-manuals .items .item__content-folder {
    color: #36383C
}

.search-results__articles .items .item__content p,.search-results__all-articles .items .item__content p,.search-results__all-services .items .item__content p,.search-results__services .items .item__content p,.search-results__selections .items .item__content p,.search-results__all-selections .items .item__content p,.search-results__manuals .items .item__content p,.search-results__all-manuals .items .item__content p {
    margin-bottom: 0
}

.search-results__articles .items .item__content-paragraph,.search-results__all-articles .items .item__content-paragraph,.search-results__all-services .items .item__content-paragraph,.search-results__services .items .item__content-paragraph,.search-results__selections .items .item__content-paragraph,.search-results__all-selections .items .item__content-paragraph,.search-results__manuals .items .item__content-paragraph,.search-results__all-manuals .items .item__content-paragraph {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 699px) {
    .search-results__selections .items,.search-results__all-selections .items {
        grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 48px
    }
}

@media (min-width: 1024px) {
    .search-results__selections .items,.search-results__all-selections .items {
        grid-template-columns:repeat(auto-fill, minmax(32%, 1fr))
    }
}

.search-results__selections .item,.search-results__all-selections .item {
    position: relative;
    aspect-ratio: 2/3
}

.search-results__selections .item::after,.search-results__all-selections .item::after {
    content: '';
    position: absolute;
    opacity: 0.5;
    background: linear-gradient(0deg, #FEFEFE 0%, rgba(254,254,254,0) 100%);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1
}

.search-results__selections .item__absolute-position,.search-results__all-selections .item__absolute-position {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 0;
    z-index: 2
}

@media (min-width: 1024px) {
    .search-results__selections .item__absolute-position,.search-results__all-selections .item__absolute-position {
        left:64px;
        right: 64px
    }
}

.search-results__selections .item__title,.search-results__selections .item__category-parent,.search-results__all-selections .item__title,.search-results__all-selections .item__category-parent {
    text-align: center;
    color: #010307
}

.search-results__all-services .items .item__content,.search-results__services .items .item__content,.search-results__selections .items .item__content,.search-results__all-manuals .items .item__content {
    padding: 20px 0
}

@media (min-width: 1024px) {
    .search-results__all-services .items .item__content,.search-results__services .items .item__content,.search-results__selections .items .item__content,.search-results__all-manuals .items .item__content {
        padding:0;
        padding-right: 48px
    }
}

.search-results__articles ul.items,.search-results__all-articles ul.items,.search-results__manuals ul.items,.search-results__all-manuals ul.items {
    padding-inline-start:0;list-style: none
}

@media (min-width: 699px) {
    .search-results__all-manuals .items,.search-results__manuals .items {
        grid-template-columns:repeat(auto-fill, minmax(45%, 1fr));
        -moz-column-gap: 8px;
        column-gap: 8px;
        row-gap: 8px
    }
}

@media (min-width: 1024px) {
    .search-results__all-manuals .items,.search-results__manuals .items {
        grid-template-columns:repeat(auto-fill, minmax(32%, 1fr))
    }
}

@media (min-width: 1920px) {
    .search-results__all-manuals .items,.search-results__manuals .items {
        grid-template-columns:repeat(auto-fill, minmax(23%, 1fr))
    }
}

.search-results__all-manuals .items .item-wrap,.search-results__manuals .items .item-wrap {
    background: #F2F2F3;
    transition: opacity 0.1s ease-in-out
}

.search-results__all-manuals .items .item-wrap:hover,.search-results__manuals .items .item-wrap:hover {
    opacity: 0.8;
    transition: opacity 0.1s ease-in-out
}

.search-results__all-manuals .items .item-wrap:hover .redirect-link,.search-results__manuals .items .item-wrap:hover .redirect-link {
    text-decoration: none
}

.search-results__all-manuals .items .item__content,.search-results__manuals .items .item__content {
    padding: 32px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%
}

.search-results__all-section-headline {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search-results__all-section-headline button:hover {
    text-decoration: underline;
    text-underline-offset: 3px
}

.search-results__all-products .filters-wrapper {
    display: none
}

.search-results__all-products .product-grid__product:nth-child(n+17) {
    display: none
}

.search-results__all-products .product-grid .grid-footer {
    display: none
}

.search-results__all-selections .items .item:nth-child(n+4),.search-results__all-articles .items .item:nth-child(n+4),.search-results__all-manuals .items .item:nth-child(n+4) {
    display: none
}

.login-container,.register-container,.request-password-container {
    max-width: 764px;
    width: 100%;
    padding: 48px 48px 96px 48px
}

@media (max-width: 1023.98px) {
    .login-container,.register-container,.request-password-container {
        padding:36px 24px 24px 24px
    }
}

.login-container .alert,.register-container .alert,.request-password-container .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
    font-family: inherit;
    font-size: 14px
}

.login-container .alert .close,.register-container .alert .close,.request-password-container .alert .close {
    display: none
}

.login-container .alert-danger,.register-container .alert-danger,.request-password-container .alert-danger {
    color: #6b0103;
    background-color: #f4cbcb;
    border-color: #f0b7b7
}

.login-content form .form-group,.register-content form .form-group,.request-password-content form .form-group {
    max-width: 100%;
    width: 100%
}

.login-content form .form-group input[type=radio] ~ label,.register-content form .form-group input[type=radio] ~ label,.request-password-content form .form-group input[type=radio] ~ label {
    margin-right: 48px
}

.login-content form .password-reset,.register-content form .password-reset,.request-password-content form .password-reset {
    padding: 0;
    padding-bottom: 24px
}

.login-content form .password-reset:hover,.register-content form .password-reset:hover,.request-password-content form .password-reset:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #36383C;
    -webkit-text-decoration-color: #36383C;
    text-decoration-color: #36383C
}

.login-content .last-btn,.register-content .last-btn,.request-password-content .last-btn {
    margin-top: 32px;
    width: -moz-fit-content;
    width: fit-content
}

.login-content .fields-spacing,.register-content .fields-spacing,.request-password-content .fields-spacing {
    gap: 8px
}

@media (max-width: 1023.98px) {
    .login-content .fields-spacing,.register-content .fields-spacing,.request-password-content .fields-spacing {
        flex-direction:column
    }
}

.login-content .small-bottom-spacing,.register-content .small-bottom-spacing,.request-password-content .small-bottom-spacing {
    margin-bottom: 32px
}

.login-content .big-bottom-spacing,.register-content .big-bottom-spacing,.request-password-content .big-bottom-spacing {
    margin-bottom: 48px
}

.login-body:empty,.register-body:empty,.request-password-body:empty {
    display: none
}

.login-question:empty,.register-question:empty,.request-password-question:empty {
    display: none
}

.portal__content .login-header {
    display: block
}

.account-form-title {
    text-align: center;
    padding-left: 273px;
    padding-right: 273px
}

@media (max-width: 1023.98px) {
    .account-form-title {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 698.98px) {
    .account-form-title {
        text-align:left
    }
}

a.link-underline {
    text-decoration: underline;
    text-underline-offset: 3px
}

a.link-underline:hover {
    color: #515356
}

.modal-body .request-password-title {
    display: block
}

.screen-size-indicator {
    position: absolute;
    top: -999em;
    left: -999em
}

.screen-size-indicator::before {
    content: 'large'
}

@media (max-width: 1023.98px) {
    .screen-size-indicator::before {
        content:'small'
    }
}

.carousel .icon-prev,.carousel .icon-next {
    background-color: #fefefe;
    font-size: 1.875em;
    height: 3rem;
    padding-top: 0.24em;
    width: 3rem
}

.carousel .icon-prev::before,.carousel .icon-next::before {
    color: black;
    font-family: 'FontAwesome'
}

.carousel .icon-prev::before {
    content: '\F104'
}

.carousel .icon-next::before {
    content: '\F105'
}

.carousel .carousel-control-prev {
    justify-content: flex-start
}

.carousel .carousel-control-next {
    justify-content: flex-end
}

.carousel .carousel-control-next,.carousel .carousel-control-prev {
    width: 3rem
}

.carousel .carousel-control-next:focus,.carousel .carousel-control-prev:focus {
    outline: auto black
}

.nav-tabs {
    border-bottom: 1px solid #ccc
}

.nav-tabs .nav-link {
    font-size: 1.1rem;
    color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.active {
    border-bottom: 0.188em solid var(--skin-primary-color-1)
}

.card {
    margin-bottom: 1em
}

.card-header h4 {
    margin-bottom: 0
}

.modal .modal-body {
    flex: 0 0 auto
}

dt {
    color: #495057;
    font-weight: normal
}

.custom-checkbox .custom-control-label::before {
    border: 1px solid black;
    background: #f9f9f9;
    background: linear-gradient(#f9f9f9, #ccc)
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-label::before {
    border: 1px solid black;
    background: #ccc;
    background: linear-gradient(#ccc, #666)
}

.form-control.is-invalid {
    background-image: none
}

.pull-left-xs {
    float: left
}

.pull-right-xs {
    float: right
}

@media (min-width: 699px) and (max-width: 1023.98px) {
    .pull-left-sm {
        float:left
    }

    .pull-right-sm {
        float: right
    }
}

@media (min-width: 1024px) and (max-width: 1379.98px) {
    .pull-left-md {
        float:left
    }

    .pull-right-md {
        float: right
    }
}

@media (min-width: 1380px) and (max-width: 1919.98px) {
    .pull-left-lg {
        float:left
    }

    .pull-right-lg {
        float: right
    }
}

@media (min-width: 1920px) {
    .pull-left-xl {
        float:left
    }

    .pull-right-xl {
        float: right
    }
}

@media (max-width: 698.98px) {
    .hidden-xs-down {
        display:none !important
    }
}

@media (max-width: 1023.98px) {
    .hidden-sm-down {
        display:none !important
    }
}

@media (max-width: 1379.98px) {
    .hidden-md-down {
        display:none !important
    }
}

@media (max-width: 1919.98px) {
    .hidden-lg-down {
        display:none !important
    }
}

.hidden-xl-down {
    display: none !important
}

.row.equal-height>[class^="col"] {
    display: flex
}

.notify {
    position: fixed;
    top: 0
}

.form-nav .nav-tabs .nav-link {
    color: #333
}

.form-nav .nav-tabs .nav-link.active,.form-nav .nav-tabs .nav-link.active:focus,.form-nav .nav-tabs .nav-link.active:hover {
    background-color: #fefefe;
    color: #333
}

.nav-tabs .nav-link.active {
    background-color: transparent
}

@media (min-width: 1380px) {
    .form-nav .nav-item>.nav-link {
        color:#333
    }
}

.item-attributes {
    vertical-align: top;
    padding-left: 0
}

.line-item-attributes,.line-item-option {
    font-size: 0.813rem;
    margin: 0
}

.line-item-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #222;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.313em
}

.line-item-pricing-info {
    margin-bottom: 0
}

.line-item-pricing-info+.price {
    font-size: 1em;
    font-weight: bolder
}

.line-item-pricing-info+.unit-price .price {
    font-size: 1em;
    font-weight: bolder
}

.line-item-price-quantity-info {
    margin-top: 0.625em;
    border-top: 1px solid #ccc
}

.line-item-total-text {
    font-size: 0.813em
}

.pricing {
    font-size: 1em;
    font-weight: bolder
}

.item-image {
    height: 5.625em;
    width: 5.625em;
    margin-right: 0.938em;
    flex-grow: 0;
    flex-shrink: 0
}

.item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em
}

.non-adjusted-price {
    display: none
}

.line-item-promo {
    color: #008827;
    font-size: 0.813em
}

.line-item-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bundled-line-item+.bundled-line-item {
    margin-top: 0.625em
}

.bundle-includes {
    font-size: 0.813em;
    margin-bottom: 0.625em
}

.line-item-divider {
    margin: 0.625em -1.225em 0.625em -1.325em
}

.line-dotted {
    border-top: 0.063em dashed #ccc
}

.line-item-availability {
    font-size: 0.813rem
}

.product-line-item-details {
    overflow-y: auto
}

.minicart {
    position: relative
}

.minicart h1 {
    font-size: 1rem
}

.minicart .cart {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #fefefe
}

.minicart .remove-btn {
    color: #999;
    float: right;
    background-color: white;
    border: none;
    font-size: 1.625em;
    margin-top: -0.313em;
    padding: 0
}

.minicart .product-summary {
    margin-right: -0.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.938em
}

.minicart .card-body {
    padding: 0.625em
}

.minicart .quantity-label {
    font-size: 0.813em
}

.minicart .quantity {
    width: 100%
}

.minicart .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none
}

.minicart .popover::before {
    left: auto;
    right: 15px
}

.minicart .popover::after {
    left: auto;
    right: 16px
}

.minicart .popover.show {
    display: block
}

.minicart .minicart-footer {
    border-top: 1px solid #ccc
}

.minicart .estimated-total {
    margin-top: 0.625em
}

.minicart .sub-total-label {
    font-size: 1em;
    font-weight: 600
}

.minicart .sub-total {
    font-size: 1em;
    font-weight: 600
}

.minicart .line-item-divider {
    margin: 0.625em -0.625em 0.625em -1.325em
}

.minicart .line-item-name {
    width: 90%
}

@media (min-width: 699px) and (max-width: 1023.98px) {
    .hide-link-med {
        display:none
    }
}
#topbar-dialog .pretitle svg{
    width: 22px !important;
}
@media (min-width: 1024px) {
    .hide-no-link {
        display:none
    }
}

@media (max-width: 698.98px) {
    .hide-no-link {
        display:none
    }
}

.info-icon {
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: none;
    padding: 0;
    background: inherit
}

.info-icon .icon {
    border-radius: 1.25rem;
    background-color: var(--skin-primary-color-1);
    width: 1.5625rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.info-icon .tooltip {
    position: absolute;
    bottom: 100%;
    padding: 0.312rem;
    border-radius: .1875rem;
    background-color: #444;
    color: #fefefe;
    font-size: 0.928rem;
    min-width: 20rem;
    max-width: 15rem;
    transform: translate(-50%, calc(-1 * $arrow-height / 2));
    left: 50%;
    margin-left: 4px;
    animation: fade-in 0.5s linear forwards
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.info-icon .tooltip::before {
    content: " ";
    position: absolute;
    display: block;
    height: 1.25em;
    left: 0;
    bottom: -1.25em;
    width: 100%
}

.info-icon .tooltip::after {
    border-left: solid transparent calc($arrow-height / 2);
    border-right: solid transparent calc($arrow-height / 2);
    border-top: solid #444 calc($arrow-height / 2);
    bottom: calc(-1 * $arrow-height / 2);
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-display: swap;
    src: local("Helvetica Neue"),local("HelveticaNeue"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-style: italic;
    font-display: swap;
    src: local("Helvetica Neue Italic"),local("HelveticaNeueItalic"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-weight: bold;
    font-display: swap;
    src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Regular.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Regular.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Italic.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Italic.woff") format("woff")
}

@font-face {
    font-family: Engravers;
    font-display: swap;
    src: url("../../fonts/engravers/EngraversGothicBT-Regular.woff2") format("woff2"),url("../../fonts/engravers/EngraversGothicBT-Regular.woff") format("woff")
}

.text-large {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 2rem;
    letter-spacing: 1.6px
}

@media (min-width: 699px) {
    .text-large {
        font-size:2.5rem;
        letter-spacing: 2px
    }
}

@media (min-width: 1024px) {
    .text-large {
        font-size:3rem;
        letter-spacing: 2.4px
    }
}

.text-medium {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-medium {
        font-size:2rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-medium {
        font-size:2.25rem;
        letter-spacing: 1.8px
    }
}

.text-small {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.375rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

@media (min-width: 1024px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

.text-xsmall {
    font-family: Engravers;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1rem;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

.text-deco-big {
    font-family: Walbaum;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.75rem;
    letter-spacing: 0.28px
}

@media (min-width: 699px) {
    .text-deco-big {
        font-size:2rem;
        letter-spacing: 0.32px
    }
}

@media (min-width: 1024px) {
    .text-deco-big {
        font-size:2.25rem;
        letter-spacing: 0.36px
    }
}

.text-deco-small {
    font-family: Walbaum;
    font-style: italic;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.25rem;
    letter-spacing: 0.2px
}

@media (min-width: 699px) {
    .text-deco-small {
        font-size:1.375rem;
        letter-spacing: 0.22px
    }
}

@media (min-width: 1024px) {
    .text-deco-small {
        font-size:1.5rem;
        letter-spacing: 0.24px
    }
}

.text-overline {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase
}

.text-label {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.copy-large {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-standard {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-small {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px
}

.copy-tiny {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px
}

.link-big {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-standard {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-small {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.ch-modal-portal,.minicart-portal,.plp-filters-portal,.survey-portal {
    position: fixed;
    visibility: hidden;
    right: -41.87667%;
    top: 0;
    height: 100%;
    max-width: 41.87667%;
    width: 100%;
    z-index: 10;
    transition: all .45s ease-in-out
}

@media (max-width: 1023.98px) {
    .ch-modal-portal,.minicart-portal,.plp-filters-portal,.survey-portal {
        max-width:100%;
        right: -100%
    }
}

.ch-modal-portal.show,.minicart-portal.show,.plp-filters-portal.show,.survey-portal.show {
    visibility: visible;
    right: 0;
    z-index: 10
}

.ch-modal-portal .portal__wrapper,.ch-modal-portal .modal__wrapper.drawer,.minicart-portal .portal__wrapper,.minicart-portal .modal__wrapper.drawer,.plp-filters-portal .portal__wrapper,.plp-filters-portal .modal__wrapper.drawer,.survey-portal .portal__wrapper,.survey-portal .modal__wrapper.drawer {
    background-color: #fefefe;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

.ch-modal-portal .portal__content,.ch-modal-portal .modal__wrapper.drawer .modal-container,.minicart-portal .portal__content,.minicart-portal .modal__wrapper.drawer .modal-container,.plp-filters-portal .portal__content,.plp-filters-portal .modal__wrapper.drawer .modal-container,.survey-portal .portal__content,.survey-portal .modal__wrapper.drawer .modal-container {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    direction: inherit;
    overscroll-behavior: contain;
    padding: 0 48px 48px 48px
}

@media (max-width: 1023.98px) {
    .ch-modal-portal .portal__content,.ch-modal-portal .modal__wrapper.drawer .modal-container,.minicart-portal .portal__content,.minicart-portal .modal__wrapper.drawer .modal-container,.plp-filters-portal .portal__content,.plp-filters-portal .modal__wrapper.drawer .modal-container,.survey-portal .portal__content,.survey-portal .modal__wrapper.drawer .modal-container {
        padding:0 24px 24px 24px
    }
}

.ch-modal-portal .portal__content.pb,.ch-modal-portal .modal__wrapper.drawer .modal-container.pb,.minicart-portal .portal__content.pb,.minicart-portal .modal__wrapper.drawer .modal-container.pb,.plp-filters-portal .portal__content.pb,.plp-filters-portal .modal__wrapper.drawer .modal-container.pb,.survey-portal .portal__content.pb,.survey-portal .modal__wrapper.drawer .modal-container.pb {
    padding-bottom: 160px
}

.ch-modal-portal .portal__content--inner,.minicart-portal .portal__content--inner,.plp-filters-portal .portal__content--inner,.survey-portal .portal__content--inner {
    height: calc(100%)
}

.ch-modal-portal .portal__close,.minicart-portal .portal__close,.plp-filters-portal .portal__close,.survey-portal .portal__close {
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

.modal-backdrop {
    z-index: 11 !important
}

.modal-dialog .modal-content {
    border: 0;
    border-radius: 0
}

.modal-dialog .modal-close {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1
}

.modal-dialog .modal-body {
    padding: 56px 48px 48px 48px
}

@media (max-width: 1023.98px) {
    .modal-dialog:not(.center-mobile) {
        width:100%;
        height: 100%;
        margin: 0 !important
    }
}

@media (max-width: 1023.98px) {
    .modal-dialog .modal-content {
        height:100%
    }

    .modal-dialog .modal-body {
        padding: 70px 24px 24px 24px
    }
}

#action-modal.show {
    z-index: 2002
}

.survey-portal .portal__content {
    padding-bottom: 0
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

a.btn,button.btn,button,.btn {
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #010307;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 2px;
    padding: 15px 12px 15px 12px;
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

@media (max-width: 1379.98px) {
    a.btn,button.btn,button,.btn {
        padding:15px 12px 15px 12px
    }
}

@media (max-width: 1023.98px) {
    a.btn,button.btn,button,.btn {
        padding:15px 12px 15px 12px
    }
}

a.btn:hover,a.btn:focus,a.btn:active,button.btn:hover,button.btn:focus,button.btn:active,button:hover,button:focus,button:active,.btn:hover,.btn:focus,.btn:active {
    text-decoration: none;
    border: 1px solid transparent
}

a.btn:active,button.btn:active,button:active,.btn:active {
    transform: scale(0.99)
}

a.btn-primary,button.btn-primary,button-primary,.btn-primary {
    background-color: #010307;
    color: #fefefe
}

a.btn-primary:hover,button.btn-primary:hover,button-primary:hover,.btn-primary:hover {
    background-color: #36383C;
    color: #fefefe
}

a.btn-primary:disabled,button.btn-primary:disabled,button-primary:disabled,.btn-primary:disabled {
    pointer-events: none;
    background-color: #87888A
}

a.btn-primary.inverted,button.btn-primary.inverted,button-primary.inverted,.btn-primary.inverted {
    background-color: #fefefe;
    color: #010307
}

a.btn-primary.inverted:hover,button.btn-primary.inverted:hover,button-primary.inverted:hover,.btn-primary.inverted:hover {
    background-color: #D7D8D9;
    color: #010307
}

a.btn-primary.inverted:disabled,button.btn-primary.inverted:disabled,button-primary.inverted:disabled,.btn-primary.inverted:disabled {
    pointer-events: none;
    opacity: 0.5;
    background-color: #fefefe
}

a.btn-secondary,button.btn-secondary,button-secondary,.btn-secondary {
    background-color: rgba(188,189,191,0.5);
    color: #010307
}

a.btn-secondary:hover,button.btn-secondary:hover,button-secondary:hover,.btn-secondary:hover {
    background-color: rgba(188,189,191,0.7);
    color: #010307
}

a.btn-secondary:disabled,button.btn-secondary:disabled,button-secondary:disabled,.btn-secondary:disabled {
    pointer-events: none;
    background-color: rgba(188,189,191,0.7);
    color: #6C6D70
}

a.btn-secondary.inverted,button.btn-secondary.inverted,button-secondary.inverted,.btn-secondary.inverted {
    background-color: rgba(135,136,138,0.5);
    color: #fefefe
}

a.btn-secondary.inverted:hover,button.btn-secondary.inverted:hover,button-secondary.inverted:hover,.btn-secondary.inverted:hover {
    background-color: rgba(135,136,138,0.7);
    color: #fefefe
}

a.btn-secondary.inverted:disabled,button.btn-secondary.inverted:disabled,button-secondary.inverted:disabled,.btn-secondary.inverted:disabled {
    opacity: 0;
    background-color: rgba(135,136,138,0.5);
    color: #fefefe
}

a.btn .icon,button.btn .icon,button .icon,.btn .icon {
    float: right;
    max-width: 24px;
    max-height: 24px
}

a.btn.hvr-underline:hover,button.btn.hvr-underline:hover,button.hvr-underline:hover,.btn.hvr-underline:hover {
    text-decoration: underline
}

footer .btn-secondary:hover {
    background-color: #757575
}

.btn-close,a.btn-close,button.btn-close {
    background-color: var(--alpha-30750);
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 2px
}

.btn-close:hover,a.btn-close:hover,button.btn-close:hover {
    background-color: var(--alpha-30770)
}

.btn-close__x,a.btn-close__x,button.btn-close__x {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease-in-out
}

.btn-accordion,button.btn-accordion,a.btn-accordion {
    padding: 23px 12px 23px 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    background-color: #fefefe;
    color: #010307;
    font-size: 16px;
    font-family: Engravers;
    text-align: left;
    border-bottom: 1px solid #F2F2F3;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.btn-accordion:active,.btn-accordion:hover,button.btn-accordion:active,button.btn-accordion:hover,a.btn-accordion:active,a.btn-accordion:hover {
    cursor: pointer;
    background-color: #fefefe;
    border-bottom: 1px solid #F2F2F3;
    color: #010307
}

.btn-accordion:first-of-type,button.btn-accordion:first-of-type,a.btn-accordion:first-of-type {
    border-top: 1px solid #F2F2F3
}

.btn-accordion__icon-plus,button.btn-accordion__icon-plus,a.btn-accordion__icon-plus {
    flex-shrink: 0
}

@media (max-width: 1023.98px) {
    .buttons-container .btn+.btn {
        margin-top:8px
    }

    .buttons-container .btn {
        vertical-align: bottom
    }
}

.btn-switch-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    border-top: 1px solid #D7D8D9
}

@media (min-width: 1380px) {
    .btn-switch-wrap {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .btn-switch-wrap {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .btn-switch-wrap {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .btn-switch-wrap {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .btn-switch-wrap {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .btn-switch-wrap {
        padding-bottom:24px
    }
}

@media (min-width: 1024px) {
    .btn-switch-wrap {
        border:none;
        padding: 0
    }
}

.btn-switch {
    display: inline-block;
    width: 31px;
    height: 18px;
    padding: 2px;
    background-color: transparent;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease-out;
    border: 1px solid #010307 !important
}

@media (min-width: 1024px) {
    .btn-switch {
        border-color:#fefefe !important
    }
}

.btn-switch .btn-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    border-radius: 18px;
    z-index: 1
}

.btn-switch .btn-switch__input:hover {
    cursor: pointer
}

.btn-switch .btn-switch__handle {
    position: absolute;
    border: 1px solid transparent;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: #010307;
    border-radius: 50%;
    transition: left 0.15s ease-out, background-color 0.15s ease-out
}

@media (min-width: 1024px) {
    .btn-switch .btn-switch__handle {
        background:#fefefe
    }
}

.btn-switch.enabled {
    background-color: #010307
}

@media (min-width: 1024px) {
    .btn-switch.enabled {
        background-color:#fefefe
    }
}

.btn-switch.enabled .btn-switch__handle {
    left: 15px;
    background-color: #fefefe;
    border: 1px solid #fefefe
}

@media (min-width: 1024px) {
    .btn-switch.enabled .btn-switch__handle {
        background-color:#010307;
        border: 1px solid #010307
    }
}

.accordion-title {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative
}

.accordion-title::after {
    content: "";
    display: block;
    background-image: url(../images/arrow-down.svg);
    height: 24px;
    width: 24px;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateY(50%) rotate(180deg);
    right: 0;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out
}

.accordion-title:hover {
    cursor: pointer
}

.accordion-title.collapsed::after {
    transform: translateY(50%) rotate(0deg)
}

.accordion-title span {
    text-align: left !important
}

.accordion-tab {
    border-bottom: 1px solid #D7D8D9
}

.accordion-content a {
    text-decoration: underline;
    text-underline-offset: 3px
}

.accordion-content>*:first-child {
    padding-top: 4px
}

.accordion-content>*:last-child {
    margin-bottom: 1rem
}

#orderSummaryAccordionBtn .accordion-button {
    width: 100%;
    align-items: center
}

.country-selector-modal ul {
    margin-bottom: 0
}

.country-selector-modal .modal-dialog {
    width: 100vw;
    margin: 0;
    max-width: unset;
    height: 100%
}

.country-selector-modal .modal-content {
    height: 100%
}

.country-selector-modal .modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.country-selector-modal .modal-header .logo {
    height: 48px;
    width: 300px;
    color: #1e1e1e
}

.country-selector-modal .modal-body {
    padding: 0;
    padding: 0;
    flex-grow: 1 !important;
    display: flex;
    flex-direction: column
}

.country-selector-modal .modal-body p {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .country-selector-modal .modal-body__headline {
        padding:0 48px
    }
}

.country-selector-modal .modal-body__country-selector {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    width: 100%
}

.country-selector-modal .modal-body__country-selector-list {
    flex-grow: 1;
    width: 100%
}

@media (min-width: 1024px) {
    .country-selector-modal .modal-body__country-selector-list {
        background-color:#F2F2F3;
        padding-top: 48px;
        padding-bottom: 48px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 0;
        list-style: none
    }
}

.country-selector-modal .modal-body__country-selector-list li {
    list-style: none
}

@media (min-width: 1024px) {
    .country-selector-modal .modal-body__country-selector-list li {
        flex:0 0 23%
    }
}

.country-selector-modal .modal-body__country-selector .accordion-tab {
    border-bottom: 1px solid #F2F2F3
}

.country-selector-modal .modal-body__country-selector .accordion-title {
    background-color: #fefefe;
    padding-top: 16px;
    padding-bottom: 16px
}

.country-selector-modal .modal-body__country-selector .accordion-title:after {
    right: 24px
}

.country-selector-modal .modal-body__country-selector .accordion-list {
    list-style-type: none !important;
    list-style: none !important;
    margin: 0;
    padding: 0
}

.country-selector-modal .modal-body__country-selector .accordion-list-item {
    list-style-type: none !important;
    list-style: none !important
}

.country-selector-modal .modal-body__country-selector .cs-link {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start
}

.country-selector-modal .modal-body__country-selector .cs-link .icon {
    flex-shrink: 0
}

.country-selector-modal .modal-body__country-selector .accordion-collapse {
    background-color: #F2F2F3
}

.country-selector-modal .modal-body__country-selector-footer {
    background: #fefefe
}

.country-selector-modal .modal-body__country-selector-footer-content {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap
}

.country-selector-modal button.country-selector-modal__close {
    position: absolute;
    top: 16px;
    right: 16px
}

.country-selector-modal .color-gray {
    color: #6C6D70
}

.country-selector-modal .cart-hidden {
    visibility: hidden
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-display: swap;
    src: local("Helvetica Neue"),local("HelveticaNeue"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Roman.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-style: italic;
    font-display: swap;
    src: local("Helvetica Neue Italic"),local("HelveticaNeueItalic"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Chopard';
    font-weight: bold;
    font-display: swap;
    src: local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff2") format("woff2"),url("../../fonts/helvetica-neue/HelveticaNeueLTPro-Bd.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Regular.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Regular.woff") format("woff")
}

@font-face {
    font-family: Walbaum;
    font-style: italic;
    font-display: swap;
    src: url("../../fonts/walbaum/Walbaum18pt-Italic.woff2") format("woff2"),url("../../fonts/walbaum/Walbaum18pt-Italic.woff") format("woff")
}

@font-face {
    font-family: Engravers;
    font-display: swap;
    src: url("../../fonts/engravers/EngraversGothicBT-Regular.woff2") format("woff2"),url("../../fonts/engravers/EngraversGothicBT-Regular.woff") format("woff")
}

.text-large {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 2rem;
    letter-spacing: 1.6px
}

@media (min-width: 699px) {
    .text-large {
        font-size:2.5rem;
        letter-spacing: 2px
    }
}

@media (min-width: 1024px) {
    .text-large {
        font-size:3rem;
        letter-spacing: 2.4px
    }
}

.text-medium {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    font-size: 1.75rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-medium {
        font-size:2rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-medium {
        font-size:2.25rem;
        letter-spacing: 1.8px
    }
}

.text-small {
    font-family: Walbaum;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.375rem;
    letter-spacing: 1.4px
}

@media (min-width: 699px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

@media (min-width: 1024px) {
    .text-small {
        font-size:1.5rem;
        letter-spacing: 1.2px
    }
}

.text-xsmall {
    font-family: Engravers;
    color: #010307;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-size: 1rem;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

@media (min-width: 1024px) {
    .text-xsmall {
        font-size:1rem;
        letter-spacing: 1.6px
    }
}

.text-deco-big {
    font-family: Walbaum;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.75rem;
    letter-spacing: 0.28px
}

@media (min-width: 699px) {
    .text-deco-big {
        font-size:2rem;
        letter-spacing: 0.32px
    }
}

@media (min-width: 1024px) {
    .text-deco-big {
        font-size:2.25rem;
        letter-spacing: 0.36px
    }
}

.text-deco-small {
    font-family: Walbaum;
    font-style: italic;
    color: #010307;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
    font-size: 1.25rem;
    letter-spacing: 0.2px
}

@media (min-width: 699px) {
    .text-deco-small {
        font-size:1.375rem;
        letter-spacing: 0.22px
    }
}

@media (min-width: 1024px) {
    .text-deco-small {
        font-size:1.5rem;
        letter-spacing: 0.24px
    }
}

.text-overline {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase
}

.text-label {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.copy-large {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-standard {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.copy-small {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.14px
}

.copy-tiny {
    font-family: "Helvetica Chopard";
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.12px
}

.link-big {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-standard {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.link-small {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #010307;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.header {
    color: #010307;
    position: relative;
    z-index: 9
}

.header.is-positive {
    background-color: #fefefe
}

.header.is-floating {
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10
}

.header__body {
    background-color: inherit;
    transition: background-color 0.3s ease-in-out;
    color: #010307
}

.header__body:hover {
    background-color: #fefefe
}

.header .navbar {
    padding-top: 16px;
    padding-bottom: 16px
}

.header ul {
    list-style: none;
    padding-inline-start:unset}

.header .navbar-secondary {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    flex-wrap: nowrap
}

.header .navbar-secondary__start,.header .navbar-secondary__end {
    list-style: none;
    display: flex;
    flex: 0 1 50%;
    align-items: center;
    gap: 16px;
    margin-bottom: 0
}

.header .navbar-secondary__start {
    display: flex;
    justify-content: flex-start
}

@media (min-width: 1024px) {
    .header .navbar-secondary__start .header__icon-wrap .sr-only {
        display:none
    }
}

@media (min-width: 1024px) {
    .header .navbar-secondary__start .header__icon-wrap .sr-only.sr-cs {
        display:block
    }
}

@media (min-width: 1380px) {
    .header .navbar-secondary__start .header__icon-wrap .sr-only.sr-cs {
        display:none
    }
}

.header .navbar-secondary__start .header__icon-wrap .sr-only.sr-cs-large {
    display: none
}

@media (min-width: 1380px) {
    .header .navbar-secondary__start .header__icon-wrap .sr-only.sr-cs-large {
        display:block
    }
}

.header .navbar-secondary__center .header-logo {
    height: 48px
}

.header .navbar-secondary__end {
    justify-content: flex-end
}

.header__icon-wrap {
    padding: 0;
    border: none;
    position: relative
}

.header__icon-wrap button {
    border: none;
    padding: 0
}

.header__icon-wrap button,.header__icon-wrap a {
    display: flex;
    align-items: center;
    justify-content: center
}

.header__icon-wrap:hover svg {
    fill: ;
}

.header__icon-wrap.header-locale .txt-country-footer {
    display: none
}

.header .header__icon-text {
    color: var(--black-300)
}

.header .header__icon-text.country-label {
    display: none
}

@media (min-width: 1380px) {
    .header .header__icon-text.country-label {
        display:block
    }
}

.header__minicart {
    position: relative
}

.header .qty-badge {
    display: flex;
    width: 14px;
    height: 14px;
    padding: 1px 1px 2px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: #010307;
    position: absolute;
    right: -4px;
    top: -0.001px;
    color: #fefefe;
    text-align: center;
    letter-spacing: -1px
}

.header .qty-badge .qty-two-digits {
    font-size: 9px
}

.header .tooltip-toggle:hover .tooltip-wrap,.header .tooltip-toggle:focus .tooltip-wrap {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out
}

.header .navbar-primary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.header .navbar-primary__toggle {
    letter-spacing: 0.8px
}

.header .navbar-primary ul {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 0;
    padding-inline-start:0}

.header .navbar-primary ul li {
    padding: 2px 0
}

.header .navbar-primary ul li.active button {
    text-decoration: underline;
    text-underline-offset: 3px
}

.header .navbar-primary ul button {
    padding: 0;
    border: none;
    color: #010307
}

.header .navbar-primary ul li:not(.active) span {
    text-decoration: unset
}

.header .navbar-primary ul li:hover {
    border-bottom-color: #36383C
}

.header .navbar-primary ul li:hover>button {
    color: #36383C
}

.header .navbar-primary .navbar-primary__search-btn {
    padding: 2px 0
}

.header .navbar-primary .divider {
    background-color: #010307;
    width: 1px;
    height: 16px
}

.header .navbar-primary__search-btn:hover svg {
    fill: ;
}

.header .icon {
    padding: unset;
    pointer-events: all
}

.header .mega-menu {
    width: 100%
}

.header .mega-menu__body.dropdown {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    padding-left: 48px
}

.header .mega-menu__body.dropdown.show {
    padding-top: 24px;
    position: relative;
    transition: height 0.3s ease-in-out;
    overflow: hidden;
    border-top: 1px solid #F2F2F3;
    margin-top: 16px
}

@media (min-width: 1380px) {
    .header .mega-menu__body.dropdown.show {
        padding-top:32px
    }
}

@media (min-width: 1920px) {
    .header .mega-menu__body.dropdown.show {
        max-width:initial;
        left: 50%;
        transform: translateX(-50%)
    }
}

.header .mega-menu__close {
    position: absolute;
    right: 0;
    top: 24px;
    height: 32px;
    width: 32px;
    z-index: 1
}

@media (min-width: 1380px) {
    .header .mega-menu__close {
        top:32px
    }
}

.header .mega-menu-featured {
    display: flex
}

.header .mega-menu__group {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    height: 100%
}

.header .mega-menu__group.js-show {
    display: flex;
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

.header .mega-menu__subgroup {
    display: none;
    width: 100%;
    position: relative
}

.header .mega-menu__subgroup-items {
    display: flex;
    flex-wrap: wrap;
    row-gap: 48px;
    padding-left: 4px;
    margin-bottom: 0
}

.header .mega-menu__subgroup-item {
    flex: 0 0 25%;
    padding: 0 4px
}

.header .mega-menu__subgroup-item.highlighted {
    flex: 0 0 50%
}

.header .mega-menu__subgroup-item.highlighted .card__media {
    aspect-ratio: 4/3
}

.header .mega-menu__subgroup-item .card {
    border: none;
    margin-bottom: 0
}

.header .mega-menu__subgroup-item .card.no-hover:hover {
    text-decoration: none
}

.header .mega-menu__subgroup-item .card__media {
    aspect-ratio: 2/3
}

.header .mega-menu__subgroup-item .card__media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header .mega-menu__subgroup-item-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

.header .mega-menu__subgroup.js-show {
    display: block;
    overflow-y: scroll;
    padding-bottom: 24px;
    padding-right: 48px
}

@media (min-width: 1380px) {
    .header .mega-menu__subgroup.js-show {
        padding-bottom:32px
    }
}

.header .mega-menu__subgroup.js-show::-webkit-scrollbar {
    width: 4px
}

.header .mega-menu__subgroup.js-show::-webkit-scrollbar-track {
    background: transparent
}

.header .mega-menu__subgroup.js-show::-webkit-scrollbar-thumb {
    background: rgba(188,189,191,0.5);
    border-radius: 40px
}

.header .mega-menu__subgroup.js-show::-webkit-scrollbar-thumb:hover {
    background: rgba(188,189,191,0.7)
}

.header .mega-menu__subgroup .header-skip-link {
    position: absolute;
    left: 10px;
    top: 0;
    background-color: #010307;
    color: #fefefe
}

.header .mega-menu__toggles-wrap {
    flex: 0 0 25%;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: scroll
}

.header .mega-menu__toggles-wrap::-webkit-scrollbar {
    width: 4px
}

.header .mega-menu__toggles-wrap::-webkit-scrollbar-track {
    background: transparent
}

.header .mega-menu__toggles-wrap::-webkit-scrollbar-thumb {
    background: rgba(188,189,191,0.5);
    border-radius: 40px
}

.header .mega-menu__toggles-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(188,189,191,0.7)
}

.header .mega-menu__toggles-wrap .merchandising-slot {
    padding-right: 24px
}

.header .mega-menu__toggles {
    padding-right: 24px;
    max-height: 100vh;
    margin-bottom: 64px
}

.header .mega-menu__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    color: #010307
}

.header .mega-menu__toggle span {
    padding: 3px 0;
    text-align: left
}

.header .mega-menu__toggle:hover span {
    color: #36383C;
    text-decoration: underline;
    text-underline-offset: 3px
}

.header .mega-menu__toggle.active span {
    text-decoration: underline;
    text-underline-offset: 3px
}

.header .topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative
}

.header .topbar__start,.header .topbar__end {
    list-style: none;
    display: flex;
    flex: 0 1 50%;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
    padding-inline-start:0}

.header .topbar__start {
    display: flex;
    justify-content: flex-start;
    padding-inline-start:unset}

@media (min-width: 1024px) {
    .header .topbar__start .icon--arrow-left {
        margin-right:12px
    }
}

.header .topbar__center {
    max-width: 50%
}

.header .topbar__center a {
    width: 100%;
    display: flex;
    justify-content: center
}

.header .topbar__center .header-logo {
    height: 40px;
    width: 100%
}

@media (min-width: 1024px) {
    .header .topbar__center .header-logo {
        height:48px
    }
}

.header .topbar__end {
    justify-content: flex-end
}

.header .topbar .burger-menu-toggle {
    position: relative;
    transition: opacity 0.3s ease-in-out
}

.header .topbar .burger-menu-toggle .icon--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.header .topbar .burger-menu-toggle .icon--burger {
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

.header .topbar .burger-menu-toggle.js-close .icon--close {
    opacity: 1;
    transition: opacity 0.3s ease-in-out
}

.header .topbar .burger-menu-toggle.js-close .icon--burger {
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

.header .tooltip-wrap {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -41px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.header .tooltip-wrap__tooltip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    padding: 8px;
    background: #010307;
    border: 1px solid #010307;
    box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.15)
}

.header .tooltip-wrap__tooltip span {
    color: #fefefe
}

.header .tooltip-wrap__tooltip::before,.header .tooltip-wrap__tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 51%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-bottom-color: #010307
}

.header .bars-stack {
    display: none
}

.header .menu-active .bars-stack {
    display: none !important
}

.header__body.sticky {
    position: fixed;
    top: -130px;
    left: 0;
    width: 100%;
    z-index: 4;
    transition: top 1s ease-in-out;
    background-color: #fefefe
}

@media (max-width: 1023.98px) {
    .header__body.sticky {
        top:-64px
    }
}

.header__body.sticky.sticky-main-menu {
    transition: top 1s ease-in-out;
    top: 0
}

.header__body.sticky .bars-stack {
    display: block
}

.header.is-floating.header-variant--white .header__body {
    color: #fefefe
}

.header.is-floating.header-variant--white .header__body button {
    color: #fefefe
}

.header.is-floating.header-variant--white .header__body svg {
    fill: none;
    color: white;
}

.header.is-floating.header-variant--white .header__body .header__icon-text {
    color: var(--white-400)
}

.header.is-floating.header-variant--white .header__body .divider {
    background-color: #fefefe
}

.header.is-floating.header-variant--white .header__body .qty-badge {
    color: #010307;
    background: #fefefe
}

.header-variant--white:hover.is-floating .header__body,.header-variant--white.menu-active.is-floating .header__body,.header-variant--white.is-floating .header__body.sticky,.header-variant--white:focus-within.is-floating .header__body {
    background-color: #fefefe;
    color: #010307
}

.header-variant--white:hover.is-floating .header__body li button,.header-variant--white.menu-active.is-floating .header__body li button,.header-variant--white.is-floating .header__body.sticky li button,.header-variant--white:focus-within.is-floating .header__body li button {
    color: initial
}

.header-variant--white:hover.is-floating .header__body .navbar-primary button:hover,.header-variant--white.menu-active.is-floating .header__body .navbar-primary button:hover,.header-variant--white.is-floating .header__body.sticky .navbar-primary button:hover,.header-variant--white:focus-within.is-floating .header__body .navbar-primary button:hover {
    color: #36383C
}

.header-variant--white:hover.is-floating .header__body .header__icon-text,.header-variant--white.menu-active.is-floating .header__body .header__icon-text,.header-variant--white.is-floating .header__body.sticky .header__icon-text,.header-variant--white:focus-within.is-floating .header__body .header__icon-text {
    color: var(--black-300)
}

.header-variant--white:hover.is-floating .header__body svg,.header-variant--white.menu-active.is-floating .header__body svg,.header-variant--white.is-floating .header__body.sticky svg,.header-variant--white:focus-within.is-floating .header__body svg {
    stroke: initial;
    fill: initial
}

.header-variant--white:hover.is-floating .header__body .header__icon-wrap svg,.header-variant--white.menu-active.is-floating .header__body .header__icon-wrap svg,.header-variant--white.is-floating .header__body.sticky .header__icon-wrap svg,.header-variant--white:focus-within.is-floating .header__body .header__icon-wrap svg {
    stroke: initial;
    fill: initial
}

.header-variant--white:hover.is-floating .header__body .header__icon-wrap:hover svg,.header-variant--white.menu-active.is-floating .header__body .header__icon-wrap:hover svg,.header-variant--white.is-floating .header__body.sticky .header__icon-wrap:hover svg,.header-variant--white:focus-within.is-floating .header__body .header__icon-wrap:hover svg {
    fill: #36383C
}

.header-variant--white:hover.is-floating .header__body .divider,.header-variant--white.menu-active.is-floating .header__body .divider,.header-variant--white.is-floating .header__body.sticky .divider,.header-variant--white:focus-within.is-floating .header__body .divider {
    background-color: #010307
}

.header-variant--white:hover.is-floating .header__body .navbar-primary__search-btn:hover svg,.header-variant--white.menu-active.is-floating .header__body .navbar-primary__search-btn:hover svg,.header-variant--white.is-floating .header__body.sticky .navbar-primary__search-btn:hover svg,.header-variant--white:focus-within.is-floating .header__body .navbar-primary__search-btn:hover svg {
    fill: #36383C
}

.header-variant--white:hover.is-floating .header__body .qty-badge,.header-variant--white.menu-active.is-floating .header__body .qty-badge,.header-variant--white.is-floating .header__body.sticky .qty-badge,.header-variant--white:focus-within.is-floating .header__body .qty-badge {
    color: #fefefe;
    background: #010307
}

.header.header-variant--black.is-floating svg.icon {
    color: #010307
}

.header.header-variant--black.is-floating.menu-active {
    background-color: #fefefe
}

#topbar-dialog {
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: -100vw;
    background-color: #fefefe;
    width: 100vw;
    transition: left 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0)
}
.header-variant--white:hover.is-floating .header__body svg{
    stroke: #fff;
    color: #000;
}
.header-variant--white:hover.is-floating .header__body .navbar-primary__search-btn:hover svg {
    fill: white;
    stroke: black;
}
.header-variant--white:hover.is-floating .header__body svg, .header-variant--white.menu-active.is-floating .header__body svg, .header-variant--white.is-floating .header__body.sticky svg, .header-variant--white:focus-within.is-floating .header__body svg{
    stroke: #000 !important;
    fill: #fff;
}
.header-variant--white:hover.is-floating .header__body .header__icon-wrap svg, .header-variant--white.menu-active.is-floating .header__body .header__icon-wrap svg, .header-variant--white.is-floating .header__body.sticky .header__icon-wrap svg, .header-variant--white:focus-within.is-floating .header__body .header__icon-wrap svg {
    stroke: #000 !important;
    fill: #fff !important;
}
#topbar-dialog ul {
    list-style: none
}

#topbar-dialog .dialog-content {
    height: 100%;
    z-index: 9
}
#topbar-dialog .dialog-content__body-end a svg{
    flex: none !important;
}
#topbar-dialog .dialog-content__body-end button svg{
    flex: none !important;
}
#topbar-dialog .dialog-content__body {
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
    overflow-y: auto
}

#topbar-dialog .dialog-content__body .drawers ul:not(.drawer-tiles):not(.drawer.third-level) {
    padding: 0 15px;
    margin-bottom: 0px
}

#topbar-dialog .dialog-content__body .drawers ul:not(.drawer-tiles):not(.drawer.third-level) button,#topbar-dialog .dialog-content__body .drawers ul:not(.drawer-tiles):not(.drawer.third-level) a {
    padding: 0
}

#topbar-dialog .dialog-content__body-end {
    background-color: #F2F2F3;
    padding: 0 15px;
    margin-bottom: 0
}

#topbar-dialog .dialog-content__body-end .navbar-secondary__toggle .sr-only.sr-cs-large {
    display: none
}

#topbar-dialog .dialog-content__body-end button,#topbar-dialog .dialog-content__body-end a {
    padding: 0;
    gap: 12px;
    text-align: start
}

#topbar-dialog .dialog-content__body-end button svg,#topbar-dialog .dialog-content__body-end button span,#topbar-dialog .dialog-content__body-end a svg,#topbar-dialog .dialog-content__body-end a span {
    flex: 1
}

#topbar-dialog .icon--arrow-left {
    transform: rotateY(180deg)
}

#topbar-dialog .drawer {
    overflow-y: auto;
    display: none;
    position: absolute;
    left: -100vw;
    top: 0
}

#topbar-dialog .drawer.activating {
    width: 100vw;
    background-color: #fefefe;
    flex-direction: column;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    transition: left 0.3s ease-in-out
}

#topbar-dialog .drawer.is-active {
    left: 0;
    transition: left 0.3s ease-in-out
}

#topbar-dialog .drawer__categories-wrap {
    flex-grow: 1
}

#topbar-dialog .drawer.second-level {
    z-index: 10
}

#topbar-dialog .drawer.third-level {
    background-color: #fefefe;
    z-index: 11;
    padding: 0 0 0 15px
}

#topbar-dialog .drawer__back-btn {
    padding: 0 15px
}

#topbar-dialog .drawer__toggle:not(.active-underline):not(.cs-mobile) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#topbar-dialog .pretitle {
    text-align: left
}

#topbar-dialog .pretitle svg {
    width: 100%;
    height: 100%
}

#topbar-dialog.active {
    left: 0;
    transition: left 0.3s ease-in-out
}

#topbar-dialog .drawer-tiles {
    padding: 0;
    row-gap: 32px
}

#topbar-dialog .drawer-tiles.third-level__tiles {
    padding-right: 15px;
    padding-bottom: 48px;
    background-color: #fefefe
}

#topbar-dialog .drawer-tile {
    flex: 0 0 50%;
    z-index: 4;
    padding-left: 4px;
    padding-right: 4px
}

#topbar-dialog .drawer-tile.highlighted {
    flex: 0 0 100%
}

#topbar-dialog .drawer-tile.highlighted .card__media {
    aspect-ratio: 4/3
}

#topbar-dialog .drawer-tile .card {
    border: none;
    margin-bottom: 0
}

#topbar-dialog .drawer-tile .card.no-hover:hover {
    text-decoration: none
}

#topbar-dialog .drawer-tile .card__media {
    aspect-ratio: 2/3
}

#topbar-dialog .drawer-tile .card__media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#topbar-dialog .drawer-tile__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

#topbar-dialog .country-selector {
    max-height: 100vh;
    padding: 0 15px;
    padding-bottom: 100px;
    overflow-y: scroll
}

#topbar-dialog .drawer__toggle.active-underline {
    display: flex;
    align-items: center;
    gap: 12px
}

#topbar-dialog .active-underline {
    text-decoration: underline;
    text-underline-offset: 3px
}

#topbar-dialog .merchandising-slot {
    padding: 0 15px;
    width: 100%
}

@media (min-width: 1024px) {
    #topbar-dialog {
        display:none
    }
}

#topbar-dialog .country-label {
    display: none
}

#promotion-banner {
    display: flex;
    height: 40px;
    padding: 8px 48px;
    z-index: 1;
    position: relative
}

@media (max-width: 1023.98px) {
    #promotion-banner {
        gap:8px;
        padding: 8px 24px
    }
}

#promotion-banner.grey-banner {
    background: #f9f9f9
}

#promotion-banner.grey-banner p,#promotion-banner.grey-banner a,#promotion-banner.grey-banner svg,#promotion-banner.grey-banner .swiper-button-next,#promotion-banner.grey-banner .swiper-button-prev {
    color: #010307
}

#promotion-banner.grey-banner a:hover {
    color: #36383C;
    -webkit-text-decoration-color: #36383C;
    text-decoration-color: #36383C
}

#promotion-banner.black-banner {
    background: #010307
}

#promotion-banner.black-banner .swiper-button-pause svg.icon--pause {
    filter: invert(1)
}

#promotion-banner.black-banner p,#promotion-banner.black-banner a,#promotion-banner.black-banner svg,#promotion-banner.black-banner .swiper-button-next,#promotion-banner.black-banner .swiper-button-prev {
    color: #fefefe
}

#promotion-banner.black-banner a:hover {
    color: #D7D8D9;
    -webkit-text-decoration-color: #D7D8D9;
    text-decoration-color: #D7D8D9
}

#promotion-banner .swiper-container {
    position: relative;
    width: calc(100% - 64px);
    max-width: 708px;
    overflow-x: clip
}

#promotion-banner .swiper-container .swiper {
    max-width: 668px;
    margin: auto 20px
}

#promotion-banner .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
    height: 22px
}

#promotion-banner .swiper-container .swiper-buttons {
    display: flex;
    align-items: center
}

#promotion-banner .swiper-container .swiper-button-next {
    height: 100%;
    top: 17px;
    right: -5px;
    background: transparent;
    z-index: 0
}

#promotion-banner .swiper-container .swiper-button-next::after {
    font-size: medium
}

#promotion-banner .swiper-container .swiper-button-prev {
    rotate: 0deg;
    height: 100%;
    top: 17px;
    left: -5px;
    background: transparent;
    z-index: 0
}

#promotion-banner .swiper-container .swiper-button-prev::after {
    font-size: medium
}

#promotion-banner .swiper-button-pause,#promotion-banner .swiper-button-play,#promotion-banner .swiper-button-close {
    display: flex;
    align-items: center
}

#promotion-banner .single-message {
    position: relative;
    height: 24px;
    width: 668px;
    margin: auto;
    overflow-x: clip
}

#promotion-banner p {
    font-family: Engravers;
    -webkit-font-smoothing: antialiased;
    color: #36383C;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5px 0 0;
    top: 15%
}

#promotion-banner p a {
    text-decoration: underline;
    text-underline-offset: 3px
}

.skip-links {
    position: relative;
    z-index: 11
}

.skip-links .skip-links__link {
    position: absolute;
    left: -5000px
}

.skip-links .skip-links__link:focus {
    left: 1.25rem;
    top: 1.25rem
}

.overflow-hidden {
    overflow: hidden
}

.logo-title svg {
    height: 48px
}

.product-info {
    border: none
}

.product-line-item .product-key {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
    position: relative
}

@media (min-width: 1024px) {
    .product-line-item .product-key {
        align-items:stretch;
        flex-direction: row
    }
}

.product-line-item .product-key__image-wrap {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__image-wrap {
        display:inline-block;
        align-items: unset;
        gap: unset
    }
}

.product-line-item .product-key__image img {
    width: unset;
    min-width: unset !important;
    background-color: #F2F2F3
}

.product-line-item .product-key__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 8px 8px 8px;
    gap: 16px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__info {
        padding:16px 8px 16px 24px
    }
}

.product-line-item .product-key__info .no-stock {
    color: #c93232
}

.product-line-item .product-key__info-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-line-item .product-key__info-bottom .qty-counter .form-control {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    height: -moz-min-content;
    height: min-content
}

.product-line-item .product-key__info-bottom .qty-counter .form-control select {
    padding: 11px 50px 11px 16px;
    height: 44px
}

.product-line-item .product-key__info-bottom .qty-counter .bag-card__count-value {
    display: inline-block;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-line-item .product-key__info-bottom .qty-counter .bag-card__count-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.product-line-item .product-key__info-bottom .qty-counter svg {
    height: 16px;
    width: 16px;
    color: #010307;
    opacity: 1
}

.product-line-item .product-key__info-bottom .qty-counter label {
    margin-bottom: 0
}

.product-line-item .product-key__info-bottom .qty-counter .inactive {
    pointer-events: none
}

.product-line-item .product-key__info-bottom .qty-counter .inactive svg {
    color: #6C6D70
}

.product-line-item .product-key__remove {
    position: absolute;
    top: 8px;
    right: 8px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__remove {
        top:16px;
        right: 16px
    }
}

.product-line-item .product-key__remove .cart-delete-confirmation-btn {
    padding: 0
}

.product-line-item .product-key .display-mobile {
    display: inline-block
}

@media (min-width: 1024px) {
    .product-line-item .product-key .display-mobile {
        display:none
    }
}

.product-line-item .product-key .display-desktop {
    display: none
}

@media (min-width: 1024px) {
    .product-line-item .product-key .display-desktop {
        display:inline-block
    }
}

.product-line-item .product-key .color-dark-gray {
    color: #6C6D70;
    line-height: 18px
}

.product-line-item .legal-notice {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #F2F2F3
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.footer {
    background-color: #010307;
    color: #A2A3A4;
    padding: 0
}

.footer .headline {
    color: #fefefe
}

.footer .txt-country-footer,.footer .accessibility-switch-label {
    font-size: 14px
}

.footer .header__icon-text {
    display: none
}

@media (min-width: 1380px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .footer .container.footer__reassurance,.footer .container.footer__reassurance-extended {
        padding-bottom:24px
    }
}

.footer .container:not(.grid-layout) {
    border-bottom: 1px solid #1C1E21;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 1024px) {
    .footer .container {
        padding-bottom:24px;
        padding-top: 24px
    }
}

.footer .container.footer__content {
    padding-top: 32px;
    padding-bottom: 32px
}

@media (min-width: 1024px) {
    .footer .container.footer__content {
        padding-top:48px;
        padding-bottom: 48px
    }
}

@media (max-width: 698.98px) {
    .footer .container.footer__content .content-asset .mt-text-footer {
        margin-top:32px
    }
}

.footer .container.footer__copy {
    padding-top: 16px;
    padding-bottom: 16px
}

@media (min-width: 1024px) {
    .footer .container.footer__copy {
        padding-top:16px;
        padding-bottom: 16px
    }
}

.footer .container.footer__copy .content-asset {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 1024px) {
    .footer .container.footer__copy .content-asset {
        flex-direction:row;
        gap: unset
    }
}

.footer .container.footer__copy .link-ghost,.footer .container.footer__copy p {
    font-family: Engravers;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding-right: 24px
}

.footer .container.footer__copy ul,.footer .container.footer__copy p {
    margin-bottom: 0 !important
}

.footer .container.footer__copy p {
    display: flex;
    align-items: flex-start
}

.footer .container.footer__copy p span {
    padding: 2px 0
}

@media (min-width: 1380px) {
    .footer .container.footer__copy p {
        align-items:center
    }
}

.footer .container.flex {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row
}

@media (min-width: 1024px) {
    .footer .container.flex.footer__locale {
        align-items:center;
        justify-content: space-between
    }
}

.footer .container.flex.footer__content .content-asset .flex-wrap.flex-row {
    gap: 12px
}

@media (max-width: 1023px) {
    .footer .container.flex {
        flex-direction:column
    }

    .footer .container.flex .content-asset .flex.flex-wrap {
        flex-direction: column
    }
}

.footer .container.flex .content-asset:first-child {
    flex-grow: 3
}

.footer .container.flex .content-asset:first-child section {
    flex-grow: 1
}

.footer .container.flex .content-asset:last-child {
    flex-grow: 1
}

@media (max-width: 1023px) {
    .footer .container.flex .content-asset {
        width:100%
    }

    .footer .container.flex .content-asset section {
        width: 100%;
        border-bottom: 1px solid #fefefe
    }

    .footer .container.flex .content-asset .flex-row {
        flex-direction: column !important;
        width: 100%
    }

    .footer .container.flex .content-asset .flex-row.social-networks {
        flex-direction: row !important
    }

    .footer .container.flex .content-asset button {
        width: 100%
    }

    .footer .container.flex .content-asset button:active {
        transform: scale(1)
    }

    .footer .container.flex .content-asset button.accordion-title::after {
        filter: invert(100%)
    }
}

@media (min-width: 1024px) {
    .footer .container.flex .content-asset .collapse.flex-column {
        display:block !important
    }
}

.footer .container.flex .content-asset .social-networks a:hover {
    opacity: 0.5
}

.footer .container .flex {
    display: flex;
    align-items: start;
    justify-content: flex-start
}

.footer .container .flex.footer__content .content-asset .flex-wrap.flex-row {
    gap: 12px
}

@media (max-width: 1023px) {
    .footer .container .flex {
        gap:0px
    }
}

.footer .container .footer-bottom {
    justify-content: space-between
}

@media (max-width: 1023px) {
    .footer .container .footer-bottom.flex-row {
        flex-direction:column !important
    }
}

.footer .container ul,.footer .container .bottom-wrapper {
    list-style: none;
    padding-inline-start:unset;align-items: center;
    gap: 0px;
    margin-bottom: 0;
    padding-inline-start:0}

.footer .container ul.flex.social-networks,.footer .container .bottom-wrapper.flex.social-networks {
    gap: 0px
}

.footer .container ul.flex.social-networks .icon,.footer .container .bottom-wrapper.flex.social-networks .icon {
    fill: #fefefe
}

.footer .container ul li,.footer .container ul .bottom-wrapper__item,.footer .container .bottom-wrapper li,.footer .container .bottom-wrapper .bottom-wrapper__item {
    padding: 2px 0;
    line-height: normal;
    padding: 0 0 12px
}

.footer .container ul li:last-child:not(.breadcrumb__item),.footer .container ul .bottom-wrapper__item:last-child:not(.breadcrumb__item),.footer .container .bottom-wrapper li:last-child:not(.breadcrumb__item),.footer .container .bottom-wrapper .bottom-wrapper__item:last-child:not(.breadcrumb__item) {
    padding-bottom: 0
}

.footer .container ul li.footer__icon-wrap,.footer .container ul .bottom-wrapper__item.footer__icon-wrap,.footer .container .bottom-wrapper li.footer__icon-wrap,.footer .container .bottom-wrapper .bottom-wrapper__item.footer__icon-wrap {
    border: none;
    position: relative;
    color: #A2A3A4;
    margin-left: 0
}

.footer .container ul li.footer__icon-wrap button,.footer .container ul .bottom-wrapper__item.footer__icon-wrap button,.footer .container .bottom-wrapper li.footer__icon-wrap button,.footer .container .bottom-wrapper .bottom-wrapper__item.footer__icon-wrap button {
    border: none;
    padding: 0;
    padding-left: 48px;
    color: #A2A3A4
}

.footer .container ul li.footer__icon-wrap button svg,.footer .container ul .bottom-wrapper__item.footer__icon-wrap button svg,.footer .container .bottom-wrapper li.footer__icon-wrap button svg,.footer .container .bottom-wrapper .bottom-wrapper__item.footer__icon-wrap button svg {
    position: absolute;
    left: 0
}

.footer .container ul li .tooltip-toggle:hover+.tooltip-wrap,.footer .container ul li .tooltip-toggle:focus+.tooltip-wrap,.footer .container ul .bottom-wrapper__item .tooltip-toggle:hover+.tooltip-wrap,.footer .container ul .bottom-wrapper__item .tooltip-toggle:focus+.tooltip-wrap,.footer .container .bottom-wrapper li .tooltip-toggle:hover+.tooltip-wrap,.footer .container .bottom-wrapper li .tooltip-toggle:focus+.tooltip-wrap,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-toggle:hover+.tooltip-wrap,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-toggle:focus+.tooltip-wrap {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out
}

.footer .container ul li .icon,.footer .container ul .bottom-wrapper__item .icon,.footer .container .bottom-wrapper li .icon,.footer .container .bottom-wrapper .bottom-wrapper__item .icon {
    padding: unset;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill: #A2A3A4
}

.footer .container ul li .tooltip-wrap,.footer .container ul .bottom-wrapper__item .tooltip-wrap,.footer .container .bottom-wrapper li .tooltip-wrap,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-wrap {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -41px;
    left: 50%;
    transform: translateX(-50%)
}

.footer .container ul li .tooltip-wrap__tooltip,.footer .container ul .bottom-wrapper__item .tooltip-wrap__tooltip,.footer .container .bottom-wrapper li .tooltip-wrap__tooltip,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-wrap__tooltip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    padding: 8px;
    background: #010307;
    border: 1px solid #010307;
    box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.15)
}

.footer .container ul li .tooltip-wrap__tooltip span,.footer .container ul .bottom-wrapper__item .tooltip-wrap__tooltip span,.footer .container .bottom-wrapper li .tooltip-wrap__tooltip span,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-wrap__tooltip span {
    color: #fefefe
}

.footer .container ul li .tooltip-wrap__tooltip::before,.footer .container ul li .tooltip-wrap__tooltip::after,.footer .container ul .bottom-wrapper__item .tooltip-wrap__tooltip::before,.footer .container ul .bottom-wrapper__item .tooltip-wrap__tooltip::after,.footer .container .bottom-wrapper li .tooltip-wrap__tooltip::before,.footer .container .bottom-wrapper li .tooltip-wrap__tooltip::after,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-wrap__tooltip::before,.footer .container .bottom-wrapper .bottom-wrapper__item .tooltip-wrap__tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 51%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-bottom-color: #010307
}

.footer .container ul button,.footer .container .bottom-wrapper button {
    padding: 0;
    border: none;
    color: #010307
}

.footer .container ul button:active,.footer .container .bottom-wrapper button:active {
    transform: none
}

.footer .container ul button.accordion-title::after,.footer .container .bottom-wrapper button.accordion-title::after {
    filter: invert(100%);
    transform: inherit
}

.footer .container ul a.link-ghost,.footer .container .bottom-wrapper a.link-ghost {
    color: #A2A3A4
}

.footer__reassurance {
    display: flex;
    align-items: center
}

@media (max-width: 1379.98px) {
    .footer__reassurance {
        flex-wrap:wrap;
        flex-direction: row;
        align-items: flex-start;
        gap: 16px
    }
}

.footer__reassurance-item-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex: 1 0 25%;
    color: #fefefe
}

@media (max-width: 1379.98px) {
    .footer__reassurance-item-wrap {
        justify-content:flex-start;
        align-items: center;
        flex-basis: 45%
    }
}

@media (max-width: 698.98px) {
    .footer__reassurance-item-wrap {
        flex-basis:70%
    }
}

.footer__reassurance-item-wrap span {
    color: inherit
}

.footer__reassurance-item-wrap svg {
    fill: currentColor
}

.footer__reassurance-item-wrap:hover {
    color: #fefefe;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    text-underline-offset: 3px
}

.footer .reassurance-wrap.variant--white {
    background-color: #fefefe
}

.footer .reassurance-wrap.variant--white .footer__reassurance-item-wrap {
    color: #010307
}

.footer__reassurance-extended {
    display: flex;
    align-items: flex-start
}

@media (max-width: 1023.98px) {
    .footer__reassurance-extended {
        flex-direction:column;
        align-items: flex-start;
        gap: 16px
    }
}

.footer__reassurance-extended-item-wrap {
    flex: 1 0 25%;
    color: #fefefe;
    padding: 0 10px
}

.footer__reassurance-extended-item-wrap div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 4px
}

.footer__reassurance-extended-item-wrap span {
    color: inherit
}

.footer__reassurance-extended-item-wrap svg {
    fill: currentColor
}

.footer__reassurance-extended-item-wrap p {
    color: #A2A3A4;
    margin-bottom: 0
}

.footer__reassurance-extended-item-wrap:hover {
    color: #fefefe;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    text-underline-offset: 3px
}

.footer__reassurance-extended-item-wrap:first-child {
    padding-left: 0
}

.footer__reassurance-extended-item-wrap:last-child {
    padding-right: 0
}

@media (max-width: 1023.98px) {
    .footer__reassurance-extended-item-wrap {
        padding:0
    }
}

.footer .checkout-footer-copy {
    justify-content: center;
    color: #A2A3A4;
    width: 100%
}

.form-group {
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    max-width: 342px
}

.form-group input[type=text].is-invalid,.form-group input[type=email].is-invalid,.form-group input[type=number].is-invalid,.form-group input[type=tel].is-invalid,.form-group select.is-invalid,.form-group textarea.is-invalid {
    border-bottom: 1px solid var(--auxiliary-warning)
}

.form-group.column-inputs {
    display: flex;
    flex-direction: column
}

.is-invalid ~ .invalid-feedback,.is-invalid .invalid-feedback {
    display: block
}

.icon-valid,.icon-invalid {
    position: absolute;
    right: 12px;
    top: 16px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease-in
}

.newsletter-sub-comp .icon-invalid,.newsletter-sub-comp .icon-valid,.form-group.icon-textarea .icon-invalid,.form-group.icon-textarea .icon-valid {
    top: 12px
}

.form-group.icon-textarea-filled .icon-invalid,.form-group.icon-textarea-filled .icon-valid {
    top: 8px
}

.form-group.icon-select {
    position: relative
}

.form-group.icon-select .icon-invalid,.form-group.icon-select .icon-valid {
    top: 16px;
    right: 36px
}

.form-group.icon-select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.8em;
    transform: translateY(-50%);
    width: 1.4em;
    height: 1.4em;
    background: url("../images/arrow-down.svg") no-repeat center center;
    background-size: 1.4em;
    pointer-events: none;
    z-index: 2
}

.form-group.icon-select.has-error::after {
    top: 40%
}

.address-form .form-group.icon-select::after,.registration .form-group.icon-select::after {
    top: 40%
}

.address-form .form-group.icon-select.has-error::after,.registration .form-group.icon-select.has-error::after {
    top: 30%
}

.js-btq-form.search-form .form-group.icon-select::after {
    top: 60%
}

.icon-valid {
    background: url("../images/checkmark.svg") no-repeat center center;
    background-size: contain
}

.icon-valid-newsletter {
    right: 36px;
    top: 14px
}

.icon-invalid {
    background: url("../images/close-red.svg") no-repeat center center;
    color: var(--auxiliary-warning);
    background-size: contain
}

input[show-password-icon="true"] ~ .icon-valid,input[show-password-icon="true"] ~ .icon-invalid {
    right: 40px
}

.show-hide-password {
    padding: 0;
    display: none;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 16px;
    right: 10px
}

.show-hide-password[aria-pressed="false"] {
    background: url("../images/password-show.svg") no-repeat center center
}

.show-hide-password[aria-pressed="true"] {
    background: url("../images/password-hide.svg") no-repeat center center
}

.form-group .fade-in {
    display: block;
    opacity: 1
}

label {
    font-size: 16px;
    font-family: "Helvetica Chopard";
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px
}

label.label-error {
    color: var(--auxiliary-warning) !important
}

input[type=text],input[type=email],input[type=number],input[type=password],input[type=tel],select,textarea {
    padding: 22px 12px;
    display: block;
    height: 56px;
    width: 100%;
    border: none;
    font-family: "Helvetica Chopard";
    border-bottom: 1px solid #8D8B8B;
    background-color: #F2F2F3;
    color: #36383C;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px
}

input[type=text]:focus ~ label,input[type=text]:active ~ label,input[type=text]:target ~ label,input[type=text]:autofill ~ label,input[type=text].filled-input ~ label,input[type=email]:focus ~ label,input[type=email]:active ~ label,input[type=email]:target ~ label,input[type=email]:autofill ~ label,input[type=email].filled-input ~ label,input[type=number]:focus ~ label,input[type=number]:active ~ label,input[type=number]:target ~ label,input[type=number]:autofill ~ label,input[type=number].filled-input ~ label,input[type=password]:focus ~ label,input[type=password]:active ~ label,input[type=password]:target ~ label,input[type=password]:autofill ~ label,input[type=password].filled-input ~ label,input[type=tel]:focus ~ label,input[type=tel]:active ~ label,input[type=tel]:target ~ label,input[type=tel]:autofill ~ label,input[type=tel].filled-input ~ label,select:focus ~ label,select:active ~ label,select:target ~ label,select:autofill ~ label,select.filled-input ~ label,textarea:focus ~ label,textarea:active ~ label,textarea:target ~ label,textarea:autofill ~ label,textarea.filled-input ~ label {
    top: 8px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12px
}

input[type=text]:focus,input[type=text]:active,input[type=text]:target,input[type=text]:autofill,input[type=text].filled-input,input[type=email]:focus,input[type=email]:active,input[type=email]:target,input[type=email]:autofill,input[type=email].filled-input,input[type=number]:focus,input[type=number]:active,input[type=number]:target,input[type=number]:autofill,input[type=number].filled-input,input[type=password]:focus,input[type=password]:active,input[type=password]:target,input[type=password]:autofill,input[type=password].filled-input,input[type=tel]:focus,input[type=tel]:active,input[type=tel]:target,input[type=tel]:autofill,input[type=tel].filled-input,select:focus,select:active,select:target,select:autofill,select.filled-input,textarea:focus,textarea:active,textarea:target,textarea:autofill,textarea.filled-input {
    padding: 26px 12px 8px 12px
}

input[type=text]:focus.medium-size,input[type=text]:active.medium-size,input[type=text]:target.medium-size,input[type=text]:autofill.medium-size,input[type=text].filled-input.medium-size,input[type=email]:focus.medium-size,input[type=email]:active.medium-size,input[type=email]:target.medium-size,input[type=email]:autofill.medium-size,input[type=email].filled-input.medium-size,input[type=number]:focus.medium-size,input[type=number]:active.medium-size,input[type=number]:target.medium-size,input[type=number]:autofill.medium-size,input[type=number].filled-input.medium-size,input[type=password]:focus.medium-size,input[type=password]:active.medium-size,input[type=password]:target.medium-size,input[type=password]:autofill.medium-size,input[type=password].filled-input.medium-size,input[type=tel]:focus.medium-size,input[type=tel]:active.medium-size,input[type=tel]:target.medium-size,input[type=tel]:autofill.medium-size,input[type=tel].filled-input.medium-size,select:focus.medium-size,select:active.medium-size,select:target.medium-size,select:autofill.medium-size,select.filled-input.medium-size,textarea:focus.medium-size,textarea:active.medium-size,textarea:target.medium-size,textarea:autofill.medium-size,textarea.filled-input.medium-size {
    padding-top: 22px
}

input[type=text]:focus ~ .bar:before,input[type=text]:focus ~ .bar:after,input[type=email]:focus ~ .bar:before,input[type=email]:focus ~ .bar:after,input[type=number]:focus ~ .bar:before,input[type=number]:focus ~ .bar:after,input[type=password]:focus ~ .bar:before,input[type=password]:focus ~ .bar:after,input[type=tel]:focus ~ .bar:before,input[type=tel]:focus ~ .bar:after,select:focus ~ .bar:before,select:focus ~ .bar:after,textarea:focus ~ .bar:before,textarea:focus ~ .bar:after {
    width: 50%
}

input[type=text]:focus ~ .highlight,input[type=email]:focus ~ .highlight,input[type=number]:focus ~ .highlight,input[type=password]:focus ~ .highlight,input[type=tel]:focus ~ .highlight,select:focus ~ .highlight,textarea:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease
}

input[type=text] ~ label,input[type=email] ~ label,input[type=number] ~ label,input[type=password] ~ label,input[type=tel] ~ label,select ~ label,textarea ~ label {
    color: #6C6D70;
    font-size: 16px;
    font-family: "Helvetica Chopard";
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 16px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all
}

input[type=text].medium-size,input[type=email].medium-size,input[type=number].medium-size,input[type=password].medium-size,input[type=tel].medium-size,select.medium-size,textarea.medium-size {
    height: 48px;
    padding: 8px 12px
}

input[type=text].medium-size ~ label,input[type=email].medium-size ~ label,input[type=number].medium-size ~ label,input[type=password].medium-size ~ label,input[type=tel].medium-size ~ label,select.medium-size ~ label,textarea.medium-size ~ label {
    top: 12px
}

input[type=text].medium-size:focus ~ label,input[type=text].medium-size:active ~ label,input[type=text].medium-size:target ~ label,input[type=text].medium-size.filled-input ~ label,input[type=email].medium-size:focus ~ label,input[type=email].medium-size:active ~ label,input[type=email].medium-size:target ~ label,input[type=email].medium-size.filled-input ~ label,input[type=number].medium-size:focus ~ label,input[type=number].medium-size:active ~ label,input[type=number].medium-size:target ~ label,input[type=number].medium-size.filled-input ~ label,input[type=password].medium-size:focus ~ label,input[type=password].medium-size:active ~ label,input[type=password].medium-size:target ~ label,input[type=password].medium-size.filled-input ~ label,input[type=tel].medium-size:focus ~ label,input[type=tel].medium-size:active ~ label,input[type=tel].medium-size:target ~ label,input[type=tel].medium-size.filled-input ~ label,select.medium-size:focus ~ label,select.medium-size:active ~ label,select.medium-size:target ~ label,select.medium-size.filled-input ~ label,textarea.medium-size:focus ~ label,textarea.medium-size:active ~ label,textarea.medium-size:target ~ label,textarea.medium-size.filled-input ~ label {
    top: 2px
}

input[type=email] {
    padding-right: 48px !important
}

select {
    padding-right: 55px !important
}

input[type=email],select {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.additional-info {
    color: #6C6D70;
    font-size: 12px;
    font-family: "Helvetica Chopard";
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.12px;
    padding-top: 4px
}

.invalid-feedback {
    color: var(--auxiliary-warning);
    font-size: 12px;
    font-family: "Helvetica Chopard";
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.12px
}

.required::after {
    content: '*'
}

.bar {
    position: relative;
    display: block;
    width: 100%
}

.bar:before,.bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #010307;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all
}

.bar:before {
    left: 50%
}

.bar:after {
    right: 50%
}

.highlight {
    position: absolute;
    height: 50%;
    width: 100px;
    top: 42%;
    left: 0;
    pointer-events: none;
    opacity: 0.5
}

.checkbox {
    display: flex;
    flex-wrap: wrap
}

.checkbox input[type=checkbox] {
    position: relative;
    margin-top: 5px;
    outline-offset: 3px;
    left: 2.5px;
    height: 13px !important;
    width: 13px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkbox input[type=checkbox]:before {
    content: "";
    opacity: 1;
    position: absolute;
    background-image: url("../images/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    top: -2.5px;
    left: -2.5px;
    border: 1px solid #010307;
    border-radius: 2px;
    background-color: var(--skin-background-color-1)
}

.checkbox input[type=checkbox]:focus-visible {
    outline-offset: 3px
}

.checkbox input[type=checkbox]:disabled:before {
    border: 1px solid #BCBDBF
}

.checkbox input[type=checkbox]:checked:before {
    background-color: #010307
}

.checkbox input[type=checkbox] ~ label {
    margin-left: 10px;
    font-size: 14px;
    flex: 1
}

.checkbox input[type=checkbox] ~ .invalid-feedback {
    flex: 1 1 100%
}

input[type=radio] {
    position: relative;
    margin-left: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 13px !important;
    width: 13px !important
}

input[type=radio]:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: -2px;
    left: 0;
    border: 1px solid #010307;
    border-radius: 50%;
    background-color: var(--skin-background-color-1)
}

input[type=radio]:disabled:before {
    border: 1px solid #BCBDBF
}

input[type=radio]:checked:before {
    border: 6px solid #010307
}

input[type=radio] ~ label {
    margin-left: 10px;
    font-size: 14px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 26px 12px 8px 12px;
    display: block;
    height: 56px;
    width: 100%;
    border: none;
    font-family: "Helvetica Chopard","Helvetica",sans-serif;
    border-bottom: 1px solid #8D8B8B;
    background-color: #F2F2F3;
    color: #36383C;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.16px;
    overflow: hidden;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

select option {
    color: inherit;
    background-color: var(--option-bg)
}

select option:first-of-type[value=""]:disabled {
    display: none
}

select ~ label {
    top: 16px;
    left: 12px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px
}

.form-group.is-invalid select,.form-group.is-valid select,.form-group select {
    background-color: #F2F2F3 !important
}

.iti {
    position: relative
}

.iti ~ label {
    color: #6C6D70;
    font-family: "Helvetica Chopard";
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 12px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    top: 8px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.12px
}

.iti input[type="tel"] {
    padding: 26px 12px 8px 50px !important
}

.iti .iti__selected-flag {
    padding: 18px 8px 0px 12px
}

textarea {
    min-height: 168px
}

@keyframes inputHighlighter {
    from {
        background: rgba(135,136,138,0.5)
    }

    to {
        width: 0;
        background: transparent
    }
}

input.birthday ~ svg.icon--calendar {
    position: absolute;
    top: 14px;
    right: 14px
}

.minicart-popup .modal-sticky {
    border-top: 1px solid #D7D8D9;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 48px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 48px;
    background-color: #fefefe
}

@media (max-width: 1023.98px) {
    .minicart-popup .modal-sticky {
        padding-left:24px;
        padding-right: 24px;
        bottom: 0;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.minicart-popup .portal__wrapper {
    padding: 0
}

.minicart-popup .portal__wrapper .portal__close {
    padding: 16px
}

.minicart-popup .portal__wrapper .portal__content {
    padding: 0 48px 0 48px
}

@media (max-width: 1023.98px) {
    .minicart-popup .portal__wrapper .portal__content {
        padding:0 24px 0 24px
    }
}

.minicart-popup .portal__content {
    margin-bottom: 220px
}

.minicart-popup .portal__content.ge-operated {
    margin-bottom: 172px
}

.minicart-popup .portal__content>.container {
    height: 100%
}

.minicart-popup .portal__content .dialog {
    height: 100%
}

.minicart-popup .portal__content.empty-basket {
    margin-bottom: 0
}

.minicart-popup .portal__content.empty-basket .dialog {
    display: flex;
    justify-content: center;
    align-items: center
}

.minicart-popup .portal__content.empty-basket .empty-basket-message {
    margin-bottom: 24px
}

.minicart-popup .portal__content.empty-basket .minicart-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.minicart-popup .grand-total {
    line-height: 130%
}

.minicart-popup .products-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.minicart-popup .products-wrapper>li {
    margin-bottom: 0;
    border-bottom: 1px solid var(--alpha-30750);
    padding-top: 8px
}

.minicart-popup .products-wrapper>li:last-of-type {
    border-bottom: none;
    padding-top: none
}

.minicart-popup .product-info.card {
    margin-bottom: 0
}

.minicart-popup .product-line-item .product-key .product-key__info {
    padding: 0 8px 8px 8px
}

@media (min-width: 1024px) {
    .minicart-popup .product-line-item .product-key .product-key__info {
        padding:8px 8px 8px 0
    }
}

@media (min-width: 699px) {
    .minicart-popup .product-line-item .product-key .product-key__info .product-name {
        padding-right:26px
    }
}

.minicart-popup .product-line-item .product-key .product-key__image-wrap .product-key__image {
    height: 128px;
    width: 128px
}

.minicart-popup .product-line-item .product-key .product-key__image-wrap .product-key__image img {
    max-width: 128px
}

@media (max-width: 1379.98px) {
    .minicart-popup .product-line-item .product-key .product-key__image-wrap .product-key__image {
        height:96px;
        width: 96px
    }

    .minicart-popup .product-line-item .product-key .product-key__image-wrap .product-key__image img {
        max-width: 96px
    }
}

.modal-background,.modal-background-header-context {
    background-color: #010307;
    display: none;
    height: 100%;
    position: fixed;
    opacity: 0.5;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9
}

.modal-background-header-context {
    z-index: 2
}

input[placeholder] {
    text-overflow: ellipsis
}

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
    color: var(--skin-link-color-2)
}

.hide-order-discount {
    display: none
}

.hide-shipping-discount {
    display: none
}

.order-discount {
    color: #008827
}

.shipping-discount {
    color: #008827
}

.error-messaging {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.error-hero {
    background-image: url("../images/storelocator.jpg");
    margin-bottom: 0.625em
}

.error-message {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem
}

.error.continue-shopping {
    margin-bottom: 6.25em
}

.error-unassigned-category {
    color: #c00
}

.skip {
    position: absolute;
    left: 0;
    top: -4.2em;
    overflow: hidden;
    padding: 1em 1.5em;
    background: #fefefe;
    transition: all 0.2s ease-in-out
}

a.skip:active,a.skip:focus,a.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    z-index: 10000000;
    background: #fefefe;
    transition: all 0.2s ease-in-out
}

.card-header-custom {
    font-size: 1.5rem;
    margin-bottom: 0
}

.hidden {
    display: none
}

.childs-text-white *:not(.form-group *) {
    color: #fefefe !important
}

.initial-hide {
    display: none
}

.black-303 {
    color: #515356 !important
}

.black-304 {
    color: #6C6D70 !important
}

.price .strike-through {
    text-decoration: line-through;
    color: #999;
    margin-right: 0.938rem
}

.price .tiered {
    color: #222
}

.price .tiered table {
    border-top: 1px solid #ccc;
    margin: 0 auto
}

.price .tiered table tr:nth-child(odd) {
    background-color: #eee
}

.price .tiered td,.price .tiered span.price {
    font-size: 0.875rem;
    font-weight: bold
}

.price .tiered td {
    padding: 0.313rem
}

.price .tiered td.quantity {
    font-weight: normal;
    text-align: right
}

.price .tiered td.value {
    text-align: left
}

.price .tiered .table-header {
    font-size: 1.125rem;
    padding: 0.313rem
}

.price .tiered .column-header {
    font-size: 1rem;
    padding: 0.313rem;
    font-weight: normal
}

.price .tiered .column-header.quantity {
    text-align: right
}

.swatch-circle-beige {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: beige;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-beige.disabled {
    opacity: 0.2
}

.swatch-filter-beige {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: beige;
    border-radius: calc($diameter / 2);
    background-color: beige;
    display: block;
    position: relative
}

.swatch-filter-beige.disabled {
    opacity: 0.2
}

.swatch-circle-black {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #010307;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-black.disabled {
    opacity: 0.2
}

.swatch-filter-black {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #010307;
    border-radius: calc($diameter / 2);
    background-color: #010307;
    display: block;
    position: relative
}

.swatch-filter-black.disabled {
    opacity: 0.2
}

.swatch-circle-blue {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #0070d2;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-blue.disabled {
    opacity: 0.2
}

.swatch-filter-blue {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #0070d2;
    border-radius: calc($diameter / 2);
    background-color: #0070d2;
    display: block;
    position: relative
}

.swatch-filter-blue.disabled {
    opacity: 0.2
}

.swatch-circle-brown {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: brown;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-brown.disabled {
    opacity: 0.2
}

.swatch-filter-brown {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: brown;
    border-radius: calc($diameter / 2);
    background-color: brown;
    display: block;
    position: relative
}

.swatch-filter-brown.disabled {
    opacity: 0.2
}

.swatch-circle-green {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #008827;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-green.disabled {
    opacity: 0.2
}

.swatch-filter-green {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #008827;
    border-radius: calc($diameter / 2);
    background-color: #008827;
    display: block;
    position: relative
}

.swatch-filter-green.disabled {
    opacity: 0.2
}

.swatch-circle-grey {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #8f979d;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-grey.disabled {
    opacity: 0.2
}

.swatch-filter-grey {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #8f979d;
    border-radius: calc($diameter / 2);
    background-color: #8f979d;
    display: block;
    position: relative
}

.swatch-filter-grey.disabled {
    opacity: 0.2
}

.swatch-circle-navy {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: navy;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-navy.disabled {
    opacity: 0.2
}

.swatch-filter-navy {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: navy;
    border-radius: calc($diameter / 2);
    background-color: navy;
    display: block;
    position: relative
}

.swatch-filter-navy.disabled {
    opacity: 0.2
}

.swatch-circle-orange {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: orange;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-orange.disabled {
    opacity: 0.2
}

.swatch-filter-orange {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: orange;
    border-radius: calc($diameter / 2);
    background-color: orange;
    display: block;
    position: relative
}

.swatch-filter-orange.disabled {
    opacity: 0.2
}

.swatch-circle-pink {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fe249a;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-pink.disabled {
    opacity: 0.2
}

.swatch-filter-pink {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #fe249a;
    border-radius: calc($diameter / 2);
    background-color: #fe249a;
    display: block;
    position: relative
}

.swatch-filter-pink.disabled {
    opacity: 0.2
}

.swatch-circle-purple {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: purple;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-purple.disabled {
    opacity: 0.2
}

.swatch-filter-purple {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: purple;
    border-radius: calc($diameter / 2);
    background-color: purple;
    display: block;
    position: relative
}

.swatch-filter-purple.disabled {
    opacity: 0.2
}

.swatch-circle-red {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: red;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-red.disabled {
    opacity: 0.2
}

.swatch-filter-red {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: red;
    border-radius: calc($diameter / 2);
    background-color: red;
    display: block;
    position: relative
}

.swatch-filter-red.disabled {
    opacity: 0.2
}

.swatch-circle-white {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fefefe;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-white.disabled {
    opacity: 0.2
}

.swatch-filter-white {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #fefefe;
    border-radius: calc($diameter / 2);
    background-color: #fefefe;
    display: block;
    position: relative
}

.swatch-filter-white.disabled {
    opacity: 0.2
}

.swatch-circle-yellow {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 2.5em;
    height: 2.5em;
    background: #ff0;
    border-radius: calc($diameter / 2);
    display: block;
    position: relative
}

.swatch-circle-yellow.disabled {
    opacity: 0.2
}

.swatch-filter-yellow {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.38em;
    height: 1.38em;
    background: #ff0;
    border-radius: calc($diameter / 2);
    background-color: #ff0;
    display: block;
    position: relative
}

.swatch-filter-yellow.disabled {
    opacity: 0.2
}

.swatch-circle-miscellaneous {
    background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, #ff0 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%),linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
    background-repeat: repeat-y, repeat;
    background-size: 50% 100%, 100% 100%;
    border: 0.063em solid rgba(0,0,0,0.3);
    border-radius: 1.25em;
    display: block;
    height: 2.5em;
    position: relative;
    transform: rotate(35deg);
    width: 2.5em
}

.swatch-circle-miscellaneous.disabled {
    opacity: 0.2
}

.swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg)
}

.attribute {
    margin-top: 0.938em
}

.attribute label {
    display: block
}

.swatch a {
    text-decoration: none
}

@media (max-width: 698.98px) {
    .primary-images {
        margin:0;
        padding: 0
    }
}

.prices-add-to-cart-actions {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 50;
    padding-right: 0;
    padding-left: 0;
    left: 0
}

@media (max-width: 698.98px) {
    .prices-add-to-cart-actions {
        background-color:rgba(255,255,255,0.95);
        box-shadow: 0 2px 10px rgba(0,0,0,0.2)
    }
}

@media (min-width: 699px) {
    .prices-add-to-cart-actions {
        position:static;
        padding: 0 0.9375em
    }
}

.prices-add-to-cart-actions .price {
    text-align: center
}

.prices {
    padding: 0;
    text-align: left
}

.cart-and-ipay {
    text-align: center
}

@media (max-width: 698.98px) {
    .cart-and-ipay {
        padding-bottom:26px
    }

    .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block
    }
}

.add-to-cart-messages {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 15%;
    left: 50%
}

.add-to-basket-alert {
    animation: fade 5s linear forwards;
    box-shadow: 1px 1px 5px grey;
    padding: 1em
}

@keyframes fade {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.add-to-basket-alert.show {
    display: block
}

.simple-quantity {
    margin-top: 1em
}

.main-attributes {
    margin-top: 1em
}

.size-chart {
    margin-top: 1.071em
}

div.availability {
    margin-top: 1.071em
}

.bundle-item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

.bundle-item:last-child {
    border-bottom: none
}

.container.product-detail {
    margin-top: 2em;
    margin-bottom: 2em
}

@media (max-width: 698.98px) {
    .container.product-detail {
        margin-top:0;
        margin-bottom: 0
    }
}

.product-option:not(:first-child) {
    margin-top: 1.071em
}

.product-info {
    border: none
}

.product-line-item .product-key {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
    position: relative
}

@media (min-width: 1024px) {
    .product-line-item .product-key {
        align-items:stretch;
        flex-direction: row
    }
}

.product-line-item .product-key__image-wrap {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__image-wrap {
        display:inline-block;
        align-items: unset;
        gap: unset
    }
}

.product-line-item .product-key__image img {
    width: unset;
    min-width: unset !important;
    background-color: #F2F2F3
}

.product-line-item .product-key__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 8px 8px 8px;
    gap: 16px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__info {
        padding:16px 8px 16px 24px
    }
}

.product-line-item .product-key__info .no-stock {
    color: #c93232
}

.product-line-item .product-key__info-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-line-item .product-key__info-bottom .qty-counter .form-control {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    height: -moz-min-content;
    height: min-content
}

.product-line-item .product-key__info-bottom .qty-counter .form-control select {
    padding: 11px 50px 11px 16px;
    height: 44px
}

.product-line-item .product-key__info-bottom .qty-counter .bag-card__count-value {
    display: inline-block;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-line-item .product-key__info-bottom .qty-counter .bag-card__count-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.product-line-item .product-key__info-bottom .qty-counter svg {
    height: 16px;
    width: 16px;
    color: #010307;
    opacity: 1
}

.product-line-item .product-key__info-bottom .qty-counter label {
    margin-bottom: 0
}

.product-line-item .product-key__info-bottom .qty-counter .inactive {
    pointer-events: none
}

.product-line-item .product-key__info-bottom .qty-counter .inactive svg {
    color: #6C6D70
}

.product-line-item .product-key__remove {
    position: absolute;
    top: 8px;
    right: 8px
}

@media (min-width: 1024px) {
    .product-line-item .product-key__remove {
        top:16px;
        right: 16px
    }
}

.product-line-item .product-key__remove .cart-delete-confirmation-btn {
    padding: 0
}

.product-line-item .product-key .display-mobile {
    display: inline-block
}

@media (min-width: 1024px) {
    .product-line-item .product-key .display-mobile {
        display:none
    }
}

.product-line-item .product-key .display-desktop {
    display: none
}

@media (min-width: 1024px) {
    .product-line-item .product-key .display-desktop {
        display:inline-block
    }
}

.product-line-item .product-key .color-dark-gray {
    color: #6C6D70;
    line-height: 18px
}

.product-line-item .legal-notice {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #F2F2F3
}

.product-tile {
    border: 0;
    margin-bottom: 0
}

@media (max-width: 1379.98px) {
    .product-tile {
        min-height:23.4375em
    }
}

@media (max-width: 1023.98px) {
    .product-tile {
        min-height:19.6875em
    }
}

@media (max-width: 698.98px) {
    .product-tile {
        min-height:13.4375em
    }
}

.product-tile .tile-body {
    padding: 0.625em 0 1.875em
}

.product-tile .tile-body .color-swatches {
    min-height: 2.25em
}

.product-tile .tile-body .color-swatches .product-tile-color-label {
    cursor: pointer;
    font-size: 1em
}

@media (max-width: 1379.98px) {
    .product-tile .tile-body .color-swatches .product-tile-color-label {
        font-size:0.9375em
    }
}

@media (max-width: 1023.98px) {
    .product-tile .tile-body .color-swatches .product-tile-color-label {
        font-size:0.8125em
    }
}

.product-tile .tile-body .price {
    font-size: 1.125em;
    margin-bottom: 0
}

@media (max-width: 1379.98px) {
    .product-tile .tile-body .price {
        font-size:1.0625em
    }
}

@media (max-width: 1023.98px) {
    .product-tile .tile-body .price {
        font-size:1em
    }
}

.product-tile .tile-body .price .tiered {
    font-size: 0.875em
}

.product-tile .tile-body .price .tiered .value {
    font-weight: bold
}

.product-tile .tile-body .coming-soon-tile {
    text-align: center
}

.product-tile .tile-body .pdp-link {
    line-height: 1.2
}

.product-tile .tile-body .pdp-link a {
    font-size: 1em;
    text-decoration: none
}

@media (max-width: 1379.98px) {
    .product-tile .tile-body .pdp-link a {
        font-size:0.9375em
    }
}

@media (max-width: 1023.98px) {
    .product-tile .tile-body .pdp-link a {
        font-size:0.8125em
    }
}

.product-tile .tile-body .ratings {
    font-size: 0.9em
}

.product-tile .image-container {
    position: relative;
    overflow: auto
}

.product-tile .image-container .quickview {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}

.product-tile .image-container .quickview i.fa-expand {
    color: rgba(0,0,0,0.7)
}

.product-tile .image-container .quickview i.fa-circle {
    color: rgba(255,255,255,0.7);
    text-shadow: 0 2px 10px rgba(0,0,0,0.2)
}

.product-tile .image-container a {
    display: block
}

.product-tile .image-container a .tile-image {
    width: 100%
}

.product-tile .swatches a {
    text-decoration: none
}

.product-tile .swatch-circle {
    border: 0.063em solid rgba(0,0,0,0.3);
    width: 1.8em;
    height: 1.8em;
    background: #fefefe;
    border-radius: calc($diameter / 2);
    border: 0.063em solid rgba(0,0,0,0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative
}

.product-tile .swatch-circle.color-value[data-selected=true]::after {
    color: #010307;
    content: '\F058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    left: 0.295em;
    position: absolute
}

.product-tile .swatch-circle.color-value.selected::after {
    background: #fefefe;
    border-radius: 50%;
    color: #010307;
    content: '\F058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    height: 0.75em;
    left: 0.31em;
    line-height: 0.8em;
    position: absolute;
    top: 0.35em;
    width: 0.8em
}

.product-tile .swatch-circle i.fa-times-circle {
    background: #fefefe;
    border-radius: 50%;
    height: 0.75em;
    line-height: 0.8em;
    width: 0.8em
}

#chooseBonusProductModal .modal-footer .container {
    margin-left: 0;
    width: 100%;
    margin-right: 0
}

#chooseBonusProductModal .select-cbp-container {
    margin-top: auto;
    margin-bottom: auto
}

#chooseBonusProductModal .product-name-wrapper {
    width: 100%
}

#chooseBonusProductModal .bonus-quantity,#chooseBonusProductModal .bonus-option {
    margin-top: 0.938em
}

#chooseBonusProductModal .bonus-quantity-select {
    min-width: 5em
}

#chooseBonusProductModal .select-bonus-product {
    margin-top: 1em
}

#chooseBonusProductModal .selected-pid {
    border: 1px solid #ccc
}

#chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.header-variant--white.menu-active.is-floating .header__body .header__icon-wrap svg{

    stroke: black;
    fill: white;
}
.like56  svg{
color: #fff;

}
.header-variant--white.menu-active.is-floating .header__body svg{
    stroke: black;
    fill: white;
}

.header-variant--white.is-floating .header__body.sticky .header__icon-wrap svg{
    stroke: #000;
    fill: #fff;
}

.mega-menu__close54{

    padding: 5px !important;
}
#chooseBonusProductModal .bonus-product-price {
    text-align: center;
    margin-top: 1em
}


.mega-menu__toggles li button svg{
    stroke: #000 !important;
    fill: #fff !important;
}
.main_svg43 svg{
    stroke: #000 !important;
    fill: #fff !important;
}

.spinner,.spinner-1 {
    width: 50px;
    height: 50px;
    text-align: center;
    background: url("../images/Chopard-Loader-C--Black--400x400.gif");
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.spacing-paint {
    background-color: #e3b339;
    display: inline-block
}

@media (min-width: 1380px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (max-width: 1023.98px) {
    .spacing-1 {
        padding:2px
    }
}

@media (min-width: 1380px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-2 {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (max-width: 1023.98px) {
    .spacing-3 {
        padding:6px
    }
}

@media (min-width: 1380px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-4 {
        padding:8px
    }
}

@media (min-width: 1380px) {
    .spacing-5 {
        padding:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (max-width: 1023.98px) {
    .spacing-5 {
        padding:10px
    }
}

@media (min-width: 1380px) {
    .spacing-6 {
        padding:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-6 {
        padding:12px
    }
}

@media (min-width: 1380px) {
    .spacing-7 {
        padding:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-7 {
        padding:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-7 {
        padding:16px
    }
}

@media (min-width: 1380px) {
    .spacing-8 {
        padding:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-8 {
        padding:28px
    }
}

@media (max-width: 1023.98px) {
    .spacing-8 {
        padding:24px
    }
}

@media (min-width: 1380px) {
    .spacing-9 {
        padding:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-9 {
        padding:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-9 {
        padding:32px
    }
}

.spacing-special {
    padding-right: 24px
}

@media (min-width: 1380px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-1 {
        padding-bottom:4px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-2 {
        padding-bottom:8px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-3 {
        padding-bottom:12px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-4 {
        padding-bottom:16px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-5 {
        padding-bottom:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-5 {
        padding-bottom:20px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-6 {
        padding-bottom:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-6 {
        padding-bottom:24px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-7 {
        padding-bottom:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-7 {
        padding-bottom:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-7 {
        padding-bottom:32px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-8 {
        padding-bottom:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-8 {
        padding-bottom:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-8 {
        padding-bottom:48px
    }
}

@media (min-width: 1380px) {
    .spacing-bottom-9 {
        padding-bottom:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-bottom-9 {
        padding-bottom:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-bottom-9 {
        padding-bottom:64px
    }
}

@media (min-width: 1380px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-1 {
        padding-top:4px
    }
}

@media (min-width: 1380px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-2 {
        padding-top:8px
    }
}

@media (min-width: 1380px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-3 {
        padding-top:12px
    }
}

@media (min-width: 1380px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-4 {
        padding-top:16px
    }
}

@media (min-width: 1380px) {
    .spacing-top-5 {
        padding-top:24px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-5 {
        padding-top:20px
    }
}

@media (min-width: 1380px) {
    .spacing-top-6 {
        padding-top:32px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-6 {
        padding-top:24px
    }
}

@media (min-width: 1380px) {
    .spacing-top-7 {
        padding-top:48px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-7 {
        padding-top:40px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-7 {
        padding-top:32px
    }
}

@media (min-width: 1380px) {
    .spacing-top-8 {
        padding-top:64px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-8 {
        padding-top:56px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-8 {
        padding-top:48px
    }
}

@media (min-width: 1380px) {
    .spacing-top-9 {
        padding-top:96px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .spacing-top-9 {
        padding-top:80px
    }
}

@media (max-width: 1023.98px) {
    .spacing-top-9 {
        padding-top:64px
    }
}

.merch-push-slot {
    position: relative;
    padding: 0;
    --plyr-video-background: transparent
}

.merch-push-slot.product-grid__product {
    background-color: transparent
}

.merch-push-slot.product-grid__product {
    height: 100%
}

.merch-push-slot.product-grid__product video {
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    -webkit-clip-path: inset(1px 1px);
    clip-path: inset(1px 1px)
}

.merch-push-slot.two_tiles {
    grid-column: span 2
}

.merch-push-slot.two_tiles .merch-push-slot__text h1 {
    max-width: 592px
}

@media screen and (max-width: 768px) {
    .merch-push-slot.two_tiles .merch-push-slot__text h1 {
        max-width:290px
    }
}

@media screen and (max-width: 1024px) {
    .merch-push-slot {
        grid-column:span 4 !important
    }
}

.merch-push-slot__parent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.merch-push-slot__parent img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1023.98px) {
    .merch-push-slot__parent {
        aspect-ratio:1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.merch-push-slot__text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.merch-push-slot__text .btn {
    z-index: 1
}

.merch-push-slot__text .btn::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.merch-push-slot__product-icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    border-radius: 2px;
    padding: 8px;
    background-color: rgba(135,136,138,0.5);
    z-index: 2
}

.merch-push-slot__product-icon svg {
    fill: #fefefe;
    display: block
}

.merch-push-slot__product-icon[data-video="true"] {
    right: 80px;
    bottom: 24px
}

.merch-push-slot .video-wrapper,.merch-push-slot .video-wrapper .plyr,.merch-push-slot .video-wrapper .plyr__video-wrapper {
    height: 100%
}

.merch-push-slot .video-wrapper .video-controls,.merch-push-slot .video-wrapper .plyr .video-controls,.merch-push-slot .video-wrapper .plyr__video-wrapper .video-controls {
    border-radius: 2px
}

.merch-push-slot .video-wrapper .plyr__poster,.merch-push-slot .video-wrapper .plyr .plyr__poster,.merch-push-slot .video-wrapper .plyr__video-wrapper .plyr__poster {
    background-size: cover
}

.merch-push-slot .video-wrapper video,.merch-push-slot .video-wrapper .plyr video,.merch-push-slot .video-wrapper .plyr__video-wrapper video {
    -o-object-fit: cover;
    object-fit: cover
}

body.high-contrast-enabled .merch-push-slot .text-overline {
    margin-bottom: 5px
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap: 8px;
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.product-grid__product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-column: span 2;
    background-color: #F2F2F3
}

@media (min-width: 1024px) {
    .product-grid__product {
        grid-column:span 1
    }
}

.product-grid__product .product-card__image-wrap.transform-origin-top .product-card__image {
    transform-origin: top
}

.product-grid__product:hover {
    text-decoration: none
}

.product-grid__product:hover .product-card__image {
    transform: scale(1.07);
    transition: transform 600ms ease-out
}

.product-grid .grid-footer {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-grid .grid-footer .display-count-wrap {
    text-align: center;
    margin-bottom: 16px;
    margin-top: 32px
}

.product-grid .grid-footer .more {
    padding: 15px 12px;
    border-radius: 2px;
    background: rgba(188,189,191,0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.product-grid .product-card__headline,.product-grid .product-card__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.product-grid .product-card__description {
    color: #6C6D70;
    line-height: 150%
}

.product-grid .product-card__image-wrap {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1/1
}

.product-grid .product-card__image {
    transition: transform 0.3s ease-in-out
}

.product-grid .product-card__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 0 24px;
    padding-bottom: 0
}

@media (max-width: 1023.98px) {
    .product-grid .product-card__top {
        align-items:flex-start;
        padding: 8px 8px 0 8px
    }
}

.product-grid .product-card__top .icon {
    padding: 0;
    stroke: #010307;
    fill: #010307
}

.product-grid .product-card__top .add-to-wish-list {
    flex-shrink: 0
}

.product-grid .product-card__tags {
    list-style: none;
    display: flex;
    gap: 8px;
    padding: 0
}

.product-grid .product-card__tags-item {
    padding: 5.5px 8px;
    background-color: transparent;
    color: #010307
}

.product-grid .product-card__tags-item span {
    position: relative;
    z-index: 1
}

.product-grid .product-card__tags-item span::before {
    content: '';
    position: absolute;
    top: -5.5px;
    left: -8px;
    height: calc(100% + 11px);
    background-color: rgba(188,189,191,0.5);
    z-index: -1
}

.filters-container {
    background-color: #fefefe;
    top: -200px
}

@media (min-width: 699px) {
    .filters-container {
        padding-left:unset;
        padding-right: unset
    }
}

.filters-container.sticky {
    position: fixed;
    top: 0px;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    margin: 0 auto;
    right: 0;
    z-index: 1;
    transition: top 0.2s ease-out
}

.filters-container.sticky.sticky-main-menu {
    top: 130px;
    transition: top 1s cubic-bezier(1, -0.22, 0.45, 0.94)
}

@media (max-width: 1023.98px) {
    .filters-container.sticky.sticky-main-menu {
        top:64px
    }
}

@media (max-width: 1023.98px) {
    .filters-container.sticky {
        padding-left:0;
        padding-right: 0
    }

    .filters-container.sticky .filters {
        padding-left: 0;
        padding-right: 0
    }

    .filters-container.sticky .filters .row {
        margin-left: 0;
        margin-right: 0;
        height: 64px
    }
}

.filters-container.sticky .row {
    width: 100%
}

.filters-container .filters .row {
    height: 72px
}

@media (max-width: 1023.98px) {
    .filters-container .filters .row {
        align-items:flex-start;
        height: 64px
    }
}

.filters-container .ch-modal-portal .portal__wapper {
    height: 96%
}

.filters__start {
    justify-content: flex-start;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px
}

@media (min-width: 699px) {
    .filters__start.col-10.col-md-3 {
        padding-left:unset;
        padding-right: unset
    }
}

.filters__start.col-10.col-md-3 .catgName {
    max-width: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

@media (max-width: 1023.98px) {
    .filters__start.col-10.col-md-3 {
        padding-left:unset;
        padding-right: unset;
        float: none;
        display: block;
        flex: 0 0 auto
    }

    .filters__start.col-10.col-md-3 .catgName {
        width: auto;
        max-width: 95%
    }

    .filters__start.col-10.col-md-3 .qtyOfProducts {
        display: inline-block;
        position: relative;
        margin-left: -10px;
        width: 5%
    }

    .filters__start.col-10.col-md-3 .catgName+.qtyOfProducts {
        top: -5px
    }
}

.filters__end {
    padding-right: 0;
    justify-content: flex-end;
    display: flex;
    padding-bottom: 7px
}

@media (min-width: 699px) {
    .filters__end.col-6.col-md-3 {
        padding-left:unset;
        padding-right: unset
    }
}

@media (max-width: 1023.98px) {
    .filters__end.col-6.col-md-3 {
        padding-top:0px;
        width: auto;
        float: none;
        flex: 1 0 auto;
        max-width: none
    }
}

.filters .d-md-flex.col-6.col-md-3 {
    align-items: flex-start
}

.filters__middle {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px
}

@media (max-width: 1023.98px) {
    .filters__middle.col-12 {
        padding-right:unset;
        padding-left: unset
    }
}

.filters__middle ul {
    list-style: none;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.filters__middle ul li {
    width: initial;
    padding-bottom: 0
}

.filters__middle ul li label {
    margin-bottom: 0;
    position: relative;
    white-space: nowrap;
    margin-right: 40px
}

.filters__middle ul li label:hover {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px
}

.filters__middle ul li label.active::before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--black-300)
}

.filters__middle .swiper-slider {
    margin-right: 0px;
    margin-left: 0px
}

.filters__middle .swiper-button {
    width: 24px;
    height: 24px;
    top: 19px
}

.filters__middle .swiper-button svg {
    height: 17px;
    fill: #010307;
    stroke: #010307
}

.filters__middle .swiper-scrollbar {
    bottom: 0
}

.filters__middle .quick-refinements.pl {
    padding-left: 12px
}

.filters__trigger-btn {
    padding: 0;
    margin: 0;
    padding-top: 0px
}

.filters__trigger-btn.btn {
    padding-top: 0px
}

@media (max-width: 1023.98px) {
    .filters .top-line {
        margin-right:-24px;
        margin-left: -24px;
        border-top: 1px solid rgba(188,189,191,0.5)
    }
}

@media (max-width: 1023.98px) {
    #tab-products .qtyOfProducts {
        top:unset
    }
}

.refinements-panel ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0
}

.refinements-panel .clearButton,.refinements-panel .clear-button {
    padding-top: 4.5px;
    padding-bottom: 4.5px
}

.refinements-panel .clearButton:hover,.refinements-panel .clear-button:hover {
    text-decoration: underline
}

.refinements-panel .refinements-wrapper {
    padding-bottom: 114px
}

.refinements-panel .refinements-wrapper .checkbox,.refinements-panel .refinements-wrapper .radio {
    display: flex;
    margin-right: 10px;
    align-items: center;
    margin-left: 3px
}

.refinements-panel .refinements-wrapper .checkbox label,.refinements-panel .refinements-wrapper .radio label {
    margin-bottom: 0;
    text-transform: initial
}

.refinements-panel .refinements-wrapper .checkbox input[type=checkbox],.refinements-panel .refinements-wrapper .radio input[type=checkbox] {
    margin-top: 0
}

@media (max-width: 1023.98px) {
    .refinements-panel .refinements-wrapper .checkbox input[type=checkbox]::before,.refinements-panel .refinements-wrapper .radio input[type=checkbox]::before {
        outline:3px solid #fefefe
    }
}

@media (max-width: 698.98px) {
    .refinements-panel .refinements-wrapper .checkbox input[type=radio]::before,.refinements-panel .refinements-wrapper .radio input[type=radio]::before {
        outline:3px solid #fefefe
    }
}

.refinements-panel .refinements-wrapper .specs-group__title {
    margin-right: 10px;
    padding-left: 2px;
    padding-top: 16px;
    padding-bottom: 16px
}

.refinements-panel .dialog-content__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.refinements-panel .dialog-content__footer {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #D7D8D9;
    width: 100%;
    margin-left: -48px;
    margin-right: -48px;
    padding-left: 48px;
    padding-right: 48px;
    background-color: #fefefe
}

@media (max-width: 1023.98px) {
    .refinements-panel .dialog-content__footer {
        left:0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 24px
    }
}

.refinements-panel .dialog-content__footer .btn.btn-primary {
    justify-content: center
}

.bg-black .product-grid,.bg-black.filters-container .product-grid {
    color: #fefefe
}

.bg-black .product-grid .grid-footer .display-count-wrap,.bg-black .product-grid .grid-footer .more,.bg-black.filters-container .product-grid .grid-footer .display-count-wrap,.bg-black.filters-container .product-grid .grid-footer .more {
    color: #fefefe
}

.bg-black .filters-container,.bg-black.filters-container,.bg-black.filters-container .filters-container,.bg-black.filters-container.filters-container {
    background-color: black
}

.bg-black .filters__start,.bg-black.filters-container .filters__start {
    color: #fefefe
}

.bg-black .filters__middle ul,.bg-black.filters-container .filters__middle ul {
    list-style: none
}

.bg-black .filters__middle ul li label,.bg-black.filters-container .filters__middle ul li label {
    color: #fefefe
}

.bg-black .filters__middle ul li label.active::before,.bg-black.filters-container .filters__middle ul li label.active::before {
    background-color: white
}

.bg-black .filters__middle .swiper-button svg,.bg-black.filters-container .filters__middle .swiper-button svg {
    fill: #fefefe;
    stroke: #fefefe
}

.bg-black .filters__middle .swiper-slide,.bg-black.filters-container .filters__middle .swiper-slide {
    margin-right: unset;
    margin-left: unset
}

.bg-black__trigger-btn,.bg-black.filters-container__trigger-btn {
    color: #fefefe
}

.bg-black .filters__trigger-btn,.bg-black.filters-container .filters__trigger-btn {
    color: #fefefe
}

@media (min-width: 1920px) {
    .header-search.fade.show ~ .veil .underlay {
        width:100vw !important
    }
}

body.modal-open.position-fixed {
    position: fixed;
    width: 100%;
    overflow: hidden
}

body.modal-open.position-fixed .page.master {
    overflow: hidden
}

.header-search {
    padding-left: 0 !important
}

.header-search ul {
    list-style: none;
    margin-bottom: 0;
    padding-inline-start:0}

.header-search .modal-dialog {
    width: 100vw;
    margin: 0;
    max-width: unset
}

@media (min-width: 1024px) {
    .header-search .modal-dialog {
        height:100%
    }
}

.header-search .modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0
}

@media (max-width: 1023.98px) {
    .header-search .modal-header {
        padding:11.5px 0
    }
}

.header-search .modal-header .logo {
    height: 48px;
    width: 300px
}

@media (max-width: 1023.98px) {
    .header-search .modal-header .logo {
        height:40px
    }
}

.header-search .modal-body {
    padding: 0
}

.header-search .modal-body p {
    margin-bottom: 0
}

.header-search .modal-body .product-card__body {
    padding: 0
}

.header-search .modal-body .product-card__description {
    margin-top: 0;
    min-height: auto
}

.header-search .modal-body__top {
    background-color: #F2F2F3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px
}

.header-search .modal-body__top .search-form {
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .header-search .modal-body__top .search-form {
        width:636px
    }
}

@media (min-width: 1920px) {
    .header-search .modal-body__top .search-form {
        width:1000px
    }
}

.header-search .modal-body__top .field__input {
    padding: 22px 16px 22px 48px;
    background-color: #fefefe
}

.header-search .modal-body__top .field__input::-moz-placeholder {
    color: #757575;
    opacity: 1
}

.header-search .modal-body__top .field__input::placeholder {
    color: #757575;
    opacity: 1
}

.header-search .modal-body__top .reset-button {
    position: absolute;
    display: flex;
    align-items: center;
    right: 16px;
    top: 16px;
    padding: 4px;
    border: 0
}

.header-search .modal-body__top .reset-button svg {
    width: 16px;
    height: 16px
}

.header-search .modal-body__top .field__icon-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    left: 16px;
    top: 16px
}

.header-search .modal-body__top-recommendations {
    padding: 16px;
    width: 100%
}

@media (min-width: 1024px) {
    .header-search .modal-body__top-recommendations {
        width:636px
    }
}

@media (min-width: 1920px) {
    .header-search .modal-body__top-recommendations {
        width:1000px
    }
}

.header-search .modal-body__top-recommendations>.item:first-child {
    margin-bottom: 6px
}

.header-search .modal-body__top-recommendations .item {
    display: block
}

.header-search .modal-body .suggestions-wrapper {
    background-color: #fefefe
}

@media (min-width: 1024px) {
    .header-search .modal-body .suggestions-wrapper .w-auto-no-grow {
        width:auto;
        flex: unset
    }
}

.header-search .modal-body__response {
    padding-bottom: 90px
}

@media (min-width: 1024px) {
    .header-search .modal-body__response {
        padding-bottom:0
    }
}

.header-search .modal-body__bottom {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-start
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom {
        flex-direction:row;
        justify-content: center;
        gap: 16px;
        padding: 32px 48px
    }
}

.header-search .modal-body__bottom-left {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left {
        flex-direction:row;
        justify-content: flex-end;
        flex-wrap: wrap;
        flex: 0 1 50%;
        gap: 8px
    }
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left.center {
        justify-content:center;
        min-width: 636px;
        max-width: 636px
    }
}

@media (min-width: 1920px) {
    .header-search .modal-body__bottom-left.center {
        min-width:1000px;
        max-width: 1000px
    }
}

.header-search .modal-body__bottom-left-upper-wrap {
    padding: 24px;
    border-bottom: 1px solid #F2F2F3
}

.header-search .modal-body__bottom-left-upper-wrap a {
    display: block
}

.header-search .modal-body__bottom-left-upper-wrap a.item.text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left-upper-wrap {
        flex:1 1 48%;
        max-width: 50%;
        padding: 0;
        border-bottom: none;
        margin-bottom: 64px
    }
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left-upper-wrap.max-width-reduced {
        max-width:40%
    }
}

@media (min-width: 1380px) {
    .header-search .modal-body__bottom-left-upper-wrap.max-width-reduced {
        max-width:50%
    }
}

.header-search .modal-body__bottom-left-upper .item {
    display: block;
    margin-bottom: 4px
}

.header-search .modal-body__bottom-left-content {
    width: 100%;
    padding: 24px
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left-content {
        padding:0;
        flex: 1;
        min-width: 48%;
        width: auto
    }
}

.header-search .modal-body__bottom-left-content .item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 4px;
    max-height: 80px
}

.header-search .modal-body__bottom-left-content .item .article-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.header-search .modal-body__bottom-left-content .item img {
    width: unset;
    height: unset
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left-content .item img.max-width-reduced {
        width:120px
    }
}

@media (min-width: 1380px) {
    .header-search .modal-body__bottom-left-content .item img.max-width-reduced {
        width:unset
    }
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left .fit-content {
        min-width:-moz-fit-content;
        min-width: fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-left .fit-content-no-max {
        min-width:-moz-fit-content;
        min-width: fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.header-search .modal-body__bottom-right {
    border-bottom: 1px solid #F2F2F3;
    padding: 24px;
    width: 100%
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-right {
        padding:0;
        border-bottom: none;
        flex: 0 1 50%
    }
}

.header-search .modal-body__bottom-right ul {
    margin-bottom: 0
}

.header-search .modal-body__bottom-right .items {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 32px
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-right .items {
        flex-direction:row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px
    }
}

.header-search .modal-body__bottom-right .product-grid__product {
    flex: 0 0 32%;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 16px
}

.header-search .modal-body__bottom-right .product-grid__product:empty {
    display: none
}

.header-search .modal-body__bottom-right .product-grid__product .product-card:hover {
    text-decoration: none
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-right .product-grid__product {
        display:block
    }
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-right .product-grid__product.flex-grow {
        flex-grow:1;
        max-width: 450px
    }
}

.header-search .modal-body__bottom-right .product-grid__product:hover .product-card__title {
    text-decoration: underline
}

.header-search .modal-body__bottom-right .product-grid__product .product-card {
    flex: 0 0 37%
}

.header-search .modal-body__bottom-right .product-grid__product .product-card__top {
    display: none
}

.header-search .modal-body__bottom-right .product-grid__product .product-card__image-wrap {
    overflow: hidden;
    background-color: #F2F2F3
}

.header-search .modal-body__bottom-right .product-grid__product .product-card__image-wrap .product-card__image {
    transition: transform 0.6s ease-in-out
}

@media (min-width: 1024px) {
    .header-search .modal-body__bottom-right .product-grid__product .product-card__image-wrap {
        margin-bottom:12px
    }
}

.header-search .modal-body__show-all-wrap {
    padding: 20px 24px;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fefefe
}

@media (min-width: 1024px) {
    .header-search .modal-body__show-all-wrap {
        width:auto;
        padding: 0;
        position: static;
        bottom: unset
    }
}

.header-search .modal-body__show-all {
    width: 100%;
    padding: 15px 12px;
    display: flex;
    justify-content: center
}

@media (min-width: 1024px) {
    .header-search .modal-body__show-all {
        width:216px;
        margin-bottom: 24px;
        margin-left: 50%;
        transform: translateX(-50%)
    }

    .header-search .modal-body__show-all:active {
        transform: translateX(-50%) scale(0.99)
    }
}

.header-search .item-wrapper {
    display: grid;
    flex-shrink: 0
}

.header-search button.header-search__close {
    position: absolute;
    right: 16px;
    top: 16px
}

.header-search .modal-body__bottom-left-content a.item:hover {
    text-decoration: none
}

.header-search .modal-body__bottom-left-content a.item:hover .text-xsmall {
    text-decoration: underline
}

.header-search .color-gray {
    color: #6C6D70
}

.header-search .links-suggestions-wrapper {
    width: 100%
}

@media (min-width: 1024px) {
    .header-search .links-suggestions-wrapper {
        width:636px
    }
}

@media (min-width: 1920px) {
    .header-search .links-suggestions-wrapper {
        width:1000px
    }
}

.swiper .swiper-pagination {
    bottom: 0;
    z-index: 1;
    height: 24px
}

.swiper.pdp-swiper .swiper-pagination {
    bottom: 4px
}

.swiper .swiper-pagination-bullet {
    position: relative;
    height: 4px;
    width: 4px;
    background: initial;
    border: initial;
    padding: 12px
}

.swiper .swiper-pagination-bullet::after {
    display: block;
    content: "";
    background-color: #6C6D70;
    opacity: 1;
    border-radius: 1px;
    height: 4px;
    width: 4px;
    transition: width 0.3s ease-in-out;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute
}

.swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0
}

.swiper .swiper-pagination-bullet {
    background-color: #6C6D70;
    opacity: 1;
    background-color: initial
}

.swiper .swiper-pagination-bullet-active {
    width: 60px
}

.swiper .swiper-pagination-bullet-active::after {
    background-color: #010307;
    width: 60px;
    transition: width 0.3s ease-in-out
}

.swiper .swiper-lazy-preloader {
    width: 50px;
    height: 50px;
    text-align: center;
    background: url("../images/Chopard-Loader-C--Black--400x400.gif");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    animation: none !important;
    margin: 0
}

.swiper .swiper-lazy-preloader ::after {
    content: none;
    display: none
}

.bg-black>.swiper>.swiper-pagination .swiper-pagination-bullet::after {
    background-color: #A2A3A4
}

.bg-black>.swiper>.swiper-pagination .swiper-pagination-bullet-active::after {
    background-color: #fefefe
}

.swiper-button {
    position: absolute;
    top: 6px;
    z-index: 1
}

.swiper-button.swiper-button-disabled {
    display: none
}

.swiper-button::after {
    content: ""
}

.swiper-button-next {
    right: -8px;
    background: #fefefe;
    background: linear-gradient(90deg, rgba(254,254,254,0.134913) 0%, #fff 28%, #fff 100%)
}

.swiper-button-prev {
    left: -8px;
    rotate: 180deg;
    background: #fefefe;
    background: linear-gradient(90deg, rgba(254,254,254,0.134913) 0%, #fff 28%, #fff 100%)
}

.bg-black>.swiper>.swiper-button-next {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #000 28%, #000 100%)
}

.bg-black>.swiper>.swiper-button-prev {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #000 28%, #000 100%)
}

.pd-tile .swiper .swiper-pagination-bullet::after,.product-card .swiper .swiper-pagination-bullet::after {
    background-color: rgba(135,136,138,0.7)
}

.pd-tile .swiper .swiper-pagination-bullet-active::after,.product-card .swiper .swiper-pagination-bullet-active::after {
    background-color: #6C6D70
}

.pd-tile.variant--black .swiper-pagination-bullet-active::after {
    background-color: #A2A3A4
}

.pd-tile.variant--black .swiper-initialized .swiper-button {
    background-color: rgba(135,136,138,0.5)
}

.pd-tile.variant--black .swiper-initialized .swiper-button svg {
    fill: none;
    color: #fff;
}

.wishlist-guest-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    width: 100%
}

.wishlist-guest-header .text-large {
    text-align: center
}

@media (max-width: 1379.98px) {
    .wishlist-guest-header .copy-small {
        text-align:center
    }
}

@media (min-width: 1920px) {
    .wishlist-guest-list {
        display:flex;
        justify-content: center;
        background: #F2F2F3
    }
}

.wishlist-guest-list .wishlistItemCards {
    display: flex;
    gap: 8px;
    background: #F2F2F3;
    padding-top: 24px;
    padding-bottom: 24px;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1024px) {
    .wishlist-guest-list .wishlistItemCards {
        flex-wrap:wrap;
        padding-top: 32px;
        padding-bottom: 32px;
        flex-direction: unset
    }
}

@media (max-width: 1379.98px) {
    .my-account_main-content {
        padding:16px 0px
    }
}

.my-account_main-content .wishlistItemCards {
    display: flex;
    flex-direction: column;
    background: #F2F2F3;
    gap: 8px
}

@media (max-width: 1379.98px) {
    .my-account_main-content .wishlistItemCards {
        padding:unset
    }
}

@media (min-width: 1024px) {
    .my-account_main-content .wishlistItemCards {
        max-width:800px
    }
}

@media (min-width: 1920px) {
    .my-account_main-content .wishlistItemCards .wishlist-item {
        flex:0;
        gap: 0;
        width: 800px;
        margin: auto
    }
}

.my-account_main-content .empty-message {
    background: transparent;
    color: #6C6D70
}

@media (max-width: 1379.98px) {
    .my-account_main-content .empty-message.wishlist-logged-in {
        padding:0px 12px 24px
    }
}

.wishlist-item {
    display: flex;
    flex-direction: column;
    padding: 8px;
    align-items: flex-start;
    align-self: stretch;
    flex: 1 0 0;
    gap: 16px;
    background: #fefefe
}

@media (min-width: 1024px) {
    .wishlist-item {
        flex:0;
        gap: 0;
        flex-basis: calc(50% - 8px)
    }
}

.wishlist-item-top {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    align-self: stretch;
    background: #fefefe
}

.wishlist-item-bottom {
    display: flex;
    padding: 0 8px 8px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch
}

.wishlist-item-bottom .wishlist-item-footer .btn {
    height: 32px;
    padding: 4px;
    border-radius: 2px
}

.wishlist-item-bottom .wishlist-item-footer .btn .icon {
    margin: 0
}

.wishlist-item-image {
    display: flex;
    aspect-ratio: 1/1;
    align-items: flex-start;
    flex-shrink: 0;
    overflow: hidden;
    min-width: 100px
}

@media (min-width: 1024px) {
    .wishlist-item-image {
        width:256px
    }
}

.wishlist-item-image img {
    width: unset;
    min-width: unset !important;
    background-color: #F2F2F3
}

.wishlist-item .line-item-availability p {
    color: #c93232;
    font-family: Engravers;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.wishlist-item-body {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    position: relative
}

@media (min-width: 1024px) {
    .wishlist-item-body {
        padding:16px 8px 16px 24px;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .wishlist-item-body .wishlist-item-header .wishlist-item-name {
        padding-right:24px
    }
}

.wishlist-item-description {
    display: flex;
    gap: 4px;
    align-items: center;
    align-self: stretch;
    overflow: hidden;
    color: #6C6D70;
    text-overflow: ellipsis;
    font-family: Engravers;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.wishlist-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: 16px
}

@media (min-width: 1024px) {
    .wishlist-item-footer {
        margin-top:0;
        flex-wrap: wrap
    }
}

.wishlist-item-footer .btn {
    height: 32px;
    padding: 7px 12px;
    border-radius: 2px
}

@media (min-width: 1024px) {
    .wishlist-item-footer .btn {
        padding:4px
    }
}

@media (min-width: 1380px) {
    .wishlist-item-footer .btn {
        padding:7px 12px
    }
}

.wishlist-item-footer .btn .icon {
    margin-left: 12px
}

@media (min-width: 1024px) {
    .wishlist-item-footer .btn .icon {
        margin-left:0
    }
}

@media (min-width: 1380px) {
    .wishlist-item-footer .btn .icon {
        margin-left:12px
    }
}

@media (min-width: 1380px) {
    .wishlist-item-footer .open-contact-btn span,.wishlist-item-footer .add-to-cart span {
        display:inline-block
    }
}

.wishlist-item .remove-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px
}

.wishlist-item .product-details-add-to-cart-container {
    margin-left: auto
}

.size-selection {
    position: relative
}

.size-selection .size {
    padding-left: 0px;
    padding-right: 0px
}

.size-selection .size-chart-cta {
    padding: 0px 0px 0px 0px;
    transform-origin: left;
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.1s
}

.size-selection .size-chart-cta .icon {
    margin-left: 16px;
    width: 18px;
    height: 18px
}

.size-selection .size-chart-cta:hover {
    color: #515356;
    text-underline-offset: 3px;
    text-decoration: underline
}

.size-selection .jewellery-sizes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px
}

@media (max-width: 1379.98px) {
    .size-selection .jewellery-sizes {
        grid-template-columns:repeat(4, 1fr)
    }
}

.size-selection .jewellery-sizes .size-button {
    display: flex;
    justify-content: center;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    border: none
}

.size-selection .jewellery-sizes .size-button[selected="selected"] {
    border: 1px solid #010307
}

.wishlistItemCards .list-footer {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    align-items: center
}

.wishlistItemCards .list-footer .more-wl-items {
    padding: 15px 12px;
    border-radius: 2px;
    background: rgba(188,189,191,0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.my-account_main-content .wishlist-share {
    position: relative;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

@media (min-width: 1380px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:16px
    }
}

@media (min-width: 699px) and (max-width: 1379.98px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:16px
    }
}

@media (max-width: 1023.98px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:16px
    }
}

@media (min-width: 1024px) and (min-width: 1380px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:8px
    }
}

@media (min-width: 1024px) and (min-width: 699px) and (max-width: 1379.98px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:8px
    }
}

@media (min-width: 1024px) and (max-width: 1023.98px) {
    .my-account_main-content .wishlist-share {
        padding-bottom:8px
    }
}

@media (min-width: 1920px) {
    .my-account_main-content .wishlist-share {
        padding-right:2px
    }
}

@media (max-width: 1379.98px) {
    .my-account_main-content .wishlist-share {
        padding-right:2px
    }
}

.my-account_main-content .wishlist-share .wl-social-sharing {
    display: flex;
    align-items: center;
    gap: 10px
}

.my-account_main-content .wishlist-share .wl-social-sharing-text {
    padding-right: 2px
}

.my-account_main-content .wishlist-share .wl-social-sharing .icon {
    fill: #010307
}

.my-account_main-content .wishlist-share .wl-social-sharing .share-icons {
    display: inline-block;
    padding: 0
}

.my-account_main-content .wishlist-share #share-link-modal .modal-dialog {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 1023.98px) {
    .my-account_main-content .wishlist-share #share-link-modal .modal-dialog {
        height:auto;
        padding-left: 24px;
        padding-right: 24px
    }
}

.my-account_main-content .wishlist-share #share-link-modal .modal-body {
    padding: 48px
}

.my-account_main-content .wishlist-share #share-link-modal input:active,.my-account_main-content .wishlist-share #share-link-modal input:focus {
    padding: 22px 12px
}

.my-account_main-content .wishlist-share #share-link-modal .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.my-account_main-content .wishlist-share #share-link-modal #share-link-modal--close {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 32px;
    width: 32px;
    padding: 4px;
    z-index: 1
}

.my-account_main-content .wishlist-share .copy-link-message {
    position: absolute;
    bottom: -60px
}

.my-account_main-content .wishlist-share .copy-link-message .alert {
    margin: 0
}

.html-component-wrap.align-items-baseline {
    margin-left: 0
}

.html-component-wrap.align-items-center {
    margin: 0 auto
}

.html-component-wrap.item-width-large {
    width: 100%;
    max-width: unset
}

.html-component-wrap.item-width-small {
    padding: 0 24px
}

@media (min-width: 699px) {
    .html-component-wrap.item-width-small {
        padding:0 64px;
        max-width: 894px
    }
}

.lightbox {
    background-color: #fefefe;
    height: 100vh
}

.lightbox .lightbox-close {
    position: absolute;
    right: 16px;
    z-index: 9999;
    top: 16px
}

.lightbox .lightbox-close__btn {
    background: var(--alpha-307-50, rgba(188,189,191,0.5));
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px
}

.lightbox .lightbox-swiper {
    height: 100%
}

@media (max-width: 698.98px) {
    .lightbox .lightbox-swiper {
        padding-bottom:72px
    }
}

.lightbox .lightbox-swiper .slider__item {
    cursor: url("../../images/lightbox-cursor-in.svg") 16 16,pointer
}

.lightbox .lightbox-swiper .slider__item.lightbox-zoom-in {
    cursor: url("../../images/lightbox-cursor-in.svg") 16 16,pointer
}

.lightbox .lightbox-swiper .slider__item.lightbox-zoom-out {
    cursor: url("../../images/lightbox-cursor-out.svg") 16 16,pointer
}

.lightbox .lightbox-footer {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
    height: 72px;
    background-color: transparent;
    z-index: 1
}

@media (max-width: 1023.98px) {
    .lightbox .lightbox-footer {
        padding-left:24px;
        padding-right: 24px
    }
}

.lightbox .lightbox-footer .swiper-pagination {
    width: initial;
    position: relative;
    bottom: initial
}

.lightbox .lightbox-footer .lightbox-zoom-indicator__icon {
    background-image: url("../../images/lightbox-zoom-in.svg");
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

.lightbox .lightbox-footer .lightbox-zoom-indicator__icon.lightbox-zoom-in {
    background-image: url("../../images/lightbox-zoom-in.svg")
}

.lightbox .lightbox-footer .lightbox-zoom-indicator__icon.lightbox-zoom-out {
    background-image: url("../../images/lightbox-zoom-out.svg")
}

.lightbox .lightbox-navigation__btn {
    background: var(--alpha-307-50, rgba(188,189,191,0.5));
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 56px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 36px);
    transform: translateY(-50%)
}

.lightbox .lightbox-navigation__btn--next {
    right: 48px
}

.lightbox .lightbox-navigation__btn--prev {
    left: 48px
}

.lightbox .lightbox-navigation__btn.swiper-button-disabled {
    filter: contrast(1.3)
}

.lightbox .lightbox-navigation__btn.swiper-button-disabled .icon {
    fill: var(--black-306)
}

@media (max-width: 1023.98px) {
    .lightbox .lightbox-navigation__btn {
        height:40px;
        width: 40px
    }

    .lightbox .lightbox-navigation__btn--next {
        right: 24px
    }

    .lightbox .lightbox-navigation__btn--prev {
        left: 24px
    }
}

.video-wrapper {
    --plyr-color-main: #FEFEFE4D;
    --plyr-video-control-color: #fefefe
}

.video-wrapper .plyr__controls .plyr__control[data-plyr="play"],.video-wrapper .plyr__controls .plyr__control[data-plyr="settings"] {
    background-color: #FEFEFE4D
}

.video-wrapper .plyr__controls__item,.video-wrapper .plyr__control.ch-modal-cta,.video-wrapper .plyr__control[data-plyr="mute"],.video-wrapper .plyr__controls .plyr__control[data-plyr="play"] {
    border: 1px solid transparent
}

.video-wrapper .plyr__control:focus,.video-wrapper .plyr__control:focus-visible {
    outline: auto
}

.video-wrapper .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: auto
}

.video-wrapper .plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: auto
}

.video-wrapper .plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: auto
}

.video-wrapper .plyr__control[data-plyr="play"] {
    border-color: transparent
}

.video-wrapper .plyr__progress input[data-plyr="seek"]:hover,.video-wrapper .plyr__volume input[data-plyr="volume"]:hover {
    cursor: pointer
}

@media (max-width: 698.98px) {
    .video-wrapper .plyr__volume {
        width:-moz-min-content;
        width: min-content
    }
}

@media (max-width: 698.98px) {
    .video-wrapper .plyr__volume input[data-plyr="volume"] {
        min-width:50px
    }
}

.video-wrapper .plyr__controls .plyr__control[data-plyr="play"] {
    padding: 9px 11px
}

.video-wrapper .plyr__control.plyr__control--overlaid:active {
    transform: scale(0)
}

@media (min-width: 699px) {
    #geolocation-popin .modal-dialog {
        max-width:800px
    }
}

#geolocation-popin .modal-body {
    padding: 32px
}

#geolocation-popin .modal-body__btns-wrap {
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 699px) {
    #geolocation-popin .modal-body__btns-wrap {
        justify-content:unset;
        align-items: center;
        flex-direction: row
    }
}

#geolocation-popin .modal-body__btns-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-basis: 45%
}

#geolocation-popin .modal-body .geoloaction-popin-title {
    padding-right: 25px
}

#geolocation-popin .modal-body .btn-link-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 699px) {
    #geolocation-popin .modal-body .btn-link-wrap {
        display:block;
        align-items: unset;
        justify-content: unset
    }
}

#geolocation-popin .modal-body__cs {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start
}

.due-survey-cta-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    transform: translate(50%, -50%) rotate(90deg);
    transition: right 1s ease-in-out;
    right: -200%;
    transform-origin: center;
    z-index: 8
}

.due-survey-cta-wrapper.show {
    transition: right 1s ease-in-out;
    right: 17px
}

.due-survey-cta-wrapper .btn {
    padding: 7px 12px
}

.due-survey-thank-you {
    display: none;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 48px 0 48px;
    transform: translate(-50%, -50%)
}

@media (max-width: 1023.98px) {
    .due-survey-thank-you {
        padding:0 24px 0 24px
    }
}

.due-survey-cta-wrapper.show,.due-survey-thank-you.show {
    display: block
}

*,*::before,*::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin-bottom: 0
}

dd {
    padding-bottom: 0
}

img {
    width: 100%;
    height: auto
}

.form-group {
    margin-bottom: 0
}

figure {
    margin: initial
}

.container {
    max-width: 2560px !important;
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width: 699px) {
    .container {
        padding-left:32px;
        padding-right: 32px
    }
}

@media (min-width: 1024px) {
    .container {
        padding-left:48px;
        padding-right: 48px
    }
}

.row {
    margin-left: 0;
    margin-right: 0
}

.navbar {
    padding: initial
}

abbr[title],abbr[data-original-title] {
    text-decoration: none
}

label {
    margin-bottom: 0
}

.card,.product-info {
    list-style: none
}

legend {
    margin-bottom: initial
}
