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

.CLA38821-main article,
.CLA38821-main aside,
.CLA38821-main details,
.CLA38821-main figcaption,
.CLA38821-main figure,
.CLA38821-main footer,
.CLA38821-main header,
.CLA38821-main hgroup,
.CLA38821-main menu,
.CLA38821-main nav,
.CLA38821-main section {
    display: block
}

.CLA38821-main ol,
.CLA38821-main ul {
    list-style: none
}

.CLA38821-main blockquote,
.CLA38821-main q {
    quotes: none
}

.CLA38821-main blockquote:before,
.CLA38821-main blockquote:after,
.CLA38821-main q:before,
.CLA38821-main q:after {
    content: ""
}

.CLA38821-main table {
    border-collapse: collapse;
    border-spacing: 0
}

#CLA38821 .CLA38821-container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0
}

#CLA38821 .CLA38821-row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

#CLA38821 .CLA38821-row.CLA38821-reverse {
    flex-direction: row-reverse
}

#CLA38821 .CLA38821-col.CLA38821-reverse {
    flex-direction: column-reverse
}

#CLA38821 .CLA38821-col-xs,
#CLA38821 .CLA38821-col-xs-1,
#CLA38821 .CLA38821-col-xs-2,
#CLA38821 .CLA38821-col-xs-3,
#CLA38821 .CLA38821-col-xs-4,
#CLA38821 .CLA38821-col-xs-5,
#CLA38821 .CLA38821-col-xs-6,
#CLA38821 .CLA38821-col-xs-7,
#CLA38821 .CLA38821-col-xs-8,
#CLA38821 .CLA38821-col-xs-9,
#CLA38821 .CLA38821-col-xs-10,
#CLA38821 .CLA38821-col-xs-11,
#CLA38821 .CLA38821-col-xs-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0;
    padding-left: 0
}

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

#CLA38821 .CLA38821-col-xs-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

#CLA38821 .CLA38821-col-xs-2 {
    flex-basis: 16.667%;
    max-width: 16.667%
}

#CLA38821 .CLA38821-col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

#CLA38821 .CLA38821-col-xs-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

#CLA38821 .CLA38821-col-xs-5 {
    flex-basis: 41.667%;
    max-width: 41.667%
}

#CLA38821 .CLA38821-col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

#CLA38821 .CLA38821-col-xs-7 {
    flex-basis: 58.333%;
    max-width: 58.333%
}

#CLA38821 .CLA38821-col-xs-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

#CLA38821 .CLA38821-col-xs-9 {
    flex-basis: 75%;
    max-width: 75%
}

#CLA38821 .CLA38821-col-xs-10 {
    flex-basis: 83.333%;
    max-width: 83.333%
}

#CLA38821 .CLA38821-col-xs-11 {
    flex-basis: 91.667%;
    max-width: 91.667%
}

#CLA38821 .CLA38821-col-xs-12 {
    flex-basis: 100%;
    max-width: 100%
}

#CLA38821 .CLA38821-col-xs-offset-1 {
    margin-left: 8.333%
}

#CLA38821 .CLA38821-col-xs-offset-2 {
    margin-left: 16.667%
}

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

#CLA38821 .CLA38821-col-xs-offset-4 {
    margin-left: 33.333%
}

#CLA38821 .CLA38821-col-xs-offset-5 {
    margin-left: 41.667%
}

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

#CLA38821 .CLA38821-col-xs-offset-7 {
    margin-left: 58.333%
}

#CLA38821 .CLA38821-col-xs-offset-8 {
    margin-left: 66.667%
}

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

#CLA38821 .CLA38821-col-xs-offset-10 {
    margin-left: 83.333%
}

#CLA38821 .CLA38821-col-xs-offset-11 {
    margin-left: 91.667%
}

#CLA38821 .CLA38821-start-xs {
    justify-content: flex-start;
    text-align: start
}

#CLA38821 .CLA38821-center-xs {
    justify-content: center;
    text-align: center
}

#CLA38821 .CLA38821-end-xs {
    justify-content: flex-end;
    text-align: end
}

#CLA38821 .CLA38821-top-xs {
    align-items: flex-start
}

#CLA38821 .CLA38821-middle-xs {
    align-items: center
}

#CLA38821 .CLA38821-bottom-xs {
    align-items: flex-end
}

#CLA38821 .CLA38821-around-xs {
    justify-content: space-around
}

#CLA38821 .CLA38821-between-xs {
    justify-content: space-between
}

#CLA38821 .CLA38821-first-xs {
    order: -1
}

#CLA38821 .CLA38821-last-xs {
    order: 1
}

@media only screen and (min-width: 48em) {

    #CLA38821 .CLA38821-col-sm,
    #CLA38821 .CLA38821-col-sm-1,
    #CLA38821 .CLA38821-col-sm-2,
    #CLA38821 .CLA38821-col-sm-3,
    #CLA38821 .CLA38821-col-sm-4,
    #CLA38821 .CLA38821-col-sm-5,
    #CLA38821 .CLA38821-col-sm-6,
    #CLA38821 .CLA38821-col-sm-7,
    #CLA38821 .CLA38821-col-sm-8,
    #CLA38821 .CLA38821-col-sm-9,
    #CLA38821 .CLA38821-col-sm-10,
    #CLA38821 .CLA38821-col-sm-11,
    #CLA38821 .CLA38821-col-sm-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }

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

    #CLA38821 .CLA38821-col-sm-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    #CLA38821 .CLA38821-col-sm-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    #CLA38821 .CLA38821-col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    #CLA38821 .CLA38821-col-sm-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    #CLA38821 .CLA38821-col-sm-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    #CLA38821 .CLA38821-col-sm-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    #CLA38821 .CLA38821-col-sm-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    #CLA38821 .CLA38821-col-sm-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    #CLA38821 .CLA38821-col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    #CLA38821 .CLA38821-col-sm-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    #CLA38821 .CLA38821-col-sm-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    #CLA38821 .CLA38821-col-sm-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    #CLA38821 .CLA38821-col-sm-offset-1 {
        margin-left: 8.333%
    }

    #CLA38821 .CLA38821-col-sm-offset-2 {
        margin-left: 16.667%
    }

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

    #CLA38821 .CLA38821-col-sm-offset-4 {
        margin-left: 33.333%
    }

    #CLA38821 .CLA38821-col-sm-offset-5 {
        margin-left: 41.667%
    }

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

    #CLA38821 .CLA38821-col-sm-offset-7 {
        margin-left: 58.333%
    }

    #CLA38821 .CLA38821-col-sm-offset-8 {
        margin-left: 66.667%
    }

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

    #CLA38821 .CLA38821-col-sm-offset-10 {
        margin-left: 83.333%
    }

    #CLA38821 .CLA38821-col-sm-offset-11 {
        margin-left: 91.667%
    }

    #CLA38821 .CLA38821-start-sm {
        justify-content: flex-start;
        text-align: start
    }

    #CLA38821 .CLA38821-center-sm {
        justify-content: center;
        text-align: center
    }

    #CLA38821 .CLA38821-end-sm {
        justify-content: flex-end;
        text-align: end
    }

    #CLA38821 .CLA38821-top-sm {
        align-items: flex-start
    }

    #CLA38821 .CLA38821-middle-sm {
        align-items: center
    }

    #CLA38821 .CLA38821-bottom-sm {
        align-items: flex-end
    }

    #CLA38821 .CLA38821-around-sm {
        justify-content: space-around
    }

    #CLA38821 .CLA38821-between-sm {
        justify-content: space-between
    }

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

    #CLA38821 .CLA38821-last-sm {
        order: 1
    }
}

@media only screen and (min-width: 62em) {

    #CLA38821 .CLA38821-col-md,
    #CLA38821 .CLA38821-col-md-1,
    #CLA38821 .CLA38821-col-md-2,
    #CLA38821 .CLA38821-col-md-3,
    #CLA38821 .CLA38821-col-md-4,
    #CLA38821 .CLA38821-col-md-5,
    #CLA38821 .CLA38821-col-md-6,
    #CLA38821 .CLA38821-col-md-7,
    #CLA38821 .CLA38821-col-md-8,
    #CLA38821 .CLA38821-col-md-9,
    #CLA38821 .CLA38821-col-md-10,
    #CLA38821 .CLA38821-col-md-11,
    #CLA38821 .CLA38821-col-md-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }

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

    #CLA38821 .CLA38821-col-md-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    #CLA38821 .CLA38821-col-md-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    #CLA38821 .CLA38821-col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    #CLA38821 .CLA38821-col-md-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    #CLA38821 .CLA38821-col-md-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    #CLA38821 .CLA38821-col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    #CLA38821 .CLA38821-col-md-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    #CLA38821 .CLA38821-col-md-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    #CLA38821 .CLA38821-col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    #CLA38821 .CLA38821-col-md-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    #CLA38821 .CLA38821-col-md-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    #CLA38821 .CLA38821-col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    #CLA38821 .CLA38821-col-md-offset-1 {
        margin-left: 8.333%
    }

    #CLA38821 .CLA38821-col-md-offset-2 {
        margin-left: 16.667%
    }

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

    #CLA38821 .CLA38821-col-md-offset-4 {
        margin-left: 33.333%
    }

    #CLA38821 .CLA38821-col-md-offset-5 {
        margin-left: 41.667%
    }

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

    #CLA38821 .CLA38821-col-md-offset-7 {
        margin-left: 58.333%
    }

    #CLA38821 .CLA38821-col-md-offset-8 {
        margin-left: 66.667%
    }

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

    #CLA38821 .CLA38821-col-md-offset-10 {
        margin-left: 83.333%
    }

    #CLA38821 .CLA38821-col-md-offset-11 {
        margin-left: 91.667%
    }

    #CLA38821 .CLA38821-start-md {
        justify-content: flex-start;
        text-align: start
    }

    #CLA38821 .CLA38821-center-md {
        justify-content: center;
        text-align: center
    }

    #CLA38821 .CLA38821-end-md {
        justify-content: flex-end;
        text-align: end
    }

    #CLA38821 .CLA38821-top-md {
        align-items: flex-start
    }

    #CLA38821 .CLA38821-middle-md {
        align-items: center
    }

    #CLA38821 .CLA38821-bottom-md {
        align-items: flex-end
    }

    #CLA38821 .CLA38821-around-md {
        justify-content: space-around
    }

    #CLA38821 .CLA38821-between-md {
        justify-content: space-between
    }

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

    #CLA38821 .CLA38821-last-md {
        order: 1
    }
}

@media only screen and (min-width: 75em) {

    #CLA38821 .CLA38821-col-lg,
    #CLA38821 .CLA38821-col-lg-1,
    #CLA38821 .CLA38821-col-lg-2,
    #CLA38821 .CLA38821-col-lg-3,
    #CLA38821 .CLA38821-col-lg-4,
    #CLA38821 .CLA38821-col-lg-5,
    #CLA38821 .CLA38821-col-lg-6,
    #CLA38821 .CLA38821-col-lg-7,
    #CLA38821 .CLA38821-col-lg-8,
    #CLA38821 .CLA38821-col-lg-9,
    #CLA38821 .CLA38821-col-lg-10,
    #CLA38821 .CLA38821-col-lg-11,
    #CLA38821 .CLA38821-col-lg-12 {
        box-sizing: border-box;
        flex: 0 0 auto;
        padding-right: 0;
        padding-left: 0
    }

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

    #CLA38821 .CLA38821-col-lg-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    #CLA38821 .CLA38821-col-lg-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    #CLA38821 .CLA38821-col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    #CLA38821 .CLA38821-col-lg-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    #CLA38821 .CLA38821-col-lg-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    #CLA38821 .CLA38821-col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    #CLA38821 .CLA38821-col-lg-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    #CLA38821 .CLA38821-col-lg-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    #CLA38821 .CLA38821-col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    #CLA38821 .CLA38821-col-lg-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    #CLA38821 .CLA38821-col-lg-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    #CLA38821 .CLA38821-col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    #CLA38821 .CLA38821-col-lg-offset-1 {
        margin-left: 8.333%
    }

    #CLA38821 .CLA38821-col-lg-offset-2 {
        margin-left: 16.667%
    }

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

    #CLA38821 .CLA38821-col-lg-offset-4 {
        margin-left: 33.333%
    }

    #CLA38821 .CLA38821-col-lg-offset-5 {
        margin-left: 41.667%
    }

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

    #CLA38821 .CLA38821-col-lg-offset-7 {
        margin-left: 58.333%
    }

    #CLA38821 .CLA38821-col-lg-offset-8 {
        margin-left: 66.667%
    }

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

    #CLA38821 .CLA38821-col-lg-offset-10 {
        margin-left: 83.333%
    }

    #CLA38821 .CLA38821-col-lg-offset-11 {
        margin-left: 91.667%
    }

    #CLA38821 .CLA38821-start-lg {
        justify-content: flex-start;
        text-align: start
    }

    #CLA38821 .CLA38821-center-lg {
        justify-content: center;
        text-align: center
    }

    #CLA38821 .CLA38821-end-lg {
        justify-content: flex-end;
        text-align: end
    }

    #CLA38821 .CLA38821-top-lg {
        align-items: flex-start
    }

    #CLA38821 .CLA38821-middle-lg {
        align-items: center
    }

    #CLA38821 .CLA38821-bottom-lg {
        align-items: flex-end
    }

    #CLA38821 .CLA38821-around-lg {
        justify-content: space-around
    }

    #CLA38821 .CLA38821-between-lg {
        justify-content: space-between
    }

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

    #CLA38821 .CLA38821-last-lg {
        order: 1
    }
}

@font-face {
    font-family: "Gotham Condensed Book";
    src: url("../fonts/Gotham-Condensed-Book.woff") format("woff"), url("../fonts/Gotham-Condensed-Book.woff2") format("woff2")
}

@font-face {
    font-family: "Gotham Condensed Medium";
    src: url("../fonts/Gotham-Condensed-Medium.woff") format("woff"), url("../fonts/Gotham-Condensed-Medium.woff2") format("woff2")
}

:root {
    --screen-width: 100vw;
    --screen-height: 100vh;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-charcoal: #333333
}

body[data-lock=true] {
    overflow: hidden
}

#CLA38821.CLA38821-main {
    font: 14px/18px "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    line-height: 1;
    position: relative;
    z-index: 1;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #333;
    background-color: #fff
}

#CLA38821.CLA38821-main[data-lock=true] {
    overflow: hidden;
    width: 100vw;
    height: 100vh
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main {
        font-size: 16px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main {
        font-size: 16px
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main {
        font-size: 16px
    }
}

#CLA38821.CLA38821-main *::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

#CLA38821.CLA38821-main *::-webkit-scrollbar-track {
    background: rgba(207, 202, 201, .15)
}

#CLA38821.CLA38821-main *::-webkit-scrollbar-thumb {
    border: 0 solid rgba(207, 202, 201, 0);
    border-radius: 0;
    background: #000
}

#CLA38821.CLA38821-main * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821.CLA38821-main input:focus,
#CLA38821.CLA38821-main select:focus,
#CLA38821.CLA38821-main textarea:focus,
#CLA38821.CLA38821-main button:focus {
    outline: none
}

#CLA38821.CLA38821-main img {
    width: 100%;
    margin: 0 auto
}

#CLA38821.CLA38821-main small {
    font-size: 80%
}

#CLA38821.CLA38821-main sub,
#CLA38821.CLA38821-main sup {
    font-size: 60%
}

#CLA38821.CLA38821-main h1,
#CLA38821.CLA38821-main h2,
#CLA38821.CLA38821-main h3,
#CLA38821.CLA38821-main h4,
#CLA38821.CLA38821-main h5,
#CLA38821.CLA38821-main h6,
#CLA38821.CLA38821-main strong {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    font-weight: normal
}

#CLA38821.CLA38821-main b {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif
}

#CLA38821.CLA38821-main h1 {
    font-size: 2.8571428571em;
    line-height: 1
}

#CLA38821.CLA38821-main h2 {
    font-size: 2.5em;
    line-height: 1
}

#CLA38821.CLA38821-main h3 {
    font-size: 2.1428571429em;
    line-height: 1
}

#CLA38821.CLA38821-main h4 {
    font-size: 1.7857142857em;
    line-height: 1
}

#CLA38821.CLA38821-main h5 {
    font-size: 1.4285714286em;
    line-height: 1
}

#CLA38821.CLA38821-main h6 {
    font-size: 1.1428571429em;
    line-height: 1
}

#CLA38821.CLA38821-main a {
    color: #000;
    text-decoration: underline
}

#CLA38821.CLA38821-main a:visited,
#CLA38821.CLA38821-main a:hover,
#CLA38821.CLA38821-main a:focus,
#CLA38821.CLA38821-main a:active {
    color: #000
}

#CLA38821.CLA38821-main a[data-brand],
#CLA38821.CLA38821-main label,
#CLA38821.CLA38821-main button {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    color: #333
}

@media only screen and (min-width: 768px) {

    #CLA38821.CLA38821-main a[data-brand],
    #CLA38821.CLA38821-main label,
    #CLA38821.CLA38821-main button {
        font-size: .875em
    }
}

@media only screen and (min-width: 1280px) {

    #CLA38821.CLA38821-main a[data-brand],
    #CLA38821.CLA38821-main label,
    #CLA38821.CLA38821-main button {
        font-size: 1em
    }
}

#CLA38821.CLA38821-main a[data-brand]:disabled,
#CLA38821.CLA38821-main label:disabled,
#CLA38821.CLA38821-main button:disabled {
    color: #000
}

#CLA38821.CLA38821-main a[data-brand]::-moz-selection,
#CLA38821.CLA38821-main label::-moz-selection,
#CLA38821.CLA38821-main button::-moz-selection {
    background-color: rgba(0, 0, 0, 0)
}

#CLA38821.CLA38821-main a[data-brand]::selection,
#CLA38821.CLA38821-main label::selection,
#CLA38821.CLA38821-main button::selection {
    background-color: rgba(0, 0, 0, 0)
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button,
#CLA38821.CLA38821-main label.CLA38821-button,
#CLA38821.CLA38821-main button.CLA38821-button {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 3.1428571429em;
    max-height: 3.1428571429em;
    margin: 0 auto;
    padding: .7142857143em 1.4285714286em;
    transition: border 100ms linear;
    border: 1px solid #cfcac9;
    border-radius: .3571428571em;
    background-color: #fff
}

@media only screen and (min-width: 768px) {

    #CLA38821.CLA38821-main a[data-brand].CLA38821-button,
    #CLA38821.CLA38821-main label.CLA38821-button,
    #CLA38821.CLA38821-main button.CLA38821-button {
        min-height: 2.75em;
        max-height: 2.75em
    }
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button:hover,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:focus,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:active,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:target,
#CLA38821.CLA38821-main label.CLA38821-button:hover,
#CLA38821.CLA38821-main label.CLA38821-button:focus,
#CLA38821.CLA38821-main label.CLA38821-button:active,
#CLA38821.CLA38821-main label.CLA38821-button:target,
#CLA38821.CLA38821-main button.CLA38821-button:hover,
#CLA38821.CLA38821-main button.CLA38821-button:focus,
#CLA38821.CLA38821-main button.CLA38821-button:active,
#CLA38821.CLA38821-main button.CLA38821-button:target {
    color: #333;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button:disabled,
#CLA38821.CLA38821-main label.CLA38821-button:disabled,
#CLA38821.CLA38821-main button.CLA38821-button:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #787474
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button:disabled:hover,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:disabled:focus,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:disabled:active,
#CLA38821.CLA38821-main a[data-brand].CLA38821-button:disabled:target,
#CLA38821.CLA38821-main label.CLA38821-button:disabled:hover,
#CLA38821.CLA38821-main label.CLA38821-button:disabled:focus,
#CLA38821.CLA38821-main label.CLA38821-button:disabled:active,
#CLA38821.CLA38821-main label.CLA38821-button:disabled:target,
#CLA38821.CLA38821-main button.CLA38821-button:disabled:hover,
#CLA38821.CLA38821-main button.CLA38821-button:disabled:focus,
#CLA38821.CLA38821-main button.CLA38821-button:disabled:active,
#CLA38821.CLA38821-main button.CLA38821-button:disabled:target {
    color: #787474;
    border: 1px solid #cfcac9
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--primary[data-brand=clarins],
#CLA38821.CLA38821-main label.CLA38821-button--primary[data-brand=clarins],
#CLA38821.CLA38821-main button.CLA38821-button--primary[data-brand=clarins] {
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: #b40024
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--primary[data-brand=clarins]:hover,
#CLA38821.CLA38821-main label.CLA38821-button--primary[data-brand=clarins]:hover,
#CLA38821.CLA38821-main button.CLA38821-button--primary[data-brand=clarins]:hover {
    color: #fff;
    background-color: #8c0b26
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--primary[data-brand=clarins]:focus,
#CLA38821.CLA38821-main label.CLA38821-button--primary[data-brand=clarins]:focus,
#CLA38821.CLA38821-main button.CLA38821-button--primary[data-brand=clarins]:focus {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--primary[data-brand=clarins]:active,
#CLA38821.CLA38821-main label.CLA38821-button--primary[data-brand=clarins]:active,
#CLA38821.CLA38821-main button.CLA38821-button--primary[data-brand=clarins]:active {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--secondary[data-brand=clarins],
#CLA38821.CLA38821-main label.CLA38821-button--secondary[data-brand=clarins],
#CLA38821.CLA38821-main button.CLA38821-button--secondary[data-brand=clarins] {
    color: #333;
    border: 1px solid #cfcac9;
    background-color: #fff
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--secondary[data-brand=clarins]:hover,
#CLA38821.CLA38821-main label.CLA38821-button--secondary[data-brand=clarins]:hover,
#CLA38821.CLA38821-main button.CLA38821-button--secondary[data-brand=clarins]:hover {
    color: #8c0b26;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--secondary[data-brand=clarins]:focus,
#CLA38821.CLA38821-main label.CLA38821-button--secondary[data-brand=clarins]:focus,
#CLA38821.CLA38821-main button.CLA38821-button--secondary[data-brand=clarins]:focus {
    color: #333;
    border: 2px solid #63021a;
    border-radius: .5em
}

#CLA38821.CLA38821-main a[data-brand].CLA38821-button--secondary[data-brand=clarins]:active,
#CLA38821.CLA38821-main label.CLA38821-button--secondary[data-brand=clarins]:active,
#CLA38821.CLA38821-main button.CLA38821-button--secondary[data-brand=clarins]:active {
    color: #333;
    border: 2px solid #63021a
}

#CLA38821.CLA38821-main .quickviewbutton {
    font-size: 16px;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 3.1428571429em;
    max-height: 3.1428571429em;
    margin: 0 auto;
    padding: .7142857143em 1.4285714286em;
    transition: border 100ms linear;
    border: 1px solid #cfcac9;
    border-radius: .3571428571em;
    background-color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .quickviewbutton {
        min-height: 2.75em;
        max-height: 2.75em
    }
}

#CLA38821.CLA38821-main .quickviewbutton:hover,
#CLA38821.CLA38821-main .quickviewbutton:focus,
#CLA38821.CLA38821-main .quickviewbutton:active,
#CLA38821.CLA38821-main .quickviewbutton:target {
    color: #333;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main .quickviewbutton:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #787474
}

#CLA38821.CLA38821-main .quickviewbutton:disabled:hover,
#CLA38821.CLA38821-main .quickviewbutton:disabled:focus,
#CLA38821.CLA38821-main .quickviewbutton:disabled:active,
#CLA38821.CLA38821-main .quickviewbutton:disabled:target {
    color: #787474;
    border: 1px solid #cfcac9
}

#CLA38821.CLA38821-main .quickviewbutton:after {
    font-size: 16px;
    line-height: 1;
    content: "Buy now";
    display: flex;
    text-transform: none;
    text-decoration: none
}

#CLA38821.CLA38821-main .quickviewbutton--primary[data-brand=clarins] {
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: #b40024
}

#CLA38821.CLA38821-main .quickviewbutton--primary[data-brand=clarins]:hover {
    color: #fff;
    background-color: #8c0b26
}

#CLA38821.CLA38821-main .quickviewbutton--primary[data-brand=clarins]:focus {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main .quickviewbutton--primary[data-brand=clarins]:active {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main .quickviewbutton--secondary[data-brand=clarins] {
    color: #333;
    border: 1px solid #cfcac9;
    background-color: #fff
}

#CLA38821.CLA38821-main .quickviewbutton--secondary[data-brand=clarins]:hover {
    color: #8c0b26;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main .quickviewbutton--secondary[data-brand=clarins]:focus {
    color: #333;
    border: 2px solid #63021a;
    border-radius: .5em
}

#CLA38821.CLA38821-main .quickviewbutton--secondary[data-brand=clarins]:active {
    color: #333;
    border: 2px solid #63021a
}

#CLA38821.CLA38821-main a.CLA38821:disabled {
    color: #000
}

#CLA38821.CLA38821-main a.CLA38821::-moz-selection {
    background-color: rgba(0, 0, 0, 0)
}

#CLA38821.CLA38821-main a.CLA38821::selection {
    background-color: rgba(0, 0, 0, 0)
}

#CLA38821.CLA38821-main a.CLA38821-button {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 3.1428571429em;
    max-height: 3.1428571429em;
    margin: 0 auto;
    padding: .7142857143em 1.4285714286em;
    transition: border 100ms linear;
    border: 1px solid #cfcac9;
    border-radius: .3571428571em;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main a.CLA38821-button {
        font-size: .875em
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main a.CLA38821-button {
        font-size: 1em
    }
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main a.CLA38821-button {
        min-height: 2.75em;
        max-height: 2.75em
    }
}

#CLA38821.CLA38821-main a.CLA38821-button:hover,
#CLA38821.CLA38821-main a.CLA38821-button:focus,
#CLA38821.CLA38821-main a.CLA38821-button:active,
#CLA38821.CLA38821-main a.CLA38821-button:target {
    color: #333;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main a.CLA38821-button:disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #787474
}

#CLA38821.CLA38821-main a.CLA38821-button:disabled:hover,
#CLA38821.CLA38821-main a.CLA38821-button:disabled:focus,
#CLA38821.CLA38821-main a.CLA38821-button:disabled:active,
#CLA38821.CLA38821-main a.CLA38821-button:disabled:target {
    color: #787474;
    border: 1px solid #cfcac9
}

#CLA38821.CLA38821-main a.CLA38821-button--primary[data-brand=clarins] {
    color: #fff;
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: #b40024
}

#CLA38821.CLA38821-main a.CLA38821-button--primary[data-brand=clarins]:hover {
    color: #fff;
    background-color: #8c0b26
}

#CLA38821.CLA38821-main a.CLA38821-button--primary[data-brand=clarins]:focus {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main a.CLA38821-button--primary[data-brand=clarins]:active {
    color: #fff;
    border: 2px solid #63021a;
    background-color: #b40024
}

#CLA38821.CLA38821-main a.CLA38821-button--secondary[data-brand=clarins] {
    color: #333;
    border: 1px solid #cfcac9;
    background-color: #fff
}

#CLA38821.CLA38821-main a.CLA38821-button--secondary[data-brand=clarins]:hover {
    color: #8c0b26;
    border: 1px solid #787474
}

#CLA38821.CLA38821-main a.CLA38821-button--secondary[data-brand=clarins]:focus {
    color: #333;
    border: 2px solid #63021a;
    border-radius: .5em
}

#CLA38821.CLA38821-main a.CLA38821-button--secondary[data-brand=clarins]:active {
    color: #333;
    border: 2px solid #63021a
}

#CLA38821.CLA38821-main p {
    font-size: 1em;
    line-height: 1.5;
    padding: .5%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main p {
        font-size: .875em
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main p {
        font-size: .875em
    }
}

#CLA38821.CLA38821-main section[data-name] {
    position: relative
}

#CLA38821.CLA38821-main section[data-name] h3 {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 30px;
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: .3571428571em;
    letter-spacing: normal;
    max-width: 90%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main section[data-name] h3 {
        margin-bottom: .625em;
        line-height: 1.2;
        max-width: 92%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main section[data-name] h3 {
        font-size: 35px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main section[data-name] h3 {
        font-size: 40px
    }
}

#CLA38821.CLA38821-main section[data-name] h3~p {
    margin-bottom: 2.2857142857em;
    padding-left: 1.7857142857em;
    padding-right: 1.7857142857em
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main section[data-name] h3~p {
        margin-bottom: 0
    }
}

#CLA38821.CLA38821-main section[data-active],
#CLA38821.CLA38821-main section[data-active=false] {
    display: none
}

#CLA38821.CLA38821-main section[data-active=true] {
    display: flex
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .slick-list {
        margin: 0 -4px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main .slick-list {
        margin: 0
    }
}

#CLA38821.CLA38821-main .slick-arrow:after {
    display: none !important
}

#CLA38821.CLA38821-main .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 1.4285714286em;
    padding: 0;
    list-style-type: none
}

#CLA38821.CLA38821-main .slick-dots li {
    margin: 0 .1428571429em;
    background: rgba(0, 0, 0, 0);
    display: flex;
    align-content: center;
    align-items: center
}

#CLA38821.CLA38821-main .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .25);
    text-indent: -9999px;
    opacity: 1;
    min-width: 45%;
    min-height: 45%;
    margin: 0 auto
}

#CLA38821.CLA38821-main .slick-dots li.slick-active button {
    background-color: #000
}

#CLA38821.CLA38821-main .slick-track {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    align-items: stretch;
    max-height: 100%;
    padding: .3571428571em 0 3.2142857143em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .slick-track {
        padding: .625em 0 1.25em 0
    }
}

#CLA38821 img {
    display: inherit
}

.CLA38821-bar {
    position: fixed;
    z-index: 99;
    overflow: hidden;
    width: 100vw;
    height: 3px;
    margin: 0 auto;
    background-color: rgba(180, 0, 36, .15)
}

.CLA38821-bar-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 3px;
    animation: buffer 1500ms ease-in-out infinite;
    background-color: #b40024
}

@keyframes buffer {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(200%)
    }
}

#CLA38821 .CLA38821-F-Arial {
    font-family: Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-Times {
    font-family: Times, "Times New Roman", serif
}

#CLA38821 .CLA38821-F-ClarinsRegular {
    font-family: "ClarinsRegular", "Clarins", Times, "Times New Roman", serif
}

#CLA38821 .CLA38821-F-GothamSSmMedium {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-GothamSSmBook {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-GothamLight {
    font-family: "Gotham Light", "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-GothamSSmLight {
    font-family: "Gotham SSm light A", "Gotham SSm light B", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-GothamCondensedBook {
    font-family: "Gotham Condensed Book", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-F-GothamCondensedMedium {
    font-family: "Gotham Condensed Medium", "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif
}

#CLA38821 .CLA38821-flex {
    display: flex
}

#CLA38821 .CLA38821-relative {
    position: relative
}

#CLA38821 .CLA38821.isBlocked {
    overflow: hidden;
    width: 100vw;
    height: 100vh
}

#CLA38821 .CLA38821-hidden {
    display: none
}

#CLA38821 .CLA38821-hidden--mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821-hidden--mobile {
        display: block
    }
}

#CLA38821 .CLA38821-hidden--tablet {
    display: block
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821-hidden--tablet {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821 .CLA38821-hidden--tablet {
        display: block
    }
}

#CLA38821 .CLA38821-hidden--tablet-medium {
    display: block
}

@media only screen and (min-width: 992px) {
    #CLA38821 .CLA38821-hidden--tablet-medium {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821 .CLA38821-hidden--tablet-medium {
        display: block
    }
}

#CLA38821 .CLA38821-hidden--desktop {
    display: block
}

@media only screen and (min-width: 1280px) {
    #CLA38821 .CLA38821-hidden--desktop {
        display: none
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821 .CLA38821-hidden--desktop {
        display: block
    }
}

#CLA38821 .CLA38821-hidden--desktop-medium {
    display: block
}

@media only screen and (min-width: 1440px) {
    #CLA38821 .CLA38821-hidden--desktop-medium {
        display: none
    }
}

#CLA38821 .CLA38821-block {
    display: block
}

#CLA38821 .CLA38821-block--mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821-block--mobile {
        display: none
    }
}

#CLA38821 .CLA38821-block--tablet {
    display: none
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821-block--tablet {
        display: block
    }
}

#CLA38821 .CLA38821-block--tablet-medium {
    display: none
}

@media only screen and (min-width: 992px) {
    #CLA38821 .CLA38821-block--tablet-medium {
        display: block
    }
}

#CLA38821 .CLA38821-block--desktop {
    display: none
}

@media only screen and (min-width: 1280px) {
    #CLA38821 .CLA38821-block--desktop {
        display: block
    }
}

#CLA38821 .CLA38821-block--desktop-medium {
    display: none
}

@media only screen and (min-width: 1440px) {
    #CLA38821 .CLA38821-block--desktop-medium {
        display: block
    }
}

#CLA38821 .CLA38821-margin-Top-0 {
    margin-top: 0
}

#CLA38821 .CLA38821-margin-Top-2 {
    margin-top: .125em
}

#CLA38821 .CLA38821-margin-Top-5 {
    margin-top: .3125em
}

#CLA38821 .CLA38821-margin-Top-10 {
    margin-top: .625em
}

#CLA38821 .CLA38821-margin-Top-15 {
    margin-top: .9375em
}

#CLA38821 .CLA38821-margin-Top-20 {
    margin-top: 1.25em
}

#CLA38821 .CLA38821-wrapper {
    font: inherit;
    position: relative;
    width: 100%;
    min-width: 22.8571428571em;
    height: 100%;
    margin: 0 auto;
    max-width: 1600px
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821-wrapper {
        padding-right: 0;
        padding-left: 0
    }
}

#CLA38821 .CLA38821--dynamic-price[data-price]:before {
    display: none;
    content: attr(data-default);
    font-size: 16px
}

#CLA38821 .CLA38821--dynamic-price[data-price] span {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-size: 16px;
    display: block
}

#CLA38821 .CLA38821--dynamic-price[data-price|="%"]:before,
#CLA38821 .CLA38821--dynamic-price[data-price$="%"]:before,
#CLA38821 .CLA38821--dynamic-price[data-price*=Product]:before,
#CLA38821 .CLA38821--dynamic-price[data-price*=price]:before,
#CLA38821 .CLA38821--dynamic-price[data-price*="N/A"]:before,
#CLA38821 .CLA38821--dynamic-price[data-price=""]:before {
    display: block !important
}

#CLA38821 .CLA38821--dynamic-price[data-price|="%"] span,
#CLA38821 .CLA38821--dynamic-price[data-price$="%"] span,
#CLA38821 .CLA38821--dynamic-price[data-price*=Product] span,
#CLA38821 .CLA38821--dynamic-price[data-price*=price] span,
#CLA38821 .CLA38821--dynamic-price[data-price*="N/A"] span,
#CLA38821 .CLA38821--dynamic-price[data-price=""] span {
    display: none !important
}

#CLA38821 .CLA38821--dynamic-price--small[data-price] {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #787474
}

#CLA38821 .CLA38821--dynamic-price--small[data-price]:before {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    font-size: 12px
}

#CLA38821 .CLA38821--dynamic-price--small[data-price] span {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    font-size: 12px
}

#CLA38821 .CLA38821--dynamic-rate {
    margin-top: 1.4285714286em;
    height: 100%
}

@media only screen and (min-width: 768px) {
    #CLA38821 .CLA38821--dynamic-rate {
        margin-top: .5em
    }
}

#CLA38821 .CLA38821--dynamic-rate svg {
    width: 100%;
    max-width: 90px
}

#CLA38821 .CLA38821--dynamic-rate i {
    font: normal normal normal 14px/1 FontAwesome;
    color: #b40024
}

#CLA38821 .CLA38821-video {
    position: relative
}

#CLA38821 .CLA38821-video>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#CLA38821 .CLA38821-video iframe {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: calc(100% + 4px)
}

#CLA38821 .CLA38821-video picture {
    height: 100%;
    width: 100%
}

#CLA38821 .CLA38821-video * img {
    width: 100%;
    height: 100%
}

#CLA38821 .CLA38821-YMK-module {
    min-width: 17.8571428571em;
    max-width: -moz-max-content;
    max-width: max-content;
    min-height: 100%;
    background-color: #000
}

#CLA38821 .CLA38821-YMK-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 3
}

#CLA38821 .CLA38821-YMK-popup[data-open="1"] {
    display: flex
}

#CLA38821 .CLA38821-YMK-wrapper {
    position: relative;
    background-color: #000;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 50em;
    max-height: 80%;
    z-index: 2;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    border: 0 solid #b40024
}

#CLA38821 .CLA38821-YMK-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .65);
    cursor: not-allowed
}

#CLA38821 .CLA38821-YMK-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

#CLA38821 .CLA38821-YMK-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .7142857143em;
    padding: 1.4285714286em 1.4285714286em
}

#CLA38821 .CLA38821-YMK-content ul li {
    width: 2.1428571429em;
    height: 2.1428571429em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .25);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#CLA38821 .CLA38821-YMK-content ul li a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-indent: -9999px
}

#CLA38821 .CLA38821-YMK-selection {
    display: none;
    background-color: #fff
}

#CLA38821 .CLA38821-YMK-close {
    position: absolute;
    top: -5%;
    right: 0;
    display: none
}

#CLA38821.CLA38821-main .CLA38821-accordions {
    max-width: 90%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-accordions {
        max-width: 90%
    }
}

#CLA38821.CLA38821-main .CLA38821-accordion {
    font-family: inherit;
    transform: translateZ(0)
}

#CLA38821.CLA38821-main .CLA38821-accordion>input {
    position: absolute;
    display: none;
    height: 0;
    transition: all 250ms linear;
    opacity: 0
}

#CLA38821.CLA38821-main .CLA38821-accordion>input:checked~label {
    border-bottom: 1px solid rgba(244, 99, 58, .5);
    color: #f4633a
}

#CLA38821.CLA38821-main .CLA38821-accordion>input:checked~label:after {
    content: "-"
}

#CLA38821.CLA38821-main .CLA38821-accordion>input:checked~section {
    height: initial;
    min-height: auto;
    padding: 1.0714285714em .7142857143em;
    transform: translateY(0);
    opacity: 1
}

#CLA38821.CLA38821-main .CLA38821-accordion>label {
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: block;
    float: none;
    align-items: center;
    height: auto;
    cursor: pointer;
    text-align: left;
    color: inherit;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    text-transform: initial;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    padding: .8571428571em 0 .7142857143em;
    padding-right: 2.1428571429em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-accordion>label {
        font-size: .875em;
        display: block
    }
}

#CLA38821.CLA38821-main .CLA38821-accordion>label:before {
    display: none
}

#CLA38821.CLA38821-main .CLA38821-accordion>label:after {
    font-size: 1.4285714286em;
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    content: "+";
    transform: translateY(-50%);
    text-align: center;
    color: rgba(0, 0, 0, .5)
}

#CLA38821.CLA38821-main .CLA38821-accordion>section {
    padding: 0 .7142857143em;
    overflow: hidden;
    height: 0;
    transition: all 250ms ease-in-out;
    transform: translateY(20px);
    text-align: left;
    opacity: 0
}

#CLA38821.CLA38821-main button:active,
#CLA38821.CLA38821-main button:focus {
    outline: 0 !important
}

#CLA38821.CLA38821-main .CLA38821-titleColor--Orange {
    color: #f4633a
}

#CLA38821.CLA38821-main .CLA38821-titleColor--Green {
    color: #2cd5c4
}

#CLA38821.CLA38821-main .CLA38821-titleColor--Blue {
    color: #5bc2e7
}

#CLA38821.CLA38821-main .CLA38821--dynamic-price {
    font-size: 1em;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif
}

#CLA38821.CLA38821-main .CLA38821--dynamic-price--small {
    font-size: .7857142857em;
    margin-top: .5454545455em
}

#CLA38821.CLA38821-main .CLA38821-carousel {
    text-align: center;
    margin-bottom: 3.1428571429em
}

#CLA38821.CLA38821-main .CLA38821-carousel:not(:has(ul.slick-dots)) {
    margin-bottom: 2.5em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-carousel:not(:has(ul.slick-dots)) {
        margin-bottom: 2.5em
    }
}

@media only screen and (max-width: 480px) {
    #CLA38821.CLA38821-main .CLA38821-carousel:not(:has(ul.slick-dots)) .slick-track {
        padding-bottom: .7142857143em;
        margin-bottom: initial
    }
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-carousel {
        margin-bottom: 4.375em
    }
}

#CLA38821.CLA38821-main .CLA38821-carousel p {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    margin: 1.4285714286em auto
}

#CLA38821.CLA38821-main .CLA38821-carousel img {
    margin-bottom: 1.4285714286em
}

#CLA38821.CLA38821-main .CLA38821-carousel .CLA38821-button {
    margin-top: 1.9285714286em
}

#CLA38821.CLA38821-main .CLA38821-carousel--item {
    display: inline-block;
    width: 90%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-carousel--item {
        width: 100%
    }
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-dots li button,
#CLA38821.CLA38821-main .CLA38821-carousel .slick-next,
#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev {
    color: rgba(0, 0, 0, 0);
    display: block
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-next,
#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev {
    width: 40px;
    height: 40px;
    z-index: 1;
    top: 30%
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-next::before,
#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-next.slick-disabled:before,
#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev.slick-disabled:before {
    opacity: 0
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-next {
    right: 0
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-next::before {
    background-image: url("../images/CLA38821-icon-arrow-next.png")
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev {
    left: 0
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-prev::before {
    background-image: url("../images/CLA38821-icon-arrow-prev.png")
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-dots li button:before {
    opacity: 1;
    color: #fff;
    font-size: 10px
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-dots li.slick-active button:before {
    color: #000
}

#CLA38821.CLA38821-main .CLA38821-carousel .slick-dots {
    bottom: 0em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-carousel .slick-dots {
        bottom: -2.5em
    }
}

#CLA38821.CLA38821-main .CLA38821-txtAlign--center {
    text-align: center
}

#CLA38821.CLA38821-main .CLA38821-txtAlign--center-Mob {
    text-align: center
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-txtAlign--center-Mob {
        text-align: left
    }
}

#CLA38821.CLA38821-main .CLA38821-textContainer {
    margin-bottom: 1.4285714286em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main .CLA38821-textContainer {
        margin-bottom: 1.5em
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-watchnow {
    position: relative;
    padding: 12px 10px;
    border-radius: 4px;
    border: 1px solid #e7e4e2;
    padding-left: 40px;
    background-color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    transition: border 350ms linear
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-watchnow:before {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 22px;
    height: 22px;
    background-image: url(../images/CLA38821-icon-watch.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-watchnow:hover {
    border-color: rgba(244, 99, 58, .5)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore {
    position: relative;
    margin: 0 auto;
    max-height: 64%;
    overflow: hidden;
    padding: 1.5% .7142857143px;
    max-width: 90%;
    display: flex;
    flex-direction: column
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-button=false] [data-type=readmore] {
    display: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-background=false] [data-type=readmore] {
    background-image: none;
    border: 1px solid #e7e4e2
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-readmore {
        max-width: 90%;
        max-height: 90%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-readmore {
        max-height: 90%;
        max-width: 90%
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-readmore {
        max-width: 100%;
        max-height: 100%
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-expand="1"] {
    max-height: 1000vh;
    transition: max-height 500ms ease-in-out
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-expand="1"] [data-type=readmore] {
    position: relative;
    padding-top: 1.4285714286em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-expand="1"] [data-type=readmore]:before {
    content: attr(data-collapsed)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore[data-expand="1"] [data-type=readmore]:after {
    background-image: url(../images/CLA38821-icon-arrow-prev.png);
    transform: rotate(90deg)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore-content {
    overflow: hidden;
    width: 100%;
    height: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore [data-type=readmore] {
    position: absolute;
    cursor: pointer;
    text-align: center;
    background: #fff;
    background: linear-gradient(0deg, rgb(255, 255, 255) 44%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5714285714em;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    padding-top: 3.5714285714em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore [data-type=readmore][data-hidden=true] {
    display: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore [data-type=readmore]:before {
    content: attr(data-expanded);
    padding: 1.2857142857em 2.5em;
    border: 1px solid #e7e4e2;
    border-radius: 5px;
    text-transform: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-readmore [data-type=readmore]:after {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/CLA38821-icon-arrow-next.png);
    transform: rotate(90deg);
    background-size: 105%;
    margin-left: 2px
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel {
    width: 100%;
    margin-top: 1.25em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel img {
    width: auto
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel[data-name*=CAROUSEL-OILY] .slick-track>div,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel[data-name*=CAROUSEL-COMBINATION] .slick-track>div,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel[data-name*=CAROUSEL-DRY] .slick-track>div,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel[data-name*=CAROUSEL-BALANCED] .slick-track>div {
    width: 80%;
    height: auto
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--description {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--description div:nth-child(2) {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    margin-bottom: .2857142857em;
    line-height: 1
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--description div:nth-child(3) {
    font-size: 12px;
    line-height: 1
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item {
        padding: 0;
        max-width: 90%
    }
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item:hover img[data-color] {
        transform: scale(1.025)
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item p {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    margin-top: 1.2857142857em;
    margin-bottom: 1.4285714286em;
    max-width: 12.8571428571em;
    min-height: 2.8571428571em;
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item p {
        margin-top: .75em;
        margin-bottom: .7142857143em
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item a {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-weight: normal;
    margin-top: 1.4285714286em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item img {
    width: 100%;
    max-width: 100%;
    margin-bottom: .7142857143em;
    transition: transform 250ms linear
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item img {
        max-width: 85%
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item img[data-color=blue] {
    background-color: #5bc2e7
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item img[data-color=orange] {
    background-color: #f4633a
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item img[data-color=green] {
    background-color: #2cd5c4
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item h5 {
    font-family: "Gotham Condensed Medium", "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-size: 30px
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=blue] h5,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=blue] h6 {
    color: #5bc2e7
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=orange] h5,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=orange] h6 {
    color: #f4633a
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=green] h5,
#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--item[data-color=green] h6 {
    color: #2cd5c4
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading h6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    margin-bottom: .9375em;
    letter-spacing: -0.5px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading h6 {
        font-size: 15px;
        letter-spacing: -0.5px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading h6 {
        font-size: 17px
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading h6 {
        font-size: 19px
    }
}

@media only screen and (min-width: 1480px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading h6 {
        font-size: 20px
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--heading span {
    display: flex;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1;
    margin-bottom: .3125em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--icon {
    position: relative;
    width: 1.7857142857em;
    height: 1.7857142857em;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    margin-bottom: 1.0714285714em;
    z-index: 10
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--icon:hover .CLA38821-carousel--quote {
    opacity: 1
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--icon[data-icon=gel] {
    background-image: url(../images/CLA38821-fluid.png)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--icon[data-icon=cream] {
    background-image: url(../images/CLA38821-gel.png)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--quote {
    position: absolute;
    top: -19px;
    left: 25px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-image: url(../images/CLA38821-quote.png);
    width: 5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 10px;
    color: #787474;
    padding-bottom: .5em;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    pointer-events: none;
    opacity: 0;
    transition: opacity 250ms linear
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-carousel--quote {
        opacity: 0
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video-link {
    font-size: .7857142857em;
    margin-top: 1.2727272727em;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-video-link {
        font-size: .6875em
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video iframe {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: calc(100% + 4px)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video picture {
    height: 100%;
    width: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-video * img {
    width: 100%;
    height: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-star {
    fill: #b40024;
    stroke: #b40024;
    stroke-width: 1;
    height: auto
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-star--half {
    fill: url(#halfGradient)
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-star--empty {
    fill: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-star-source {
    position: absolute;
    width: 0;
    top: 0
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-panels {
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 768px) {

    #CLA38821.CLA38821-main *[data-name] .CLA38821-panels>div[data-id]:first-child,
    #CLA38821.CLA38821-main *[data-name] .CLA38821-panels>div[data-id]:last-child {
        display: flex;
        visibility: visible !important;
        position: relative !important
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-panels img {
    width: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-panels h6 {
    font-size: 22px;
    line-height: 1;
    margin-top: .3571428571em
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-panels h6 {
        line-height: 1.25
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-panels:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 0;
    display: none
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-panels:after {
        display: block
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.4285714286em;
    padding-right: 1.4285714286em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content {
        margin: 0 auto;
        padding: 0;
        top: 0;
        height: 100%
    }
}

@media only screen and (min-width: 1351px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content {
        height: initial
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content h5 {
    font-size: 30px;
    line-height: 1;
    color: #f4633a;
    margin-bottom: .5em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content h5 {
        font-size: 34px
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content h5 {
        font-size: 38px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content h5 {
        font-size: 42px
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p {
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p {
        max-width: 90%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p {
        max-width: 80%
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p {
        max-width: 94%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p {
        max-width: 75%
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p:has(a[data-tracking*=episod-]) {
    max-width: 100%
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p a {
    text-decoration: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content p a:hover {
    text-decoration: none
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content strong {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: block
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content strong {
        display: initial
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-content a.CLA38821-watchnow {
    margin-top: .625em
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title {
    position: relative;
    top: 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    text-align: center;
    margin-top: 3.2142857143em;
    margin-bottom: 5em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title {
        margin: 0 auto;
        margin-bottom: 2.1428571429em;
        margin-top: 6.5%;
        position: relative
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title {
        margin: 0 auto;
        margin-bottom: 2.8571428571em;
        margin-top: 6.5%
    }
}

@media only screen and (min-width: 1351px) {
    #CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title {
        margin-top: 0;
        top: 6.5%;
        position: absolute
    }
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title:before,
#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title:after {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: 70%;
    height: 1px;
    background-color: #e7e4e2
}

#CLA38821.CLA38821-main *[data-name] .CLA38821-visual-title span {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    min-width: -moz-max-content;
    min-width: max-content;
    display: block;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    margin: 0 1.875em
}

#CLA38821.CLA38821-main *[class*=-row] {
    position: relative
}

#CLA38821.CLA38821-main *[data-name=B1] h2 {
    font-size: 60px;
    line-height: .85;
    font-weight: normal;
    padding-top: .3571428571em;
    padding-bottom: .3571428571em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B1] h2 {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1;
        margin-left: 10%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name=B1] h2 {
        margin-left: 7%
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=B1] h2 {
        margin-left: 23%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name=B1] h2 {
        margin-left: 35%
    }
}

#CLA38821.CLA38821-main *[data-name=B1] h2 span {
    font-size: 42px;
    line-height: 1;
    display: block
}

#CLA38821.CLA38821-main *[data-name="B1.1"] h2 {
    font-size: 1.7142857143em;
    line-height: 1.2;
    padding-top: 1.0714285714em;
    padding-bottom: .3571428571em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] p {
        max-width: 62%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] p {
        max-width: 47%
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] p {
        max-width: 30%
    }
}

#CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
    width: auto;
    margin-top: 2.8571428571em;
    padding-bottom: 2.1428571429em;
    padding-left: 1.4285714286em;
    padding-right: 1.4285714286em;
    gap: .8571428571em 0em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors {
        margin-top: 2.1875em;
        width: -moz-max-content;
        width: max-content;
        padding-right: 0;
        padding-left: 0;
        gap: .5em
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors {
        gap: .9375em
    }
}

#CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors li {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 46%;
    min-height: 100%;
    padding: .875em .3125em;
    cursor: pointer;
    transition: background-color, color 250ms ease-in-out;
    color: #333;
    border: 1.25px solid #e7e4e2;
    border-radius: 2.5em;
    text-align: center
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors li {
        min-width: 13em
    }
}

#CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors li:hover {
    color: #f4633a;
    border-color: #f4633a
}

#CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-readmore a {
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-readmore {
        max-width: 62%
    }
}

#CLA38821.CLA38821-main *[data-name=B2] {
    padding-top: 2.1428571429em;
    padding-bottom: 3.5714285714em;
    color: #fff;
    background-image: url(../images/CLA38821-b2-bg-m.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] {
        background-image: url(../images/CLA38821-b2-bg.jpg);
        padding-top: 3.5714285714em;
        padding-bottom: 4.6428571429em
    }
}

#CLA38821.CLA38821-main *[data-name=B2] a {
    text-decoration: none
}

#CLA38821.CLA38821-main *[data-name=B2] span {
    display: block;
    margin: 25px auto 15px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] span {
        margin: 25px auto 15px
    }
}

#CLA38821.CLA38821-main *[data-name=B2] span b {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: .3571428571em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] span b {
        display: initial;
        margin-bottom: 0
    }
}

#CLA38821.CLA38821-main *[data-name=B2] span a {
    color: #fff
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round {
    font-size: 16px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #fff;
    border-top: 0;
    padding: 60px 20px 30px;
    margin: 90px 20px 0;
    color: #fff
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round {
        padding: 30px 10px 30px 130px;
        border: 1px solid #fff;
        margin-top: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round:before,
#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round span {
    bottom: calc(100% - 45px);
    left: 50%;
    transform: translate(-50%, 0);
    width: 84px;
    height: 85px;
    background-image: url(../images/CLA38821-b2-play.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 768px) {

    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round:before,
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round span {
        left: 30px;
        top: 50%;
        transform: translate(0, -50%)
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round:after {
    position: absolute;
    content: "";
    width: calc(100% + 2px);
    height: 20%;
    border-radius: 10px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: #fff;
    background: linear-gradient(to right, #ffffff 1px, transparent 1px) 0 0, linear-gradient(to right, #ffffff 1px, transparent 1px) 0 100%, linear-gradient(to left, #ffffff 1px, transparent 1px) 100% 0, linear-gradient(to left, #ffffff 1px, transparent 1px) 100% 100%, linear-gradient(to bottom, #ffffff 1px, transparent 1px) 0 0, linear-gradient(to bottom, #ffffff 1px, transparent 1px) 100% 0;
    background-repeat: no-repeat;
    background-size: 36% 100%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-round:after {
        display: none
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    max-height: 500px;
    perspective: 1000px;
    padding: 0 20px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip {
        width: 30%;
        height: 50vw;
        padding: 5% 18px 50px;
        transition: .5s
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip {
        height: 30vw
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-name=LEARN] {
    margin-top: 30px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-name=LEARN] {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] {
        width: 40%;
        transform: translate(0%, -5%)
    }
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] .CLA38821-flip--inner {
        transform: rotateY(180deg)
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] .CLA38821-flip--front h5 {
    opacity: 1
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] .CLA38821-flip--front p {
    transition: none;
    display: block;
    transform: translateY(0);
    opacity: 1;
    height: auto;
    letter-spacing: -0.5px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] .CLA38821-flip--front p {
        letter-spacing: 0
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-active="1"] .CLA38821-flip--front:after {
    background-image: url(../images/CLA38821-b2-minus.png)
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-name=LEARN] .CLA38821-flip--front {
    background-color: #5bc2e7
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-name=LOVE] .CLA38821-flip--front {
    background-color: #f4633a
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip[data-name=APPLY] .CLA38821-flip--front {
    background-color: #2cd5c4
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--inner {
    width: 100%;
    text-align: center;
    transform-style: preserve-3d
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--inner {
        transition: transform .8s
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front,
#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--behind {
    width: 100%;
    backface-visibility: hidden
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 20px 15px;
    height: 100%;
    max-height: 80%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front {
        flex-direction: column;
        justify-content: center;
        padding: 15% 5%;
        position: absolute;
        top: 0;
        transform: rotateY(180deg);
        border-radius: 15px
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front {
        padding: 0 10%
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front:after {
    content: "";
    width: 23px;
    height: 23px;
    background-image: url(../images/CLA38821-b2-plus.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 25px;
    right: 20px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front:after {
        content: unset
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front h5 {
    margin: 0;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-size: 3.4285714286em;
    font-weight: bold
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front h5 {
        font-weight: normal;
        margin: 0 auto 30px;
        font-size: 3.5714285714em
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front h5 {
        margin: 0 auto 50px;
        font-size: 4.2857142857em
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front p {
    text-align: left;
    height: 0;
    padding: 10px 0 0;
    margin: 0;
    transform: translateY(10px);
    opacity: 0;
    transition: .5s;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front p {
        opacity: 1;
        transform: translateY(0);
        text-align: center;
        padding: 0 5%;
        height: -moz-max-content;
        height: max-content
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--front p {
        padding: 0 15%
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--behind {
    display: none
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--behind {
        display: block
    }
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--behind img {
    border-radius: 15px;
    overflow: hidden
}

#CLA38821.CLA38821-main *[data-name=B2] .CLA38821-flip--behind h5 {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-size: 2.1875em;
    padding: 20px 10px;
    text-transform: capitalize
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] {
    padding-top: 3.5714285714em;
    padding-bottom: 2.8571428571em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main section[data-name=HEALTHY] {
        padding-top: 3.5714285714em;
        padding-bottom: 3.5714285714em
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main section[data-name=HEALTHY] h3 {
        max-width: 75%
    }
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 94%;
    padding: 0
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main section[data-name=HEALTHY] p {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main section[data-name=HEALTHY] p {
        max-width: 80%
    }
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] p a {
    text-decoration: none
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] p a:hover {
    text-decoration: none
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] strong {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] a {
    margin-top: .7142857143em
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    text-align: center
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4:before,
#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4:after {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #e7e4e2
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4:before {
    margin-left: .5em
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4:after {
    margin-right: .5em
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] h4 span {
    width: 100%;
    min-width: 85%;
    display: block;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 1.5px;
    margin: 0 .3125em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] h4 span {
        margin: 0 .625em;
        min-width: -moz-max-content;
        min-width: max-content;
        line-height: 1
    }
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-products {
    margin: 0 auto;
    margin-top: 3.5714285714em;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-products {
        margin-top: 4.6875em;
        max-width: 100%
    }
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-products {
        max-width: 80%
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-products {
        max-width: 90%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern {
    position: absolute;
    min-width: 50%;
    pointer-events: none;
    display: none
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern {
        display: block
    }
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern img {
    pointer-events: none;
    max-width: 75%
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern svg {
        transform: scale(0.875);
        transform-origin: center 20%
    }
}

@media only screen and (min-width: 1500px) {
    #CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern svg {
        transform: scale(0.95);
        transform-origin: center 20%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern svg text {
    position: relative;
    color: #000;
    fill: #000;
    font-size: 14%;
    font-family: "Gotham Condensed Book", "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif
}

#CLA38821.CLA38821-main *[data-name][id$=-KEY] .CLA38821-pattern svg text:first-child {
    font-size: 14.5%;
    font-family: "Gotham Condensed Medium", "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif
}

#CLA38821.CLA38821-main *[data-name][id$=OILY-KEY] .CLA38821-pattern {
    top: 45%;
    right: -44%;
    transform: translateY(-50%);
    padding-left: 1.4285714286em;
    text-align: right
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=OILY-KEY] .CLA38821-pattern {
        right: -30%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=OILY-KEY] .CLA38821-pattern {
        right: -60%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name][id$=OILY-KEY] .CLA38821-pattern {
        right: -44%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=OILY-KEY] .CLA38821-pattern svg text:first-child {
    transform: translateX(-0.15px)
}

#CLA38821.CLA38821-main *[data-name][id$=COMBINATION-KEY] .CLA38821-pattern {
    top: 39%;
    left: -48%;
    transform: translateY(-50%);
    padding-left: 1.4285714286em;
    text-align: left
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=COMBINATION-KEY] .CLA38821-pattern {
        top: 41.5%;
        left: -35%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=COMBINATION-KEY] .CLA38821-pattern {
        top: 40%;
        left: -62%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name][id$=COMBINATION-KEY] .CLA38821-pattern {
        left: -48%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=COMBINATION-KEY] .CLA38821-pattern svg text:first-child {
    transform: translateX(0.5px)
}

#CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern {
    top: 43%;
    right: -40%;
    transform: translateY(-50%);
    padding-left: 1.4285714286em;
    text-align: right
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern {
        right: -25%
    }
}

@media only screen and (min-width: 1060px) {
    #CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern {
        right: -18%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern {
        top: 45%;
        right: -45%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern {
        top: 43%;
        right: -40%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern img {
    max-width: 50%
}

#CLA38821.CLA38821-main *[data-name][id$=DRY-KEY] .CLA38821-pattern svg text:first-child {
    transform: translateX(-0.35px)
}

#CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 {
    top: 44%;
    left: -35%;
    transform: translateY(-50%);
    padding-left: 1.4285714286em;
    text-align: left
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 {
        top: 45%;
        left: -20%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 {
        top: 43%;
        left: -44%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 {
        top: 44%;
        left: -35%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 img {
    max-width: 50%
}

#CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern1 svg text:first-child {
    transform: translateX(0.5px)
}

#CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern2 {
    top: 95%;
    right: -70%;
    transform: translateY(-50%);
    padding-left: 1.4285714286em;
    text-align: right
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern2 {
        right: -49%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern2 {
        right: -70%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=BALANCED-KEY] .CLA38821-pattern2 img {
    display: block;
    max-width: 50%
}

#CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern {
    top: 24%;
    left: -47%;
    transform: translateY(-50%) rotate(-35deg);
    padding-left: 1.4285714286em;
    text-align: right;
    z-index: -1
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern {
        left: -40%
    }
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern {
        left: -60%
    }
}

@media only screen and (min-width: 1440px) {
    #CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern {
        left: -47%
    }
}

#CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern svg {
    transform: rotate(35deg);
    transform-origin: initial
}

@media only screen and (min-width: 1200px) {
    #CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern svg {
        transform: rotate(35deg) scale(0.85);
        transform-origin: initial
    }
}

@media only screen and (min-width: 1500px) {
    #CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern svg {
        transform: rotate(35deg) scale(0.95);
        transform-origin: initial
    }
}

#CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern svg text:first-child {
    transform: translateX(0.25px)
}

#CLA38821.CLA38821-main *[data-name][id$=HEALTHY-KEY] .CLA38821-pattern img {
    display: block;
    max-width: 65%;
    transform: rotateY(-180deg)
}

#CLA38821.CLA38821-main *[data-name] .swatchesCircle,
#CLA38821.CLA38821-main *[data-name] .quickviewText {
    display: none
}

#CLA38821.CLA38821-main *[data-name] .product-tile .product-quickshop {
    border: none;
    display: flex
}

#CLA38821.CLA38821-main *[data-name=QUESTION] {
    padding-top: 2.1428571429em;
    padding-bottom: 3.5714285714em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=QUESTION] {
        padding-top: 1.4285714286em;
        padding-bottom: 4.2857142857em
    }
}

#CLA38821.CLA38821-main *[data-name=QUESTION] h3~span {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 2.1428571429em;
    font-size: 16px
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=QUESTION] h3~span {
        margin-bottom: 2.1428571429em
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] {
    margin-left: 1.25em;
    margin-right: 1.25em
}

@media only screen and (min-width: 992px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] {
        max-width: 98.25%;
        margin: 0 auto
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] img {
    max-width: 5.7142857143em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] img {
        max-width: 9.7857142857em;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] img {
        margin-right: 11%
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-button {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid #fff;
    margin: 0 auto;
    text-transform: none
}

#CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-button:hover {
    border-color: #f4633a;
    color: #f4633a
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-button {
        margin: 0
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-bg {
    padding-top: 1.4285714286em;
    padding-bottom: 2.1428571429em;
    color: #fff;
    background-image: url(../images/CLA38821-banner-bg-m.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-bg {
        background-image: url(../images/CLA38821-banner-bg.jpg);
        padding-top: 4.2857142857em;
        padding-bottom: 4.2857142857em
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-bg h3 {
    margin: .3571428571em auto .3571428571em;
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-bg h3 {
        margin: 0 0 .3571428571em;
        align-items: start;
        text-align: left
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-bg p {
    padding: 0;
    margin-bottom: 1.7857142857em
}

@media only screen and (min-width: 1280px) {
    #CLA38821.CLA38821-main *[data-name=BANNER] .CLA38821-banner-content {
        padding-left: 2.25%
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER][data-selected=LEARN] .CLA38821-bg,
#CLA38821.CLA38821-main *[data-name=BANNER][data-selected=APPLY] .CLA38821-bg {
    background-image: url(../images/CLA38821-banner-bg-m.jpg)
}

@media only screen and (min-width: 768px) {

    #CLA38821.CLA38821-main *[data-name=BANNER][data-selected=LEARN] .CLA38821-bg,
    #CLA38821.CLA38821-main *[data-name=BANNER][data-selected=APPLY] .CLA38821-bg {
        background-image: url(../images/CLA38821-banner-bg.jpg)
    }
}

#CLA38821.CLA38821-main *[data-name=BANNER][data-selected=LOVE] .CLA38821-bg {
    background-image: url(../images/CLA38821-banner-bg1-m.jpg)
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=BANNER][data-selected=LOVE] .CLA38821-bg {
        background-image: url(../images/CLA38821-banner-bg1.jpg)
    }
}

#CLA38821.CLA38821-main *[data-name=PERFECT] {
    padding-top: 2.8571428571em;
    padding-bottom: 4.6428571429em
}

@media only screen and (min-width: 768px) {
    #CLA38821.CLA38821-main *[data-name=PERFECT] {
        padding-top: 4.2857142857em;
        padding-bottom: 3.5714285714em
    }
}

#CLA38821.CLA38821-main *[data-name=PERFECT] h4 {
    text-transform: uppercase;
    font-size: 1.5714285714em;
    position: relative
}

#CLA38821.CLA38821-main *[data-name=PERFECT] h4:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #efedec
}

#CLA38821.CLA38821-main *[data-name=PERFECT] h4 span {
    background-color: #fff;
    position: relative;
    padding: 0 15px
}

#CLA38821.CLA38821-main *[data-name=PERFECT] p {
    max-width: 100%;
    line-height: 1.5;
    padding-top: 1.4285714286em
}

#CLA38821.CLA38821-main .eye-care-gift {
    width: 100%;
    margin: 0 auto;
    max-width: 1050px;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 50px;
    box-sizing: border-box
}

#CLA38821.CLA38821-main .eye-care-gift__title {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    color: #333;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Arial, Helvetica, sans-serif;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    font-weight: normal;
    padding: 20px;
    -webkit-font-smoothing: initial
}

#CLA38821.CLA38821-main .eye-care-gift__title::before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #f1f0f0;
    display: block;
    z-index: -1;
    left: 0;
    margin-top: calc(.5em - 1px)
}

#CLA38821.CLA38821-main .eye-care-gift__text {
    margin: 0;
    margin-bottom: 20px;
    padding: 0 20px;
    max-width: 850px;
    font-size: 14px;
    line-height: 1.4em;
    max-height: 81px;
    overflow: hidden;
    display: block;
    position: relative;
    transition: max-height ease-in-out .5s;
    box-sizing: content-box;
    -webkit-font-smoothing: initial
}

#CLA38821.CLA38821-main .eye-care-gift__text a {
    text-decoration: underline;
    -webkit-font-smoothing: initial
}

#CLA38821.CLA38821-main .eye-care-gift[data-expand="1"] .eye-care-gift__text {
    max-height: unset
}

#CLA38821.CLA38821-main .eye-care-gift__text::after {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    background: linear-gradient(to bottom, transparent, white);
    position: absolute;
    transition: opacity ease-in-out .5s;
    opacity: 1;
    pointer-events: none
}

#CLA38821.CLA38821-main .eye-care-gift[data-expand="1"] .eye-care-gift__text::after {
    opacity: 0
}

#CLA38821.CLA38821-main .eye-care-gift[data-expand="0"] .eye-care-gift__less {
    display: none
}

#CLA38821.CLA38821-main .eye-care-gift[data-expand="1"] .eye-care-gift__more {
    display: none
}

#CLA38821.CLA38821-main .eye-care-cta {
    position: relative;
    background-color: #fff !important;
    display: block;
    color: #333;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;
    min-width: 145px;
    text-align: center;
    border-radius: 5px;
    height: 44px !important;
    box-sizing: border-box;
    border: #cfcac9 solid 1px;
    text-transform: unset !important;
    letter-spacing: unset !important;
    margin: 0;
    outline: 0 !important;
    -webkit-font-smoothing: initial
}

#CLA38821.CLA38821-main .eye-care-cta:hover {
    color: #b40024 !important
}

#CLA38821.CLA38821-main .eye-care-cta::after {
    content: " ";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: #b40024 solid 2px;
    opacity: 0;
    left: -2px;
    top: -2px;
    border-radius: 5px;
    pointer-events: none;
    box-sizing: border-box
}

#CLA38821.CLA38821-main .eye-care-cta:hover::after,
#CLA38821.CLA38821-main .eye-care-cta:active::after {
    opacity: 1
}

.breadcrumb,
.offerbumper-loader {
    display: none
}

footer.footer-main {
    margin-top: 0 !important
}

.primary-content {
    padding-bottom: 0
}

#main:not(.main-homepage) {
    padding: 0 !important;
    max-width: 100% !important;
}

#wrapper {
    max-width: 100% !important;
}

#wrapper.pt_category-wide .breadcrumb-container,
#wrapper.pt_category-wide .site-width-slot {
    max-width: 100%;
    margin: 0 auto
}

.product-tile:hover {
    box-shadow: none
}

.go-to-top {
    z-index: 2
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] p {
    font-size: 14px
}

#CLA38821.CLA38821-main section[data-name=HEALTHY] a {
    text-decoration: none !important
}

/*-------------------------------------------------------------------------------*/

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #CLA38821.CLA38821-main [data-name][id$="PRODUCT-KEY"] .CLA38821-carousel .slick-next {
        right: -1.5% !important;
    }
    #CLA38821.CLA38821-main [data-name][id$="PRODUCT-KEY"] .CLA38821-carousel .slick-prev {
        left: -0.5% !important;
    }
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors {
    width: 100%;
    justify-content: center;
    }
    #CLA38821.CLA38821-main *[data-name="B1.1"] .CLA38821-anchors li {
        margin: 0 22px 15px;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    #CLA38821.CLA38821-main [data-name][id$="HEALTHY-KEY"] .CLA38821-pattern {
        left: -359px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    #CLA38821.CLA38821-main .CLA38821-carousel .slick-next {
        right: -20px !important;
    }
    #CLA38821.CLA38821-main .CLA38821-carousel .slick-prev {
        left: -9px !important;
    }
}