@charset "UTF-8";

@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";

@import "https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css";

@import "https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.css";

.flexrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexrow.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flexrow.natural-height {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

    .col.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

.first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.align-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.align-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.col-xs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

.col-xs-0 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
    padding: 0;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-order-0 {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
}

.col-xs-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    padding: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-xs-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    padding: 0;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.col-xs-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0;
}

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

.col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.col-xs-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 0;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.col-xs-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    padding: 0;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.col-xs-6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0;
}

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

.col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.col-xs-7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    padding: 0;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.col-xs-8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    padding: 0;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.col-xs-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0;
}

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

.col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.col-xs-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    padding: 0;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.col-xs-11 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    padding: 0;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}

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

.col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.flexrow.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flexrow.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flexrow.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flexrow.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flexrow.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexrow.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flexrow.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexrow.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-gutter-lr {
    padding: 0 0;
}

.col-no-gutter {
    padding: 0;
}

.show {
    display: block !important;
}

.flexrow.show {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.hide {
    display: none !important;
}

.show-xs {
    display: block !important;
}

.flexrow.show-xs {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

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

.tnf-custom h1.typ-2,
.tnf-custom p,
.tnf-custom legend,
.tnf-custom label,
.tnf-custom .voice,
.tnf-custom ul li,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .field-wrapper .field-help,
.tnf-custom .field-wrapper .invalid,
.tnf-custom .field-wrapper .form-control {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .hneue {
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
}

.tnf-custom .button,
.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom .overline,
.tnf-custom .title,
.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom a,
.tnf-custom .text-link {
    font-family: "HelveticaNeue Cond", helvetica, sans-serif;
    font-weight: 700;
}

.tnf-custom .button {
    letter-spacing: .03em;
    font-weight: 500;
    padding-top: .8547em;
    padding-bottom: .77778em;
}

.tnf-custom h1 {
    font-size: 2.308rem;
}

    .tnf-custom h1.voice {
        font-size: 2.923rem;
        margin-top: 0;
    }

.tnf-custom h2 {
    font-size: 2.154rem;
}

    .tnf-custom h2.voice.fake {
        font-size: 2.923rem;
    }

    .tnf-custom h1.typ-2,
    .tnf-custom h3,
    .tnf-custom h2.voice {
        font-size: 2rem;
    }

        .tnf-custom .overline,
        .tnf-custom h3.voice,
        .tnf-custom .title {
            font-size: 1.385rem;
        }

.tnf-custom h4 {
    font-size: 1.846em;
}

    .tnf-custom h4.voice {
        font-size: 1.846em;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    font-size: 1.846em;
}

.tnf-custom h5,
.tnf-custom .button--extra-large {
    font-size: 1.385em;
}

.tnf-custom h6,
.tnf-custom .product-name.typ-2,
.tnf-custom .price.typ-2,
.tnf-custom a,
.tnf-custom .text-link,
.tnf-custom h1.page-breadcrumb-token {
    font-size: 1.077rem;
}

.tnf-custom .title.typ-2,
.tnf-custom .product-name.typ-3,
.tnf-custom .price.typ-3,
.tnf-custom .button--large {
    font-size: 1.231rem;
}

.tnf-custom p.small,
.tnf-custom ul.small li,
.tnf-custom .button--medium {
    font-size: 1.077rem;
}

.tnf-custom .button--small {
    font-size: .923rem;
}

.tnf-custom .overline,
.tnf-custom p,
.tnf-custom label,
.tnf-custom .title.light,
.tnf-custom ul li {
    font-weight: 300;
}

.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom .product-name.secondary,
.tnf-custom .price.secondary {
    font-weight: 400;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom legend {
    font-weight: 500;
}

.tnf-custom .title {
    font-weight: 700;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6 {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
}

    .tnf-custom h1 sub,
    .tnf-custom h1 sup,
    .tnf-custom h2 sub,
    .tnf-custom h2 sup,
    .tnf-custom h3 sub,
    .tnf-custom h3 sup,
    .tnf-custom h4 sub,
    .tnf-custom h4 sup,
    .tnf-custom h5 sub,
    .tnf-custom h5 sup,
    .tnf-custom h6 sub,
    .tnf-custom h6 sup {
        font-size: 60%;
    }

.tnf-custom .subheader {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    line-height: inherit;
}

.tnf-custom .overline {
    text-transform: uppercase;
}

.tnf-custom h1.typ-2 {
    letter-spacing: normal;
    text-transform: capitalize;
}

.tnf-custom p {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
}

    .tnf-custom p.bold {
        font-weight: 500;
    }

.tnf-custom legend {
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom label {
    font-style: inherit;
    padding-bottom: .8em;
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom .voice {
    letter-spacing: normal;
    font-weight: bold;
}

.tnf-custom .strike {
    text-decoration: line-through;
}

.tnf-custom .title {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
}

    .tnf-custom .title.light {
        text-transform: capitalize;
    }

    .tnf-custom .title.disabled {
        color: #ccc;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: capitalize;
}

    .tnf-custom .product-name.disabled,
    .tnf-custom .price.disabled {
        color: #ccc;
    }

    .tnf-custom .product-name.tnfred {
        color: #e72b1e;
    }

.tnf-custom .price {
    font-weight: 300;
}

    .tnf-custom .price.tnfred {
        color: #e72b1e;
    }

    .tnf-custom .price.bold {
        font-weight: 500;
    }

.tnf-custom a,
.tnf-custom .text-link {
    line-height: 1;
    font-weight: 400;
    color: #2a2a2a;
    text-transform: uppercase;
}

    /*.tnf-custom a:hover,
    .tnf-custom .text-link:hover {
        color: #E72B1E;
    }*/

    .tnf-custom a.medium {
        font-weight: 500;
    }

.tnf-custom p a {
    font-family: inherit;
    text-transform: capitalize;
    font-size: inherit;
    line-height: inherit;
}

.tnf-custom ul li {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
    margin-top: .5em;
    list-style-position: outside;
}

.tnf-custom body {
    background: white;
}

.tnf-custom hr {
    margin: 2em 0 3.4em;
    border-color: #ccc;
    display: none;
}

.tnf-custom .row hr {
    margin: 1em 0 1.2em;
}

.tnf-custom .pdp .columns > div {
    margin: 2em 0;
}

.tnf-custom .row {
    padding-top: 2em;
    margin-bottom: 2em;
    margin-top: 2em;
}

    .tnf-custom .row .row {
        margin-top: 0;
        border-top: 0;
    }

.tnf-custom code {
    font-size: 1rem;
}

body {
    background: white;
}

.tnf-custom .product-lane-view-all.view-all,
.tnf-custom .product-lane-arrow.icon-arrow-right-indicator-open.graphic-js {
    display: none;
}

.tnf-custom a h1,
.tnf-custom a h2,
.tnf-custom a h3,
.tnf-custom a h4,
.tnf-custom a h5,
.tnf-custom a h6 {
    color: inherit;
}

.tnf-custom .product-block .info .rating-container {
    margin: .8em 0;
}

    .tnf-custom .product-block .info .rating-container .rating {
        font-size: .9em;
        color: #2A2A2A;
    }

        .tnf-custom .product-block .info .rating-container .rating .active {
            color: #2A2A2A;
        }

.tnf-custom .pDI {
    padding: 1.692em 0 1.154em;
    background: transparent;
}

.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom p {
    margin-top: 0;
    margin-bottom: 20px;
}

.tnf-custom .button {
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-smooth: antialiased;
    letter-spacing: 0.1rem;
    margin: 3px 0;
    padding-top: .76em;
    padding-bottom: .69em;
    display: block;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

.tnf-custom .button--disabled {
    background-color: #cccccc;
    color: #fff;
    cursor: not-allowed;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

.tnf-custom .button--secondary {
    background-color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    color: white;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

    .tnf-custom .button--secondary:hover {
        opacity: .75;
    }

    .tnf-custom .button--secondary.transparent {
        background: transparent;
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--secondary.transparent.transparent__mob--white {
            border: 1px solid #fff;
            color: #fff;
        }

.tnf-custom .button--primary {
    font-weight: 500;
    border-color: #e72b1e;
    border-width: 1px;
    border-style: solid;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

    .tnf-custom .button--primary.no-border {
        border: none !important;
    }

    .tnf-custom .button--primary:hover {
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

    .tnf-custom .button--primary.alt-1 {
        background-color: #fff;
        color: #000000;
        border: 1px solid #000000;
    }

        .tnf-custom .button--primary.alt-1:hover {
            background: #000000;
            color: #fff;
        }

    .tnf-custom .button--primary.transparent {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

.tnf-custom .button--transparent {
    background-color: rgba(255, 255, 255, 0.75);
    color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

    .tnf-custom .button--transparent:hover {
        background-color: rgba(42, 42, 42, 0.75);
        color: white;
        border-color: white;
        border-width: 1px;
        border-style: solid;
    }

.tnf-custom .button--transparent__inverse {
    background-color: rgba(42, 42, 42, 0.75);
    color: white;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    padding-top: .8547em;
    padding-bottom: .77778em;
    padding-right: 1.55556em;
    padding-left: 1.55556em;
    text-align: center;
}

    .tnf-custom .button--transparent__inverse:hover {
        background-color: rgba(255, 255, 255, 0.75);
        color: #000000;
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

/*
 *################
 *NORTH FACE  BUTTONS
 *################ */

.full-width-row,
.grid_row.section .row.full-width-row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pos-relative {
    position: relative;
}

.cq-Overlay--component-name {
    color: #000;
}

/* * CSS
 *
 * */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    background: #fff;
}

.garnish-full-width {
    background-color: transparent !important;
}

.media.image-overlay .overlay .wrapper {
    padding: 0 !important;
}

.basecomponent.section.grid_row,
.garnish-wrapper {
    background: #fff;
}

.customhtml2 .garnish-full-width {
    margin: 0;
    padding: 0;
    background: #fff;
}

    .customhtml2 .garnish-full-width .row .row {
        margin-left: 0;
        margin-right: 0;
    }

.grid_row.section .row.expanded {
    max-width: none;
}

.grid_row.section .row .column,
.grid_row.section .row .columns {
    padding-left: 0;
    padding-right: 0;
}

ul.tnf-8-1-accordion {
    margin-left: 0 !important;
}

.overflow-cont {
    overflow: hidden;
}

.autoAlpha0 {
    opacity: 0;
    visibility: hidden;
}

img.wide {
    width: 100%;
}

.spacer10 {
    min-height: 10px;
}

.spacer20 {
    min-height: 20px;
}

.spacer30 {
    min-height: 30px;
}

.spacer40 {
    min-height: 40px;
}

.spacer50 {
    min-height: 50px;
}

.spacer60 {
    min-height: 60px;
}

.spacer70 {
    min-height: 70px;
}

.spacer80 {
    min-height: 80px;
}

.spacer90 {
    min-height: 90px;
}

.spacer100 {
    min-height: 100px;
}

.anchorpoint {
    cursor: pointer;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.red {
    color: #dc241f !important;
}

.uppercase {
    text-transform: uppercase;
}

    .uppercase a,
    .uppercase b,
    .uppercase strong {
        text-transform: uppercase !important;
    }

.noUppercase,
.nouppercase {
    text-transform: none;
}

.capitalize {
    text-transform: capitalize;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700 !important;
}

.onlymob,
.onlytab {
    display: none;
}

.nomob,
.notab {
    display: block;
}

.glow {
    text-shadow: 2px 2px 10px #fff;
}

.mb0 {
    margin-bottom: 0 !important;
}

.maxCont1920 {
    width: 100%;
    max-width: 2080px;
    margin: 0 auto;
    position: relative;
}

.maxCont1680 {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    position: relative;
}

.maxCont1440 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.maxCont1366 {
    width: 100%;
    max-width: 1526px;
    margin: 0 auto;
    position: relative;
}

.maxCont1280 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.maxCont1180 {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
}

.maxCont1170 {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
}

.maxCont1108 {
    width: 100%;
    max-width: 1268px;
    margin: 0 auto;
    position: relative;
}

.maxCont950 {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
}

.maxCont900 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}

.maxCont700 {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}

.fullLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.tnf-banner {
    position: relative;
}

    .tnf-banner.tnf-custom button.button {
        width: 100%;
        outline: none;
    }

    .tnf-banner.tnf-custom p {
        line-height: 1.2;
    }

    .tnf-banner .button-cont {
        z-index: 99;
    }

    .tnf-banner picture img {
        width: 100%;
    }

    .tnf-banner .tnf-cont.nopadding {
        padding: 0 !important;
    }

    .tnf-banner.big-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5em;
    }

        .tnf-banner.big-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.big-banner .tnf-cont.align-top {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .tnf-banner.big-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .tnf-banner.big-banner .tnf-cont.align-left h1,
            .tnf-banner.big-banner .tnf-cont.align-left h2,
            .tnf-banner.big-banner .tnf-cont.align-left h3,
            .tnf-banner.big-banner .tnf-cont.align-left p {
                text-align: left;
            }

        .tnf-banner.big-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            .tnf-banner.big-banner .tnf-cont.align-right h1,
            .tnf-banner.big-banner .tnf-cont.align-right h2,
            .tnf-banner.big-banner .tnf-cont.align-right h3,
            .tnf-banner.big-banner .tnf-cont.align-right p {
                text-align: right;
            }

        .tnf-banner.big-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.big-banner .tnf-cont.align-center h1,
            .tnf-banner.big-banner .tnf-cont.align-center h2,
            .tnf-banner.big-banner .tnf-cont.align-center h3,
            .tnf-banner.big-banner .tnf-cont.align-center p {
                text-align: center;
            }

        .tnf-banner.big-banner .tnf-cont.pull-right {
            padding-left: 25%;
        }

    .tnf-banner.small-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.7em;
    }

        .tnf-banner.small-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.small-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .tnf-banner.small-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

        .tnf-banner.small-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.small-banner .tnf-cont.align-center h1,
            .tnf-banner.small-banner .tnf-cont.align-center h2,
            .tnf-banner.small-banner .tnf-cont.align-center p {
                text-align: center;
            }

.hotspot {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

    .hotspot:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.size-chart-link {
    display: none;
}

    .size-chart-link.active {
        display: inline-block;
    }

.size-chart {
    margin-top: 15px;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #bebebe solid;
}

.size-chart__label {
    font-family: HelveticaNeue Cond,helvetica,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 5px;
}

#CQ-quickview button {
    outline: none;
}

#CQ-quickview.active .CQ__overlay {
    opacity: 1;
    visibility: visible;
}

#CQ-quickview.useTransition .CQ__container {
    -webkit-transition: opacity .35s, height .35s, -webkit-transform .35s;
    transition: opacity .35s, height .35s, -webkit-transform .35s;
    transition: transform .35s, opacity .35s, height .35s;
    transition: transform .35s, opacity .35s, height .35s, -webkit-transform .35s;
}

#CQ-quickview.useTransition .CQ__overlay {
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s;
}

.CQ--desc {
    display: none;
}

.CQ__loader {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

    .CQ__loader.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.CQ__close {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}

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

    .CQ__close:hover {
        opacity: .5;
    }

    .CQ__close:hover,
    .CQ__close:focus {
        background: transparent;
    }

    .CQ__close span {
        width: 2px;
        height: 20px;
        background-color: #979797;
        position: absolute;
        top: 50%;
        bottom: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .CQ__close span:nth-of-type(1) {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .CQ__close span:nth-of-type(2) {
            -webkit-transform: translate(-50%, -50%) rotate(-135deg);
            transform: translate(-50%, -50%) rotate(-135deg);
        }

.CQ__container {
    z-index: 99999;
    background-color: #fff;
    padding: 15px;
    top: 0;
}

.CQ__overlay {
    position: fixed;
    z-index: 99998;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.CQ__title {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.36px;
    color: #2a2a2a;
    font-weight: 700;
    margin-bottom: 10px;
}

.CQ__title--mob {
    max-width: calc(100% - 50px);
}

.CQ__description {
    display: none;
}

.CQ__price {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.33px;
    font-weight: 500;
}

.CQ__sizes-wrap {
    position: relative;
}

.CQ__inseam-container {
    display: none;
    margin-bottom: 20px;
}

    .CQ__inseam-container.active {
        display: block;
    }

.CQ__sizes,
.CQ__inseam {
    margin-top: 10px;
    overflow: hidden;
}

.CQ__sizes__item,
.CQ__inseam__item {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    height: 42px;
    line-height: 42px;
    min-height: 42px;
    padding: 0 10px;
    width: auto;
    color: #2a2a2a;
    font-family: HelveticaNeue Cond,helvetica,sans-serif;
    font-size: 1.23077rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #2a2a2a;
    float: left;
    letter-spacing: 0;
    margin: 0 10px 10px 0;
    min-width: 45px;
    background: #fff;
    -webkit-transition: background .35s, color .35s;
    transition: background .35s, color .35s;
}

    .CQ__sizes__item::-moz-focus-inner,
    .CQ__inseam__item::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .CQ__sizes__item:hover,
    .CQ__inseam__item:hover {
        background: #fff;
        color: #2a2a2a;
        -webkit-box-shadow: 0 0 0 1px #2a2a2a inset;
        box-shadow: 0 0 0 1px #2a2a2a inset;
    }

.CQ__sizes__item--disabled,
.CQ__inseam__item--disabled {
    opacity: .3;
    pointer-events: none;
}

.CQ__sizes__item--selected,
.CQ__inseam__item--selected {
    background: #2a2a2a !important;
    color: #fff !important;
}

.CQ__inseam-wrap {
    position: relative;
}

.CQ__sizes-header__title__size,
.CQ__sizes-header__title__waist {
    display: none;
}

    .CQ__sizes-header__title__size.active,
    .CQ__sizes-header__title__waist.active {
        display: inline-block;
    }

.CQ__color-header__title,
.CQ__color-header__label,
.CQ__sizes-header__title,
.CQ__sizes-header__label,
.CQ__inseam-header__title,
.CQ__inseam-header__label {
    font-family: "HelveticaNeue Cond",helvetica,sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.CQ__color-header__title,
.CQ__sizes-header__title,
.CQ__inseam-header__title {
    font-weight: 700;
    margin-right: 5px;
    position: relative;
}

    .CQ__color-header__title:after,
    .CQ__sizes-header__title:after,
    .CQ__inseam-header__title:after {
        content: ':';
        position: absolute;
        right: 0;
        right: -10px;
        font-weight: 300;
    }

.CQ__color-header__label,
.CQ__sizes-header__label,
.CQ__inseam-header__label {
    font-weight: 300;
    margin-left: 10px;
}

.CQ__color {
    display: inline-block;
    margin-top: 15px;
}

.CQ__color__item {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    margin-right: 13px;
    border: 2px transparent solid;
}

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

    .CQ__color__item:hover {
        border: 2px #2a2a2a solid;
    }

.CQ__color__item--disabled {
    opacity: .3;
    pointer-events: none;
}

.CQ__color__item--selected {
    border: 2px #2a2a2a solid;
}

.CQ__color__image {
    max-width: 50px;
}

.CQ__sizes-legend,
.CQ__inseam-legend {
    display: none;
    border-radius: 0;
    border: 2px solid #a21a10;
    background: #fff;
    color: #a21a10;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    z-index: 1007;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.CQ__sizes-legend__content,
.CQ__inseam-legend__content {
    padding: 8px 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}

.CQ__sizes-legend .pdp-error-icon:before,
.CQ__inseam-legend .pdp-error-icon:before {
    margin-top: 0;
    content: "?";
}

.CQ__sizes-legend .error-message,
.CQ__inseam-legend .error-message {
    line-height: 30px;
    margin-left: 6px;
}

.CQ__sizes-legend.active,
.CQ__inseam-legend.active {
    display: block;
}

.CQ__gallery {
    position: relative;
}

.CQ__gallery__top img {
    width: 100%;
}

.CQ__gallery__top .swiper-pagination {
    margin-top: 20px;
    left: 0;
    right: 0;
    text-align: right;
    position: static;
}

.CQ__gallery__top .swiper-pagination-bullet {
    margin: 0 3px;
}

.CQ__gallery__top .swiper-pagination-bullet-active {
    background-color: #2a2a2a;
}

.CQ__gallery__bottom {
    width: 100%;
    max-width: 250px;
    margin: auto;
    position: relative;
    margin-top: 15px;
}

    .CQ__gallery__bottom .swiper-slide {
        text-align: center;
    }

        .CQ__gallery__bottom .swiper-slide img {
            border: 3px transparent solid;
            max-width: 70px;
        }

    .CQ__gallery__bottom .swiper-slide-thumb-active img {
        border: 3px #2a2a2a solid;
    }

.CQ__gallery__btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2a2a2a;
}

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

    .CQ__gallery__btn:hover,
    .CQ__gallery__btn:focus {
        background: transparent;
        color: #2a2a2a;
        outline: none;
    }

    .CQ__gallery__btn:after {
        content: "?";
        line-height: 1;
        text-transform: uppercase;
        font-family: "icomoon" !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        font-size: 1.38462rem;
    }

.CQ__gallery__btn--prev {
    left: -30px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.CQ__gallery__btn--next {
    right: -30px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.CQ__gallery__btn.swiper-button-disabled {
    opacity: .2;
}

.CQ__accordion {
    margin-top: 20px;
}

.CQ__accordion__header {
    padding-bottom: 1.53846rem;
    padding-top: 1.53846rem;
    border-top: 1px solid #bebebe;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    color: #2a2a2a;
    font-family: "HelveticaNeue Cond",helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.38462rem;
    letter-spacing: .03em;
}

    .CQ__accordion__header:after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "?";
        line-height: 1;
        text-transform: uppercase;
        font-family: "icomoon" !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
    }

    .CQ__accordion__header.active:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .CQ__accordion__header h3 {
        color: #2a2a2a;
        font-family: "HelveticaNeue Cond",helvetica,sans-serif;
        font-weight: 700;
        font-size: 1.38462rem;
        letter-spacing: .03em;
        line-height: 1;
        text-transform: uppercase;
    }

.CQ__accordion__content {
    display: none;
    padding-bottom: 20px;
}

.CQ__accordion__benfits,
.CQ__accordion__details,
.CQ__accordion__features {
    display: none;
}

    .CQ__accordion__benfits.active,
    .CQ__accordion__details.active,
    .CQ__accordion__features.active {
        display: block;
    }

.CQ__accordion__benfits__item,
.CQ__accordion__details__item,
.CQ__accordion__features__item {
    padding: 10px 10px 5px 0;
}

.CQ__accordion__benfits__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.CQ__accordion__benfits__sx {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.CQ__accordion__benfits__dx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

.CQ__accordion__benfits__title {
    font-size: 1.23077rem;
    padding-bottom: 10px;
}

.CQ__accordion__benfits__body {
    font-size: 1.07692rem;
}

.CQ__accordion__details__description p {
    font-size: 1.07692rem;
}

.CQ__accordion__details__item {
    font-family: "HelveticaNeue",helvetica,sans-serif;
    width: 100%;
    margin-left: 1.25rem;
}

.CQ__accordion__details__sx {
    letter-spacing: .04rem;
    line-height: 1.5;
    font-style: normal;
    text-transform: capitalize;
    margin-right: 5px;
    font-size: 1.07692rem;
    font-weight: 500;
}

.CQ__accordion__details__dx {
    font-weight: 300;
    letter-spacing: .04rem;
    line-height: 1.5;
    font-style: normal;
    text-transform: capitalize;
    font-size: 1.07692rem;
    margin-bottom: 0;
}

.CQ__accordion__details__dx--style {
    text-transform: uppercase;
}

.CQ__accordion__features .CQ__accordion__content ul {
    list-style: disc;
    padding-left: 1em;
}

.CQ__accordion__features .CQ__accordion__content li {
    margin-bottom: 15px;
}

#CQ-submit {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    min-width: 140px;
    padding: 13px 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.4px;
    text-align: center;
    width: 100%;
    background-color: #2a2a2a;
    color: #fff;
    position: relative;
}

    #CQ-submit::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    #CQ-submit:hover {
        background-color: rgba(42, 42, 42, 0.75);
    }

    #CQ-submit .CQ-submit__add {
        display: block;
        pointer-events: none;
    }

    #CQ-submit .CQ-submit__out {
        display: none;
        pointer-events: none;
    }

    #CQ-submit.outOfStock {
        pointer-events: none;
        opacity: .5;
    }

        #CQ-submit.outOfStock .CQ-submit__add {
            display: none;
        }

        #CQ-submit.outOfStock .CQ-submit__out {
            display: block;
        }

.lds-dual-ring {
    display: inline-block;
    width: 60px;
    height: 60px;
    pointer-events: none;
}

#CQ-submit .lds-dual-ring {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

    #CQ-submit .lds-dual-ring.active {
        display: inline-block;
    }

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 60px;
    height: 60px;
    margin: 4px 10px;
    border-radius: 50%;
    border: 4px solid #bebebe;
    border-color: #bebebe #f3f1f1 #bebebe #f3f1f1;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite;
    margin: 0;
}

#CQ-submit .lds-dual-ring:after {
    width: 30px;
    height: 30px;
    opacity: .6;
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hover--white:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
    opacity: 1 !important;
}

footer.extended {
    margin-top: 0;
}

.utmb-container {
    background: #fff;
}

    .utmb-container .tnf-banner {
        margin-bottom: 0;
    }

    .utmb-container .media-cont {
        width: 100%;
        position: relative;
    }

        .utmb-container .media-cont img,
        .utmb-container .media-cont video {
            width: 100%;
        }

    .utmb-container .overlay-cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.sus-container p b {
    font-family: "HelveticaNeue", helvetica, sans-serif;
    font-weight: 700;
}

.sus-container p a {
    color: inherit;
    font-weight: inherit;
    text-transform: none;
}

    .sus-container p a:hover {
        color: inherit;
    }

.sus-container a {
    text-transform: none;
}

.sus-container .fw-500 {
    font-weight: 500 !important;
    text-transform: none;
}

.sus-container .fw-400 {
    font-weight: 400 !important;
    text-transform: none;
}

.sus-container .fw-300 {
    font-weight: 300 !important;
    text-transform: none;
}

.sus-container .sus-90 {
    font-size: 90px !important;
}

.sus-container .sus-52 {
    font-size: 52px !important;
    line-height: 1.2;
}

.sus-container .sus-42 {
    font-size: 42px !important;
    line-height: 1.2;
}

.sus-container .sus-32 {
    font-size: 32px !important;
    line-height: 1.2;
}

.tnf-custom .form-container sup {
    color: inherit !important;
    text-decoration: none !important;
}

.form-container p,
.form-container span,
.msg-cont p,
.msg-cont span {
    color: #fff !important;
}

#subscribeForm .flexrow {
    max-width: 800px;
}

    #subscribeForm .flexrow .col-xs-12 {
        padding: 0;
    }

    #subscribeForm .flexrow p,
    #subscribeForm .flexrow span {
        text-align: left;
        color: #fff;
    }

#subscribeForm #emailField {
    margin-bottom: 1rem;
}

#subscribeForm .privacyLink {
    text-transform: none;
    text-decoration: none;
    margin-top: 0;
    font-size: 11px;
    line-height: 1;
    border-bottom: 1px solid white;
    display: inline-block;
    margin-bottom: 1rem;
}

#subscribeForm #privacyCopy {
    margin-left: .76923rem;
    display: inline;
    font-size: 11px;
    line-height: 1;
}

#subscribeForm #genderDisclaimer {
    font-size: 11px;
    line-height: 1;
}

#subscribeForm label[for='legalFlag'] {
    padding-bottom: 0.5rem;
}

#subscribeForm input#legalFlag {
    margin-bottom: 0;
    margin-right: 0;
}

#subscribeForm #buttonContainer .button {
    width: 49%;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
}

    #subscribeForm #buttonContainer .button:not(.button--disabled) {
        color: black;
        background: #fff;
    }

    #subscribeForm #buttonContainer .button:hover {
        border-color: #000;
        background: #000;
        color: #fff;
        opacity: 1;
    }

    #subscribeForm #buttonContainer .button.button--disabled {
        pointer-events: none;
    }

.tnf-custom .field-wrapper .field-help,
.tnf-custom .field-wrapper .form-control {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .field-wrapper-notes .form-control,
.tnf-custom .form-container .invalid {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .checkout-form {
    margin-bottom: 2em;
}

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

.tnf-custom .form-container sup {
    color: #e72b1e;
    font-size: 1em;
    top: -2px;
}

.tnf-custom .form-container .invalid {
    margin-top: -10px;
    color: #e72b1e;
}

.tnf-custom .form-container .email-form {
    padding-right: 1em !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tnf-custom .field-label {
    font-size: .85em;
    padding-left: .85em;
    z-index: 1;
    padding-top: .25em;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s;
    font-weight: 600;
}

.tnf-custom .field-label-visible .form-control {
    padding-top: 1.4em;
    padding-bottom: 0.35714em;
}

.tnf-custom .field-label-visible .form-select {
    padding-top: 0.35714em !important;
    padding-bottom: 0.35714em;
}

.tnf-custom .field-label-visible .email-form {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tnf-custom .field-label-visible .field-label {
    opacity: 1;
    visibility: visible;
}

.tnf-custom .css-only-form:focus {
    padding-top: 1.4em;
    padding-bottom: 0.35714em;
}

.tnf-custom .field-label-alt {
    color: #959595;
    padding-left: .5em;
    font-size: 1.2em;
    top: 10px;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    -moz-transition: .1s ease-out all;
    -webkit-transition: 0.1s ease-out all;
}

.tnf-custom .field-wrapper-notes .form-control {
    min-width: 300px;
    display: block;
    height: 3.4rem;
    float: left;
    position: relative;
    border-radius: 2px;
    background-color: #fff;
    border: 2px solid #ccc;
    font-size: 1.25em;
}

    .tnf-custom .field-wrapper-notes .form-control:-ms-input-placeholder,
    .tnf-custom .field-wrapper-notes .form-control::-ms-input-placeholder {
        color: grey;
        font-weight: 300;
        letter-spacing: 0.04em;
    }

    .tnf-custom .field-wrapper-notes .form-control:-ms-input-placeholder,
    .tnf-custom .field-wrapper-notes .form-control::placeholder {
        color: grey;
        font-weight: 300;
        letter-spacing: 0.04em;
    }

    .tnf-custom .field-wrapper-notes .form-control::moz-selection,
    .tnf-custom .field-wrapper-notes .form-control::-moz-selection,
    .tnf-custom .field-wrapper-notes .form-control::-moz-selection {
        background: #ccc;
    }

    .tnf-custom .field-wrapper-notes .form-control::moz-selection,
    .tnf-custom .field-wrapper-notes .form-control::-moz-selection,
    .tnf-custom .field-wrapper-notes .form-control::selection {
        background: #ccc;
    }

    .tnf-custom .field-wrapper-notes .form-control:hover {
        border: 2px solid #959595;
    }

    .tnf-custom .field-wrapper-notes .form-control:focus {
        border: 2px solid #2a2a2a;
    }

.tnf-custom .field-wrapper {
    position: relative;
    width: 100%;
}

    .tnf-custom .field-wrapper.field-half {
        width: 50%;
        float: left;
    }

        .tnf-custom .field-wrapper.field-half:nth-child(odd) {
            padding-right: 1em;
        }

    .tnf-custom .field-wrapper.field--three-eigths {
        width: 37.5%;
        float: left;
    }

        .tnf-custom .field-wrapper.field--three-eigths:nth-child(n+2) {
            padding-right: 1em;
        }

    .tnf-custom .field-wrapper.field-quarter {
        width: 25%;
        float: left;
    }

    .tnf-custom .field-wrapper .field-help {
        opacity: 0;
        color: #959595;
        display: inline;
        top: -6px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .tnf-custom .field-wrapper .checkbox {
        border-radius: 2px;
        width: 1.25em;
        height: 1.25em;
        border: 2px solid #ccc;
        margin-right: .76923rem;
    }

        .tnf-custom .field-wrapper .checkbox:checked {
            border: 2px solid #e72b1e;
        }

        .tnf-custom .field-wrapper .checkbox:not(:checked):hover {
            border: 2px solid #959595;
            cursor: pointer;
        }

        .tnf-custom .field-wrapper .checkbox:checked::after {
            background: #e72b1e;
            border: 2px solid #E72B1F;
            color: #fff;
            line-height: 1;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .tnf-custom .field-wrapper .radio {
        border: 1px solid #ccc;
        margin-top: .01em;
        margin-right: 0;
        width: 1.25em;
        height: 1.25em;
    }

        .tnf-custom .field-wrapper .radio:checked {
            border: 2px solid #2a2a2a;
        }

        .tnf-custom .field-wrapper .radio:not(:checked):hover {
            border: 2px solid #959595;
            cursor: pointer;
        }

        .tnf-custom .field-wrapper .radio:checked::after {
            background: #e72b1e;
            width: 12px;
            height: 12px;
        }

    .tnf-custom .field-wrapper .field-help-control:focus ~ .field-help {
        opacity: 1;
        top: -12px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .tnf-custom .field-wrapper .form-control {
        display: block;
        height: 3.5rem;
        float: left;
        position: relative;
        font-size: 1.231rem;
        border-radius: 2px;
        background-color: #fff;
        border: 2px solid #ccc;
        -webkit-transition: all 0.1s ease-in-out 0s;
        transition: all 0.1s ease-in-out 0s;
    }

        .tnf-custom .field-wrapper .form-control:-ms-input-placeholder,
        .tnf-custom .field-wrapper .form-control::-ms-input-placeholder {
            color: grey;
            font-weight: 300;
            letter-spacing: 0.04em;
        }

        .tnf-custom .field-wrapper .form-control:-ms-input-placeholder,
        .tnf-custom .field-wrapper .form-control::placeholder {
            color: grey;
            font-weight: 300;
            letter-spacing: 0.04em;
        }

        .tnf-custom .field-wrapper .form-control:active ~ .field-label-alt,
        .tnf-custom .field-wrapper .form-control:focus ~ .field-label-alt {
            font-size: .85em;
            padding-left: .85em;
            margin-top: -5px;
            color: #959595;
            -webkit-transition: all .25s ease-in-out 0s;
            transition: all .25s ease-in-out 0s;
            font-weight: 500;
            visibility: visible;
            opacity: 1;
        }

        .tnf-custom .field-wrapper .form-control::moz-selection,
        .tnf-custom .field-wrapper .form-control::-moz-selection,
        .tnf-custom .field-wrapper .form-control::-moz-selection {
            background: #ccc;
        }

        .tnf-custom .field-wrapper .form-control::moz-selection,
        .tnf-custom .field-wrapper .form-control::-moz-selection,
        .tnf-custom .field-wrapper .form-control::selection {
            background: #ccc;
        }

        .tnf-custom .field-wrapper .form-control:hover {
            border: 2px solid #959595;
        }

        .tnf-custom .field-wrapper .form-control:not(:placeholder-shown) ~ .field-label-alt {
            font-size: .85em;
            padding-left: .85em;
            margin-top: -5px;
            color: #959595;
            -webkit-transition: all .25s ease-in-out 0s;
            transition: all .25s ease-in-out 0s;
            font-weight: 500;
            visibility: visible;
            opacity: 1;
        }

        .tnf-custom .field-wrapper .form-control:active {
            border: 2px solid #2a2a2a;
        }

        .tnf-custom .field-wrapper .form-control.border-heavy:focus {
            border: 2px solid #2a2a2a !important;
        }

        .tnf-custom .field-wrapper .form-control:focus {
            border: 2px solid #2a2a2a;
        }

        .tnf-custom .field-wrapper .form-control.invalid-error,
        .tnf-custom .field-wrapper .form-control.invalid-error-alt {
            border: 2px solid #e72b1e;
        }

            .tnf-custom .field-wrapper .form-control.invalid-error:focus,
            .tnf-custom .field-wrapper .form-control.invalid-error:hover {
                border: 2px solid #e72b1e;
            }

        .tnf-custom .field-wrapper .form-control:invalid {
            border: 2px solid #e72b1e;
        }

        .tnf-custom .field-wrapper .form-control:valid ~ .invalid-error {
            display: none;
            visibility: hidden;
            color: #e72b1e;
            margin-top: -20px;
            -webkit-transition: all .1s ease-in-out 0s;
            transition: all .1s ease-in-out 0s;
            position: relative;
        }

        .tnf-custom .field-wrapper .form-control:invalid ~ .invalid-error {
            display: inline-block;
            margin-top: -5px;
            padding-bottom: 1em;
            -webkit-transition: all .1s ease-in-out 0s;
            transition: all .1s ease-in-out 0s;
            color: #e72b1e;
        }

        .tnf-custom .field-wrapper .form-control.invalid-error-altbg {
            border: 2px solid #e72b1e;
            background: #FEF4f4;
        }

        .tnf-custom .field-wrapper .form-control.text-area {
            min-width: 300px;
        }

.vipeak-button {
    margin-bottom: 2rem !important;
    margin-bottom-max-width: 300px;
}

.lozad {
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.lozad--toload {
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
}

    .lozad--toload.lozad--fromBottom {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

    .lozad--toload.lozad--fromScale {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.lozad--inview {
    opacity: 1;
}

    .lozad--inview.lozad--fromBottom {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .lozad--inview.lozad--fromScale {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.menu-sticky {
    width: 100%;
    height: 100px;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(0%, #313131), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, black 0%, #313131 0%, rgba(0, 0, 0, 0) 100%);
    margin-top: -200px;
    z-index: 20;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    position: fixed;
    bottom: 0;
    opacity: 0;
}

    .menu-sticky .sticky_nav {
        border-right: 1px solid #fff;
        width: 14.2%;
        cursor: pointer;
    }

        .menu-sticky .sticky_nav:last-child {
            border-right: none;
        }

.scroll-down-arrow {
    z-index: 10;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: none;
}

    .scroll-down-arrow p,
    .scroll-down-arrow .fa {
        color: #fff;
        margin: 0 auto;
        font-weight: 400;
    }

    .scroll-down-arrow .fa {
        font-size: 20px;
    }

.flexrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexrow.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flexrow.natural-height {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

    .col.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

.first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.align-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.align-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.col-xs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

.col-xs-0 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
    padding: 0;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-order-0 {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
}

.col-xs-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    padding: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-xs-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    padding: 0;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.col-xs-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0;
}

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

.col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.col-xs-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 0;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.col-xs-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    padding: 0;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.col-xs-6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0;
}

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

.col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.col-xs-7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    padding: 0;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.col-xs-8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    padding: 0;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.col-xs-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0;
}

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

.col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.col-xs-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    padding: 0;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.col-xs-11 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    padding: 0;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}

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

.col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.flexrow.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flexrow.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flexrow.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flexrow.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flexrow.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexrow.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flexrow.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexrow.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-gutter-lr {
    padding: 0 0;
}

.col-no-gutter {
    padding: 0;
}

.show {
    display: block !important;
}

.flexrow.show {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.hide {
    display: none !important;
}

.show-xs {
    display: block !important;
}

.flexrow.show-xs {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

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

.tnf-custom h1.typ-2,
.tnf-custom p,
.tnf-custom legend,
.tnf-custom label,
.tnf-custom .voice,
.tnf-custom ul li,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .field-wrapper .field-help,
.tnf-custom .field-wrapper .invalid,
.tnf-custom .field-wrapper .form-control {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .hneue {
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
}

.tnf-custom .button,
.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom .overline,
.tnf-custom .title,
.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom a,
.tnf-custom .text-link {
    font-family: "HelveticaNeue Cond", helvetica, sans-serif;
    font-weight: 700;
}

.tnf-custom .button {
    letter-spacing: .03em;
    font-weight: 500;
}

.tnf-custom h1 {
    font-size: 2.308rem;
}

    .tnf-custom h1.voice {
        font-size: 2.923rem;
        margin-top: 0;
    }

.tnf-custom h2 {
    font-size: 2.154rem;
}

    .tnf-custom h2.voice.fake {
        font-size: 2.923rem;
    }

    .tnf-custom h1.typ-2,
    .tnf-custom h3,
    .tnf-custom h2.voice {
        font-size: 2rem;
    }

        .tnf-custom .overline,
        .tnf-custom h3.voice,
        .tnf-custom .title {
            font-size: 1.385rem;
        }

.tnf-custom h4 {
    font-size: 1.846em;
}

    .tnf-custom h4.voice {
        font-size: 1.846em;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    font-size: 1.846em;
}

.tnf-custom h5,
.tnf-custom .button--extra-large {
    font-size: 1.385em;
}

.tnf-custom h6,
.tnf-custom .product-name.typ-2,
.tnf-custom .price.typ-2,
.tnf-custom a,
.tnf-custom .text-link,
.tnf-custom h1.page-breadcrumb-token {
    font-size: 1.077rem;
}

.tnf-custom .title.typ-2,
.tnf-custom .product-name.typ-3,
.tnf-custom .price.typ-3,
.tnf-custom .button--large {
    font-size: 1.231rem;
}

.tnf-custom p.small,
.tnf-custom ul.small li,
.tnf-custom .button--medium {
    font-size: 1.077rem;
}

.tnf-custom .button--small {
    font-size: .923rem;
}

.tnf-custom .overline,
.tnf-custom p,
.tnf-custom label,
.tnf-custom .title.light,
.tnf-custom ul li {
    font-weight: 300;
}

.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom .product-name.secondary,
.tnf-custom .price.secondary {
    font-weight: 400;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom legend {
    font-weight: 500;
}

.tnf-custom .title {
    font-weight: 700;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6 {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
}

    .tnf-custom h1 sub,
    .tnf-custom h1 sup,
    .tnf-custom h2 sub,
    .tnf-custom h2 sup,
    .tnf-custom h3 sub,
    .tnf-custom h3 sup,
    .tnf-custom h4 sub,
    .tnf-custom h4 sup,
    .tnf-custom h5 sub,
    .tnf-custom h5 sup,
    .tnf-custom h6 sub,
    .tnf-custom h6 sup {
        font-size: 60%;
    }

.tnf-custom .subheader {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    line-height: inherit;
}

.tnf-custom .overline {
    text-transform: uppercase;
}

.tnf-custom h1.typ-2 {
    letter-spacing: normal;
    text-transform: capitalize;
}

.tnf-custom p {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
}

    .tnf-custom p.bold {
        font-weight: 500;
    }

.tnf-custom legend {
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom label {
    font-style: inherit;
    padding-bottom: .8em;
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom .voice {
    letter-spacing: normal;
    font-weight: bold;
}

.tnf-custom .strike {
    text-decoration: line-through;
}

.tnf-custom .title {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
}

    .tnf-custom .title.light {
        text-transform: capitalize;
    }

    .tnf-custom .title.disabled {
        color: #ccc;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: capitalize;
}

    .tnf-custom .product-name.disabled,
    .tnf-custom .price.disabled {
        color: #ccc;
    }

    .tnf-custom .product-name.tnfred {
        color: #e72b1e;
    }

.tnf-custom .price {
    font-weight: 300;
}

    .tnf-custom .price.tnfred {
        color: #e72b1e;
    }

    .tnf-custom .price.bold {
        font-weight: 500;
    }

.tnf-custom a,
.tnf-custom .text-link {
    line-height: 1;
    font-weight: 400;
    color: #2a2a2a;
    text-transform: uppercase;
}

    /*.tnf-custom a:hover,
    .tnf-custom .text-link:hover {
        color: #E72B1E;
    }*/

    .tnf-custom a.medium {
        font-weight: 500;
    }

.tnf-custom p a {
    font-family: inherit;
    text-transform: capitalize;
    font-size: inherit;
    line-height: inherit;
}

.tnf-custom ul li {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
    margin-top: .5em;
    list-style-position: outside;
}

.tnf-custom body {
    background: white;
}

.tnf-custom hr {
    margin: 2em 0 3.4em;
    border-color: #ccc;
    display: none;
}

.tnf-custom .row hr {
    margin: 1em 0 1.2em;
}

.tnf-custom .pdp .columns > div {
    margin: 2em 0;
}

.tnf-custom .row {
    padding-top: 2em;
    margin-bottom: 2em;
    margin-top: 2em;
}

    .tnf-custom .row .row {
        margin-top: 0;
        border-top: 0;
    }

.tnf-custom code {
    font-size: 1rem;
}

body {
    background: white;
}

.tnf-custom .product-lane-view-all.view-all,
.tnf-custom .product-lane-arrow.icon-arrow-right-indicator-open.graphic-js {
    display: none;
}

.tnf-custom a h1,
.tnf-custom a h2,
.tnf-custom a h3,
.tnf-custom a h4,
.tnf-custom a h5,
.tnf-custom a h6 {
    color: inherit;
}

.tnf-custom .product-block .info .rating-container {
    margin: .8em 0;
}

    .tnf-custom .product-block .info .rating-container .rating {
        font-size: .9em;
        color: #2A2A2A;
    }

        .tnf-custom .product-block .info .rating-container .rating .active {
            color: #2A2A2A;
        }

.tnf-custom .pDI {
    padding: 1.692em 0 1.154em;
    background: transparent;
}

.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom p {
    margin-top: 0;
    margin-bottom: 20px;
}

.tnf-custom .button {
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-smooth: antialiased;
    letter-spacing: 0.1rem;
    margin: 3px 0;
    padding-top: .76em;
    padding-bottom: .69em;
    display: block;
}

.tnf-custom .button--disabled {
    background-color: #cccccc;
    color: #fff;
    cursor: not-allowed;
}

.tnf-custom .button--secondary {
    background-color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    color: white;
}

    .tnf-custom .button--secondary:hover {
        opacity: .75;
    }

    .tnf-custom .button--secondary.transparent {
        background: transparent;
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--secondary.transparent.transparent__mob--white {
            border: 1px solid #fff;
            color: #fff;
        }

.tnf-custom .button--primary {
    font-weight: 500;
    border-color: #e72b1e;
    border-width: 1px;
    border-style: solid;
}

    .tnf-custom .button--primary.no-border {
        border: none !important;
    }

    .tnf-custom .button--primary:hover {
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

    .tnf-custom .button--primary.alt-1 {
        background-color: #fff;
        color: #000000;
        border: 1px solid #000000;
    }

        .tnf-custom .button--primary.alt-1:hover {
            background: #000000;
            color: #fff;
        }

    .tnf-custom .button--primary.transparent {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

.tnf-custom .button--transparent {
    background-color: rgba(255, 255, 255, 0.75);
    color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
}

    .tnf-custom .button--transparent:hover {
        background-color: rgba(42, 42, 42, 0.75);
        color: white;
        border-color: white;
        border-width: 1px;
        border-style: solid;
    }

.tnf-custom .button--transparent__inverse {
    background-color: rgba(42, 42, 42, 0.75);
    color: white;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}

    .tnf-custom .button--transparent__inverse:hover {
        background-color: rgba(255, 255, 255, 0.75);
        color: #000000;
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

/*
   *################
   *NORTH FACE  BUTTONS
   *################ */

.full-width-row,
.grid_row.section .row.full-width-row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pos-relative {
    position: relative;
}

.cq-Overlay--component-name {
    color: #000;
}

/* * CSS
   *
   * */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    background: #fff;
}

.garnish-full-width {
    background-color: transparent !important;
}

.media.image-overlay .overlay .wrapper {
    padding: 0 !important;
}

.basecomponent.section.grid_row,
.garnish-wrapper {
    background: #fff;
}

.customhtml2 .garnish-full-width {
    margin: 0;
    padding: 0;
    background: #fff;
}

    .customhtml2 .garnish-full-width .row .row {
        margin-left: 0;
        margin-right: 0;
    }

.grid_row.section .row.expanded {
    max-width: none;
}

.grid_row.section .row .column,
.grid_row.section .row .columns {
    padding-left: 0;
    padding-right: 0;
}

ul.tnf-8-1-accordion {
    margin-left: 0 !important;
}

.overflow-cont {
    overflow: hidden;
}

.autoAlpha0 {
    opacity: 0;
    visibility: hidden;
}

img.wide {
    width: 100%;
}

.spacer10 {
    min-height: 10px;
}

.spacer20 {
    min-height: 20px;
}

.spacer30 {
    min-height: 30px;
}

.spacer40 {
    min-height: 40px;
}

.spacer50 {
    min-height: 50px;
}

.spacer60 {
    min-height: 60px;
}

.spacer70 {
    min-height: 70px;
}

.spacer80 {
    min-height: 80px;
}

.spacer90 {
    min-height: 90px;
}

.spacer100 {
    min-height: 100px;
}

.anchorpoint {
    cursor: pointer;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.red {
    color: #dc241f !important;
}

.uppercase {
    text-transform: uppercase;
}

    .uppercase a,
    .uppercase b,
    .uppercase strong {
        text-transform: uppercase !important;
    }

.noUppercase,
.nouppercase {
    text-transform: none;
}

.capitalize {
    text-transform: capitalize;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700 !important;
}

.onlymob,
.onlytab {
    display: none;
}

.nomob,
.notab {
    display: block;
}

.glow {
    text-shadow: 2px 2px 10px #fff;
}

.mb0 {
    margin-bottom: 0 !important;
}

.maxCont1920 {
    width: 100%;
    max-width: 2080px;
    margin: 0 auto;
    position: relative;
}

.maxCont1680 {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    position: relative;
}

.maxCont1440 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.maxCont1366 {
    width: 100%;
    max-width: 1526px;
    margin: 0 auto;
    position: relative;
}

.maxCont1280 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.maxCont1180 {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
}

.maxCont1170 {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
}

.maxCont1108 {
    width: 100%;
    max-width: 1268px;
    margin: 0 auto;
    position: relative;
}

.maxCont950 {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
}

.maxCont900 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}

.maxCont700 {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}

.fullLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.tnf-banner {
    position: relative;
}

    .tnf-banner.tnf-custom button.button {
        width: 100%;
        outline: none;
    }

    .tnf-banner.tnf-custom p {
        line-height: 1.2;
    }

    .tnf-banner .button-cont {
        z-index: 99;
    }

    .tnf-banner picture img {
        width: 100%;
    }

    .tnf-banner .tnf-cont.nopadding {
        padding: 0 !important;
    }

    .tnf-banner.big-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5em;
    }

        .tnf-banner.big-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.big-banner .tnf-cont.align-top {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .tnf-banner.big-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .tnf-banner.big-banner .tnf-cont.align-left h1,
            .tnf-banner.big-banner .tnf-cont.align-left h2,
            .tnf-banner.big-banner .tnf-cont.align-left h3,
            .tnf-banner.big-banner .tnf-cont.align-left p {
                text-align: left;
            }

        .tnf-banner.big-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            .tnf-banner.big-banner .tnf-cont.align-right h1,
            .tnf-banner.big-banner .tnf-cont.align-right h2,
            .tnf-banner.big-banner .tnf-cont.align-right h3,
            .tnf-banner.big-banner .tnf-cont.align-right p {
                text-align: right;
            }

        .tnf-banner.big-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.big-banner .tnf-cont.align-center h1,
            .tnf-banner.big-banner .tnf-cont.align-center h2,
            .tnf-banner.big-banner .tnf-cont.align-center h3,
            .tnf-banner.big-banner .tnf-cont.align-center p {
                text-align: center;
            }

        .tnf-banner.big-banner .tnf-cont.pull-right {
            padding-left: 25%;
        }

    .tnf-banner.small-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.7em;
    }

        .tnf-banner.small-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.small-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .tnf-banner.small-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

        .tnf-banner.small-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.small-banner .tnf-cont.align-center h1,
            .tnf-banner.small-banner .tnf-cont.align-center h2,
            .tnf-banner.small-banner .tnf-cont.align-center p {
                text-align: center;
            }

.hotspot {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

    .hotspot:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.hover--white:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
    opacity: 1 !important;
}

footer.extended {
    margin-top: 0;
}

.sus-container {
    background: #fff;
}

    .sus-container .tnf-banner {
        margin-bottom: 0;
    }

    .sus-container .media-cont {
        width: 100%;
        position: relative;
    }

        .sus-container .media-cont img,
        .sus-container .media-cont video {
            width: 100%;
        }

    .sus-container .overlay-cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .sus-container p b {
        font-family: "HelveticaNeue", helvetica, sans-serif;
        font-weight: 700;
    }

    .sus-container p a {
        color: inherit;
        font-weight: inherit;
        text-transform: none;
    }

        .sus-container p a:hover {
            color: inherit;
        }

    .sus-container a {
        text-transform: none;
    }

    .sus-container .fw-500 {
        font-weight: 500 !important;
        text-transform: none;
    }

    .sus-container .fw-400 {
        font-weight: 400 !important;
        text-transform: none;
    }

    .sus-container .fw-300 {
        font-weight: 300 !important;
        text-transform: none;
    }

    .sus-container .sus-90 {
        font-size: 90px !important;
    }

    .sus-container .sus-52 {
        font-size: 52px !important;
        line-height: 1.2;
    }

    .sus-container .sus-42 {
        font-size: 28px !important;
        line-height: 1.2;
    }

    .sus-container .sus-32 {
        font-size: 1.85rem !important;
        line-height: 1.2;
    }

.lozad {
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.lozad--toload {
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s;
}

    .lozad--toload.lozad--fromBottom {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

    .lozad--toload.lozad--fromScale {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.lozad--inview {
    opacity: 1;
}

    .lozad--inview.lozad--fromBottom {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .lozad--inview.lozad--fromScale {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.scroll-down-arrow {
    z-index: 10;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: none;
}

    .scroll-down-arrow p,
    .scroll-down-arrow .fa {
        color: #fff;
        margin: 0 auto;
        font-weight: 400;
    }

    .scroll-down-arrow .fa {
        font-size: 20px;
    }

.scroll-down-arrow {
    z-index: 100;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: none;
}

    .scroll-down-arrow p,
    .scroll-down-arrow .fa {
        color: #fff !important;
        margin: 0 auto !important;
        font-weight: 500 !important;
    }

    .scroll-down-arrow .fa {
        font-size: 20px;
    }

.section__hero {
    height: 100vh;
    margin-top: -141px;
    position: relative;
}

    .section__hero .media-cont picture {
        height: 100vh;
    }

        .section__hero .media-cont picture img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .section__hero .overlay-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .section__hero .overlay-cont .text-cont {
            width: 100%;
            margin: 0 auto;
            padding-top: 141px;
            max-width: 1024px;
        }

    .section__hero .overlay-cont__2 {
        opacity: 0;
    }

        .section__hero .overlay-cont__2 .text-cont {
            padding-top: 0 !important;
        }

    .section__hero .overlay-cont__1 p {
        margin-top: 4rem !important;
    }

    .section__hero .sus-52 {
        margin-bottom: 3rem;
    }

.section__body {
    overflow: hidden;
}

    .section__body .info-banner .media-cont {
        min-height: 670px;
    }

        .section__body .info-banner .media-cont picture {
            height: 670px;
        }

            .section__body .info-banner .media-cont picture img {
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

    .section__body .info-banner .overlay-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section__body .info-banner .text-cont {
        padding: 0 160px;
    }

        .section__body .info-banner .text-cont p {
            margin-top: 2.5rem;
            max-width: 1080px;
        }

        .section__body .info-banner .text-cont .button-cont {
            margin-top: 2.5rem;
        }

            .section__body .info-banner .text-cont .button-cont button {
                border: 1px solid #fff;
                background: transparent;
                margin-right: 0;
                margin-left: auto;
            }

    .section__body .info-banner--right .overlay-cont {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .section__body .info-banner--right h1,
    .section__body .info-banner--right h2,
    .section__body .info-banner--right h3,
    .section__body .info-banner--right p {
        text-align: right;
    }

    .section__body .body-title {
        margin: 3rem 0;
    }

.section__renewed {
    background: #2f5945;
    text-align: center;
    padding-bottom: 75px;
}

    .section__renewed .renewed_logo {
        width: 140px;
        margin: 75px auto 45px;
    }

    .section__renewed .button-cont {
        display: inline-block;
    }

        .section__renewed .button-cont a.button {
            border: none;
            text-transform: uppercase;
        }

        .section__renewed .button-cont button {
            margin-left: auto;
            margin-right: auto;
            background: transparent;
            border: 1px solid #fff;
        }

    .section__renewed .video-cont {
        padding-left: 80px;
        padding-right: 80px;
        margin: 80px auto;
    }

        .section__renewed .video-cont .media-cont {
            overflow: hidden;
        }

    .section__renewed .video-play {
        width: 110px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        pointer-events: none;
    }

    .section__renewed p.white.fw-400 {
        line-height: 1.4;
    }

.section__bottom {
    overflow: hidden;
}

    .section__bottom .overlay-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .section__bottom .overlay-cont .text-cont {
            position: relative;
            z-index: 10;
            pointer-events: none;
        }

            .section__bottom .overlay-cont .text-cont .button {
                pointer-events: all;
            }

            .section__bottom .overlay-cont .text-cont .bottom-logo {
                width: 200px;
                margin: 0 auto 2rem;
            }

    .section__bottom .button-cont {
        margin-top: 2.5rem;
    }

        .section__bottom .button-cont button {
            border: 1px solid #fff;
            background: rgba(0, 0, 0, 0.7);
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }

.section__menu .navigation-wrapper {
    position: relative;
    background-color: #2f5945;
    height: auto;
    margin-bottom: 0;
}

.section__menu .shop li ul li {
    margin-top: 0;
}

.section__menu .navigation-wrapper .secondary-nav {
    max-width: 86.76923em;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    background-color: #2c2c2c;
    z-index: 9;
    margin: 0 auto;
}

    .section__menu .navigation-wrapper .secondary-nav.fixed {
        z-index: 10;
        background-color: transparent;
    }

    .section__menu .navigation-wrapper .secondary-nav a {
        display: table;
        width: 100%;
        height: 48px;
        padding: 0px 15px;
        text-align: center;
        font-size: 15px;
        letter-spacing: 0.1vw;
        line-height: 1.1;
    }

        .section__menu .navigation-wrapper .secondary-nav a span {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .section__menu .navigation-wrapper .secondary-nav a span::first-letter {
                text-transform: uppercase;
            }

    .section__menu .navigation-wrapper .secondary-nav > * {
        margin-bottom: 0;
    }

    .section__menu .navigation-wrapper .secondary-nav dl.sub-nav {
        width: 80%;
        float: left;
    }

        .section__menu .navigation-wrapper .secondary-nav dl.sub-nav dd {
            text-align: center;
            width: 25%;
            padding: 10px 20px;
            float: left;
            margin-bottom: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #2c2c2c;
            position: relative;
        }

            .section__menu .navigation-wrapper .secondary-nav dl.sub-nav dd:after {
                content: " ";
                width: 1px;
                height: 61px;
                top: 7px;
                position: absolute;
                background-color: #666666;
                right: 0;
            }

            .section__menu .navigation-wrapper .secondary-nav dl.sub-nav dd a {
                width: 100%;
                background-color: transparent;
                color: #d0d0d0;
                -webkit-transition: background 0.2s;
                transition: background 0.2s;
            }

.section__menu .no-touch .navigation-wrapper .secondary-nav dl.sub-nav dd a:hover {
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
    background-color: rgba(255, 255, 255, 0.3);
}

.section__menu .no-touch .navigation-wrapper .secondary-nav dl.sub-nav dd a:active {
    -webkit-transition: background 0s;
    transition: background 0s;
    background-color: rgba(255, 255, 255, 0.1);
}

.section__menu .navigation-wrapper .secondary-nav dl.sub-nav dd.active {
    background-color: #3c3c3c;
    position: relative;
}

    .section__menu .navigation-wrapper .secondary-nav dl.sub-nav dd.active:before {
        content: " ";
        display: block;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7.5px 0 7.5px;
        border-color: #3c3c3c transparent transparent transparent;
    }

.section__menu .navigation-wrapper .secondary-nav > ul.shop {
    position: relative;
    float: left;
    list-style-type: none;
    margin: 0;
}

    .section__menu .navigation-wrapper .secondary-nav > ul.shop > li {
        padding: 1px 0;
        background-color: #2f5945;
        margin: 0;
    }

        .section__menu .navigation-wrapper .secondary-nav > ul.shop > li > a {
            background-color: #fff;
            color: #000;
            -webkit-transition: background 0.2s;
            transition: background 0.2s;
        }

            .section__menu .navigation-wrapper .secondary-nav > ul.shop > li > a::first-letter {
                text-transform: uppercase;
            }

            .section__menu .navigation-wrapper .secondary-nav > ul.shop > li > a:hover {
                background-color: black;
                -webkit-transition: background 0.2s;
                transition: background 0.2s;
                color: #fff;
            }

            .section__menu .navigation-wrapper .secondary-nav > ul.shop > li > a:active {
                background-color: #0d0d0d;
                -webkit-transition: background 0s;
                transition: background 0s;
            }

        .section__menu .navigation-wrapper .secondary-nav > ul.shop > li ul {
            display: none;
            position: absolute;
            list-style-type: none;
            top: 100%;
            width: 100%;
            z-index: 9;
            margin: 0;
            padding-right: 2px;
        }

            .section__menu .navigation-wrapper .secondary-nav > ul.shop > li ul > li a {
                border-top: 1px solid #343434;
                color: #404040;
                background-color: #eaeaea;
                -webkit-transition: background 0.2s;
                transition: background 0.2s;
                padding: 15px 15px;
            }

                .section__menu .navigation-wrapper .secondary-nav > ul.shop > li ul > li a:hover {
                    background-color: #dadada;
                    -webkit-transition: background 0.1s;
                    transition: background 0.1s;
                }

            .section__menu .navigation-wrapper .secondary-nav > ul.shop > li ul > li:first-child a {
                border-top: none;
            }

    .section__menu .navigation-wrapper .secondary-nav > ul.shop:hover ul,
    .section__menu .navigation-wrapper .secondary-nav > ul.shop .activated ul {
        display: block;
    }

.section__menu .navigation-wrapper .secondary-nav.items-2 dl.sub-nav {
    width: 50%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-2 dl.sub-nav dd {
        width: 100%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-2 ul {
    width: 50%;
}

.section__menu .navigation-wrapper .secondary-nav.items-3 dl.sub-nav {
    width: 66.6666%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-3 dl.sub-nav dd {
        width: 50%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-3 ul {
    width: 33.3333%;
}

.section__menu .navigation-wrapper .secondary-nav.items-4 dl.sub-nav {
    width: 75%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-4 dl.sub-nav dd {
        width: 33.3333%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-4 ul {
    width: 100%;
}

.section__menu .navigation-wrapper .secondary-nav.items-5 dl.sub-nav {
    width: 80%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-5 dl.sub-nav dd {
        width: 25%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-5 ul {
    width: 20%;
}

.section__menu .navigation-wrapper .secondary-nav.items-6 dl.sub-nav {
    width: 83.3333%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-6 dl.sub-nav dd {
        width: 20%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-6 ul {
    width: 16.6666%;
}

.section__menu .navigation-wrapper .secondary-nav.items-7 dl.sub-nav {
    width: 85.7142%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-7 dl.sub-nav dd {
        width: 16.6666%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-7 ul {
    width: 14.2857%;
}

.section__menu .navigation-wrapper .secondary-nav.items-8 dl.sub-nav {
    width: 87.5%;
}

    .section__menu .navigation-wrapper .secondary-nav.items-8 dl.sub-nav dd {
        width: 14.2857%;
    }

.section__menu .navigation-wrapper .secondary-nav.items-8 ul {
    width: 12.5%;
}

.show-in-mbl.swiper-slider {
    width: 100vw;
}

.swiper-container.swiper-slider2-mobile {
    max-height: 50vh;
}

.swiper-pagination.swiper-pagination-bullets {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px;
}

.show-in-mbl.swiper-slider .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    opacity: 1;
    background: transparent;
    margin: 0 10px;
}

.show-in-mbl.swiper-slider .swiper-pagination-bullet-active {
    background-color: #fff;
}

.text-cont.text-cont__3 {
    max-height: 70vh;
}

.section__hero .overlay-cont__1 {
    background-color: rgba(128, 90, 119, 0.4);
}

/* 
  .section__hero .overlay-cont__2{
    background-color: rgba(56, 132, 152, 0.6);
  }
  .section__hero .overlay-cont__3{
    background-color: rgba(4, 106, 56, 0.6);
  } */

body {
    overflow-x: hidden !important;
}

.media-cont {
    position: relative;
}

.bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 90, 119, 0.6);
}

.gradient-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 320px;
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
}

.section__hero .overlay-cont .text-cont {
    padding-top: 0 !important;
}

.section__hero .overlay-cont__1 h1 { /* border: 1px solid #fff; */ /* border-width: 0 10px; */ /* margin: 30px 0; */ /* padding-left: 30px; */
}

.img-cont__1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

    .img-cont__1 img {
        width: 100%;
        max-width: 420px;
    }

.section__hero .overlay-cont__1 p,
.section__hero .overlay-cont__1 a,
.section__hero .overlay-cont__3 p,
.section__hero .overlay-cont__3 a {
    padding-left: 70px;
    display: block;
    min-width: 600px;
}

.link-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: auto;
}

    .link-list::-webkit-scrollbar {
        visibility: hidden;
    }

    .link-list .list {
        padding: 20px 40px;
        border-right: 2px solid #fff;
    }

        .link-list .list:last-child {
            border-right: 0;
        }

        .link-list .list a {
            font-size: 24px;
            color: #fff;
            line-height: 1.2;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
        }

.section__hero .overlay-cont__2 button {
    margin-right: auto;
    margin-left: auto;
}

.section__hero .overlay-cont__2 svg {
    height: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px; /* max-width: 80px; */
    -webkit-filter: invert(100);
    filter: invert(100);
}

.section__hero .overlay-cont__2 .main {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 23px;
    color: white;
    text-transform: uppercase;
    line-height: 1.2;
}

.text-cont.text-cont__3 {
    padding-bottom: 90px;
}

.section__hero .overlay-cont__1 .row,
.section__hero .overlay-cont__3 .row,
.section__hero .overlay-cont__1 .row > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section__hero .overlay-cont__3 .loop-slider {
    position: relative;
}

.overlay-cont__3__box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    padding-top: 10px;
    max-width: 480px;
}

.section__hero .overlay-cont__3 .line {
    width: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .section__hero .overlay-cont__3 .line img {
        width: 100%;
        max-width: 420px;
    }

.section-social-text {
    padding-left: 30px;
}

.links-nav {
    z-index: 10;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: none;
    z-index: 122;
}

.show-in-mbl {
    display: none;
}

.section__hero .overlay-cont__2 .content {
    position: relative;
    height: 300px;
}

    .section__hero .overlay-cont__2 .content .layer {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .section__hero .overlay-cont__2 .content.layer1 .layer-2 {
        opacity: 0;
    }

    .section__hero .overlay-cont__2 .content.layer1 .layer-1 {
        opacity: 1;
    }

    .section__hero .overlay-cont__2 .content.layer2 .layer-1 {
        opacity: 0;
    }

    .section__hero .overlay-cont__2 .content.layer2 .layer-2 {
        opacity: 1;
    }

.sus-container .slide2-cont1 p.sus-32,
.sus-container .slide2-cont2 p.sus-32 {
    font-size: 1.65rem !important;
}

.flexrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexrow.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .flexrow.natural-height {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

    .col.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

.first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.align-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.align-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.col-xs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding: 0;
}

.col-xs-0 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
    padding: 0;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-order-0 {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
}

.col-xs-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    padding: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-xs-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    padding: 0;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.col-xs-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0;
}

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

.col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.col-xs-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding: 0;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.col-xs-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    padding: 0;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.col-xs-6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0;
}

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

.col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.col-xs-7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    padding: 0;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.col-xs-8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    padding: 0;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.col-xs-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0;
}

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

.col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.col-xs-10 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    padding: 0;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.col-xs-11 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    padding: 0;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
}

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

.col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.flexrow.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flexrow.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flexrow.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flexrow.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flexrow.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexrow.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flexrow.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexrow.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.col-gutter-lr {
    padding: 0 0;
}

.col-no-gutter {
    padding: 0;
}

.show {
    display: block !important;
}

.flexrow.show {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.hide {
    display: none !important;
}

.show-xs {
    display: block !important;
}

.flexrow.show-xs {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

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

.tnf-custom h1.typ-2,
.tnf-custom p,
.tnf-custom legend,
.tnf-custom label,
.tnf-custom .voice,
.tnf-custom ul li,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .field-wrapper .field-help,
.tnf-custom .field-wrapper .invalid,
.tnf-custom .field-wrapper .form-control {
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

.tnf-custom .hneue {
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
}

.tnf-custom .button,
.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom .overline,
.tnf-custom .title,
.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom a,
.tnf-custom .text-link {
    font-family: "HelveticaNeue Cond", helvetica, sans-serif;
    font-weight: 700;
}

.tnf-custom .button {
    letter-spacing: .03em;
    font-weight: 500;
}

.tnf-custom h1 {
    font-size: 2.308rem;
}

    .tnf-custom h1.voice {
        font-size: 2.923rem;
        margin-top: 0;
    }

.tnf-custom h2 {
    font-size: 2.154rem;
}

    .tnf-custom h2.voice.fake {
        font-size: 2.923rem;
    }

    .tnf-custom h1.typ-2,
    .tnf-custom h3,
    .tnf-custom h2.voice {
        font-size: 2rem;
    }

        .tnf-custom .overline,
        .tnf-custom h3.voice,
        .tnf-custom .title {
            font-size: 1.385rem;
        }

.tnf-custom h4 {
    font-size: 1.846em;
}

    .tnf-custom h4.voice {
        font-size: 1.846em;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    font-size: 1.846em;
}

.tnf-custom h5,
.tnf-custom .button--extra-large {
    font-size: 1.385em;
}

.tnf-custom h6,
.tnf-custom .product-name.typ-2,
.tnf-custom .price.typ-2,
.tnf-custom a,
.tnf-custom .text-link,
.tnf-custom h1.page-breadcrumb-token {
    font-size: 1.077rem;
}

.tnf-custom .title.typ-2,
.tnf-custom .product-name.typ-3,
.tnf-custom .price.typ-3,
.tnf-custom .button--large {
    font-size: 1.231rem;
}

.tnf-custom p.small,
.tnf-custom ul.small li,
.tnf-custom .button--medium {
    font-size: 1.077rem;
}

.tnf-custom .button--small {
    font-size: .923rem;
}

.tnf-custom .overline,
.tnf-custom p,
.tnf-custom label,
.tnf-custom .title.light,
.tnf-custom ul li {
    font-weight: 300;
}

.tnf-custom .product-name,
.tnf-custom .price,
.tnf-custom .product-name.secondary,
.tnf-custom .price.secondary {
    font-weight: 400;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6,
.tnf-custom .subheader,
.tnf-custom legend {
    font-weight: 500;
}

.tnf-custom .title {
    font-weight: 700;
}

.tnf-custom h1,
.tnf-custom h2,
.tnf-custom h3,
.tnf-custom h4,
.tnf-custom h5,
.tnf-custom h6 {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
}

    .tnf-custom h1 sub,
    .tnf-custom h1 sup,
    .tnf-custom h2 sub,
    .tnf-custom h2 sup,
    .tnf-custom h3 sub,
    .tnf-custom h3 sup,
    .tnf-custom h4 sub,
    .tnf-custom h4 sup,
    .tnf-custom h5 sub,
    .tnf-custom h5 sup,
    .tnf-custom h6 sub,
    .tnf-custom h6 sup {
        font-size: 60%;
    }

.tnf-custom .subheader {
    letter-spacing: .03em;
    line-height: 1;
    font-weight: 500;
    line-height: inherit;
}

.tnf-custom .overline {
    text-transform: uppercase;
}

.tnf-custom h1.typ-2 {
    letter-spacing: normal;
    text-transform: capitalize;
}

.tnf-custom p {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
}

    .tnf-custom p.bold {
        font-weight: 500;
    }

.tnf-custom legend {
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom label {
    font-style: inherit;
    padding-bottom: .8em;
    font-size: 1.231rem;
    line-height: 1.5;
}

.tnf-custom .voice {
    letter-spacing: normal;
    font-weight: bold;
}

.tnf-custom .strike {
    text-decoration: line-through;
}

.tnf-custom .title {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
}

    .tnf-custom .title.light {
        text-transform: capitalize;
    }

    .tnf-custom .title.disabled {
        color: #ccc;
    }

.tnf-custom .product-name,
.tnf-custom .price {
    letter-spacing: .03em;
    line-height: 1;
    text-transform: capitalize;
}

    .tnf-custom .product-name.disabled,
    .tnf-custom .price.disabled {
        color: #ccc;
    }

    .tnf-custom .product-name.tnfred {
        color: #e72b1e;
    }

.tnf-custom .price {
    font-weight: 300;
}

    .tnf-custom .price.tnfred {
        color: #e72b1e;
    }

    .tnf-custom .price.bold {
        font-weight: 500;
    }

.tnf-custom a,
.tnf-custom .text-link {
    line-height: 1;
    font-weight: 400;
    color: #2a2a2a;
    text-transform: uppercase;
}

    /* .tnf-custom a:hover,
    .tnf-custom .text-link:hover {
        color: #E72B1E;
    }*/

    .tnf-custom a.medium {
        font-weight: 500;
    }

.tnf-custom p a {
    font-family: inherit;
    text-transform: capitalize;
    font-size: inherit;
    line-height: inherit;
}

.tnf-custom ul li {
    color: #2a2a2a;
    font-size: 1.231rem;
    line-height: 1.5;
    letter-spacing: .04rem;
    margin-top: .5em;
    list-style-position: outside;
}

.tnf-custom body {
    background: white;
}

.tnf-custom hr {
    margin: 2em 0 3.4em;
    border-color: #ccc;
    display: none;
}

.tnf-custom .row hr {
    margin: 1em 0 1.2em;
}

.tnf-custom .pdp .columns > div {
    margin: 2em 0;
}

.tnf-custom .row {
    padding-top: 2em;
    margin-bottom: 2em;
    margin-top: 2em;
}

    .tnf-custom .row .row {
        margin-top: 0;
        border-top: 0;
    }

.tnf-custom code {
    font-size: 1rem;
}

body {
    background: white;
}

.tnf-custom .product-lane-view-all.view-all,
.tnf-custom .product-lane-arrow.icon-arrow-right-indicator-open.graphic-js {
    display: none;
}

.tnf-custom a h1,
.tnf-custom a h2,
.tnf-custom a h3,
.tnf-custom a h4,
.tnf-custom a h5,
.tnf-custom a h6 {
    color: inherit;
}

.tnf-custom .product-block .info .rating-container {
    margin: .8em 0;
}

    .tnf-custom .product-block .info .rating-container .rating {
        font-size: .9em;
        color: #2A2A2A;
    }

        .tnf-custom .product-block .info .rating-container .rating .active {
            color: #2A2A2A;
        }

.tnf-custom .pDI {
    padding: 1.692em 0 1.154em;
    background: transparent;
}

.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp.pdp-swatches #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-swatches.pdp-drawer #product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form > section.step-container:not(.attr-color) .attr-box,
.tnf-custom .pdp-drawer .product-detail #product-form .product-attr-form section.step-container:not(.attr-color) .attr-box {
    font-style: normal;
}

.tnf-custom p {
    margin-top: 0;
    margin-bottom: 20px;
}

.tnf-custom .button {
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-smooth: antialiased;
    letter-spacing: 0.1rem;
    margin: 3px 0;
    padding-top: .76em;
    padding-bottom: .69em;
    display: block;
    font-size: 1rem;
    white-space: nowrap;
}

.tnf-custom .button--disabled {
    background-color: #cccccc;
    color: #fff;
    cursor: not-allowed;
    font-size: 1rem;
    white-space: nowrap;
}

.tnf-custom .button--secondary {
    background-color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    color: white;
    font-size: 1rem;
    white-space: nowrap;
}

    .tnf-custom .button--secondary:hover {
        opacity: .75;
    }

    .tnf-custom .button--secondary.transparent {
        background: transparent;
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--secondary.transparent.transparent__mob--white {
            border: 1px solid #fff;
            color: #fff;
        }

.tnf-custom .button--primary {
    font-weight: 500;
    border-color: #e72b1e;
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    white-space: nowrap;
}

    .tnf-custom .button--primary.no-border {
        border: none !important;
    }

    .tnf-custom .button--primary:hover {
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

    .tnf-custom .button--primary.alt-1 {
        background-color: #fff;
        color: #000000;
        border: 1px solid #000000;
    }

        .tnf-custom .button--primary.alt-1:hover {
            background: #000000;
            color: #fff;
        }

    .tnf-custom .button--primary.transparent {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

.tnf-custom .button--transparent {
    background-color: rgba(255, 255, 255, 0.75);
    color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    white-space: nowrap;
}

    .tnf-custom .button--transparent:hover {
        background-color: rgba(42, 42, 42, 0.75);
        color: white;
        border-color: white;
        border-width: 1px;
        border-style: solid;
    }

.tnf-custom .button--transparent__inverse {
    background-color: rgba(42, 42, 42, 0.75);
    color: white;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    font-size: 1rem;
    white-space: nowrap;
}

    .tnf-custom .button--transparent__inverse:hover {
        background-color: rgba(255, 255, 255, 0.75);
        color: #000000;
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
    }

/*
   *################
   *NORTH FACE  BUTTONS
   *################ */

.full-width-row,
.grid_row.section .row.full-width-row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pos-relative {
    position: relative;
}

.cq-Overlay--component-name {
    color: #000;
}

/* * CSS
   *
   * */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    background: #fff;
}

.garnish-full-width {
    background-color: transparent !important;
}

.media.image-overlay .overlay .wrapper {
    padding: 0 !important;
}

.basecomponent.section.grid_row,
.garnish-wrapper {
    background: #fff;
}

.customhtml2 .garnish-full-width {
    margin: 0;
    padding: 0;
    background: #fff;
}

    .customhtml2 .garnish-full-width .row .row {
        margin-left: 0;
        margin-right: 0;
    }

.grid_row.section .row.expanded {
    max-width: none;
}

.grid_row.section .row .column,
.grid_row.section .row .columns {
    padding-left: 0;
    padding-right: 0;
}

ul.tnf-8-1-accordion {
    margin-left: 0 !important;
}

.overflow-cont {
    overflow: hidden;
}

.autoAlpha0 {
    opacity: 0;
    visibility: hidden;
}

img.wide {
    width: 100%;
}

.spacer10 {
    min-height: 10px;
}

.spacer20 {
    min-height: 20px;
}

.spacer30 {
    min-height: 30px;
}

.spacer40 {
    min-height: 40px;
}

.spacer50 {
    min-height: 50px;
}

.spacer60 {
    min-height: 60px;
}

.spacer70 {
    min-height: 70px;
}

.spacer80 {
    min-height: 80px;
}

.spacer90 {
    min-height: 90px;
}

.spacer100 {
    min-height: 100px;
}

.anchorpoint {
    cursor: pointer;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.red {
    color: #dc241f !important;
}

.uppercase {
    text-transform: uppercase;
}

    .uppercase a,
    .uppercase b,
    .uppercase strong {
        text-transform: uppercase !important;
    }

.noUppercase,
.nouppercase {
    text-transform: none;
}

.capitalize {
    text-transform: capitalize;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700 !important;
}

.onlymob,
.onlytab {
    display: none;
}

.nomob,
.notab {
    display: block;
}

.glow {
    text-shadow: 2px 2px 10px #fff;
}

.mb0 {
    margin-bottom: 0 !important;
}

.maxCont1920 {
    width: 100%;
    max-width: 2080px;
    margin: 0 auto;
    position: relative;
}

.maxCont1680 {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    position: relative;
}

.maxCont1440 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.maxCont1366 {
    width: 100%;
    max-width: 1526px;
    margin: 0 auto;
    position: relative;
}

.maxCont1280 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.maxCont1180 {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
}

.maxCont1170 {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    position: relative;
}

.maxCont1108 {
    width: 100%;
    max-width: 1268px;
    margin: 0 auto;
    position: relative;
}

.maxCont950 {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    position: relative;
}

.maxCont900 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}

.maxCont700 {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}

.fullLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.tnf-banner {
    position: relative;
}

    .tnf-banner.tnf-custom button.button {
        width: 100%;
        outline: none;
    }

    .tnf-banner.tnf-custom p {
        line-height: 1.2;
    }

    .tnf-banner .button-cont {
        z-index: 99;
    }

    .tnf-banner picture img {
        width: 100%;
    }

    .tnf-banner .tnf-cont.nopadding {
        padding: 0 !important;
    }

    .tnf-banner.big-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5em;
    }

        .tnf-banner.big-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.big-banner .tnf-cont.align-top {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .tnf-banner.big-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .tnf-banner.big-banner .tnf-cont.align-left h1,
            .tnf-banner.big-banner .tnf-cont.align-left h2,
            .tnf-banner.big-banner .tnf-cont.align-left h3,
            .tnf-banner.big-banner .tnf-cont.align-left p {
                text-align: left;
            }

        .tnf-banner.big-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            .tnf-banner.big-banner .tnf-cont.align-right h1,
            .tnf-banner.big-banner .tnf-cont.align-right h2,
            .tnf-banner.big-banner .tnf-cont.align-right h3,
            .tnf-banner.big-banner .tnf-cont.align-right p {
                text-align: right;
            }

        .tnf-banner.big-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.big-banner .tnf-cont.align-center h1,
            .tnf-banner.big-banner .tnf-cont.align-center h2,
            .tnf-banner.big-banner .tnf-cont.align-center h3,
            .tnf-banner.big-banner .tnf-cont.align-center p {
                text-align: center;
            }

        .tnf-banner.big-banner .tnf-cont.pull-right {
            padding-left: 25%;
        }

    .tnf-banner.small-banner .tnf-cont {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0.7em;
    }

        .tnf-banner.small-banner .tnf-cont.relative {
            position: relative;
        }

        .tnf-banner.small-banner .tnf-cont.align-left {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .tnf-banner.small-banner .tnf-cont.align-right {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

        .tnf-banner.small-banner .tnf-cont.align-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .tnf-banner.small-banner .tnf-cont.align-center h1,
            .tnf-banner.small-banner .tnf-cont.align-center h2,
            .tnf-banner.small-banner .tnf-cont.align-center p {
                text-align: center;
            }

.hotspot {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

    .hotspot:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.size-chart-link {
    display: none;
}

    .size-chart-link.active {
        display: inline-block;
    }

.size-chart {
    margin-top: 15px;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #bebebe solid;
}

.size-chart__label {
    font-family: HelveticaNeue Cond,helvetica,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 5px;
}

#CQ-quickview button {
    outline: none;
}

#CQ-quickview.active .CQ__overlay {
    opacity: 1;
    visibility: visible;
}

#CQ-quickview.useTransition .CQ__container {
    -webkit-transition: opacity .35s, height .35s, -webkit-transform .35s;
    transition: opacity .35s, height .35s, -webkit-transform .35s;
    transition: transform .35s, opacity .35s, height .35s;
    transition: transform .35s, opacity .35s, height .35s, -webkit-transform .35s;
}

#CQ-quickview.useTransition .CQ__overlay {
    -webkit-transition: opacity .35s, visibility .35s;
    transition: opacity .35s, visibility .35s;
}

.CQ--desc {
    display: none;
}

.CQ__loader {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

    .CQ__loader.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.CQ__close {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}

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

    .CQ__close:hover {
        opacity: .5;
    }

    .CQ__close:hover,
    .CQ__close:focus {
        background: transparent;
    }

    .CQ__close span {
        width: 2px;
        height: 20px;
        background-color: #979797;
        position: absolute;
        top: 50%;
        bottom: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .CQ__close span:nth-of-type(1) {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .CQ__close span:nth-of-type(2) {
            -webkit-transform: translate(-50%, -50%) rotate(-135deg);
            transform: translate(-50%, -50%) rotate(-135deg);
        }

.CQ__container {
    z-index: 99999;
    background-color: #fff;
    padding: 15px;
    top: 0;
}

.CQ__overlay {
    position: fixed;
    z-index: 99998;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.CQ__title {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.36px;
    color: #2a2a2a;
    font-weight: 700;
    margin-bottom: 10px;
}

.CQ__title--mob {
    max-width: calc(100% - 50px);
}

.CQ__description {
    display: none;
}

.CQ__price {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.33px;
    font-weight: 500;
}

.CQ__sizes-wrap {
    position: relative;
}

.CQ__inseam-container {
    display: none;
    margin-bottom: 20px;
}

    .CQ__inseam-container.active {
        display: block;
    }

.CQ__sizes,
.CQ__inseam {
    margin-top: 10px;
    overflow: hidden;
}

.CQ__sizes__item,
.CQ__inseam__item {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    height: 42px;
    line-height: 42px;
    min-height: 42px;
    padding: 0 10px;
    width: auto;
    color: #2a2a2a;
    font-family: HelveticaNeue Cond,helvetica,sans-serif;
    font-size: 1.23077rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #2a2a2a;
    float: left;
    letter-spacing: 0;
    margin: 0 10px 10px 0;
    min-width: 45px;
    background: #fff;
    -webkit-transition: background .35s, color .35s;
    transition: background .35s, color .35s;
}

    .CQ__sizes__item::-moz-focus-inner,
    .CQ__inseam__item::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .CQ__sizes__item:hover,
    .CQ__inseam__item:hover {
        background: #fff;
        color: #2a2a2a;
        -webkit-box-shadow: 0 0 0 1px #2a2a2a inset;
        box-shadow: 0 0 0 1px #2a2a2a inset;
    }

.CQ__sizes__item--disabled,
.CQ__inseam__item--disabled {
    opacity: .3;
    pointer-events: none;
}

.CQ__sizes__item--selected,
.CQ__inseam__item--selected {
    background: #2a2a2a !important;
    color: #fff !important;
}

.CQ__inseam-wrap {
    position: relative;
}

.CQ__sizes-header__title__size,
.CQ__sizes-header__title__waist {
    display: none;
}

    .CQ__sizes-header__title__size.active,
    .CQ__sizes-header__title__waist.active {
        display: inline-block;
    }

.CQ__color-header__title,
.CQ__color-header__label,
.CQ__sizes-header__title,
.CQ__sizes-header__label,
.CQ__inseam-header__title,
.CQ__inseam-header__label {
    font-family: "HelveticaNeue Cond",helvetica,sans-serif;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.CQ__color-header__title,
.CQ__sizes-header__title,
.CQ__inseam-header__title {
    font-weight: 700;
    margin-right: 5px;
    position: relative;
}

    .CQ__color-header__title:after,
    .CQ__sizes-header__title:after,
    .CQ__inseam-header__title:after {
        content: ':';
        position: absolute;
        right: 0;
        right: -10px;
        font-weight: 300;
    }

.CQ__color-header__label,
.CQ__sizes-header__label,
.CQ__inseam-header__label {
    font-weight: 300;
    margin-left: 10px;
}

.CQ__color {
    display: inline-block;
    margin-top: 15px;
}

.CQ__color__item {
    display: inline-block;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    margin-right: 13px;
    border: 2px transparent solid;
}

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

    .CQ__color__item:hover {
        border: 2px #2a2a2a solid;
    }

.CQ__color__item--disabled {
    opacity: .3;
    pointer-events: none;
}

.CQ__color__item--selected {
    border: 2px #2a2a2a solid;
}

.CQ__color__image {
    max-width: 50px;
}

.CQ__sizes-legend,
.CQ__inseam-legend {
    display: none;
    border-radius: 0;
    border: 2px solid #a21a10;
    background: #fff;
    color: #a21a10;
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    z-index: 1007;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.CQ__sizes-legend__content,
.CQ__inseam-legend__content {
    padding: 8px 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}

.CQ__sizes-legend .pdp-error-icon:before,
.CQ__inseam-legend .pdp-error-icon:before {
    margin-top: 0;
    content: "?";
}

.CQ__sizes-legend .error-message,
.CQ__inseam-legend .error-message {
    line-height: 30px;
    margin-left: 6px;
}

.CQ__sizes-legend.active,
.CQ__inseam-legend.active {
    display: block;
}

.CQ__gallery {
    position: relative;
}

.CQ__gallery__top img {
    width: 100%;
}

.CQ__gallery__top .swiper-pagination {
    margin-top: 20px;
    left: 0;
    right: 0;
    text-align: right;
    position: static;
}

.CQ__gallery__top .swiper-pagination-bullet {
    margin: 0 3px;
}

.CQ__gallery__top .swiper-pagination-bullet-active {
    background-color: #2a2a2a;
}

.CQ__gallery__bottom {
    width: 100%;
    max-width: 250px;
    margin: auto;
    position: relative;
    margin-top: 15px;
}

    .CQ__gallery__bottom .swiper-slide {
        text-align: center;
    }

        .CQ__gallery__bottom .swiper-slide img {
            border: 3px transparent solid;
            max-width: 70px;
        }

    .CQ__gallery__bottom .swiper-slide-thumb-active img {
        border: 3px #2a2a2a solid;
    }

.CQ__gallery__btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2a2a2a;
}

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

    .CQ__gallery__btn:hover,
    .CQ__gallery__btn:focus {
        background: transparent;
        color: #2a2a2a;
        outline: none;
    }

    .CQ__gallery__btn:after {
        content: "?";
        line-height: 1;
        text-transform: uppercase;
        font-family: "icomoon" !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        font-size: 1.38462rem;
    }

.CQ__gallery__btn--prev {
    left: -30px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.CQ__gallery__btn--next {
    right: -30px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.CQ__gallery__btn.swiper-button-disabled {
    opacity: .2;
}

.CQ__accordion {
    margin-top: 20px;
}

.CQ__accordion__header {
    padding-bottom: 1.53846rem;
    padding-top: 1.53846rem;
    border-top: 1px solid #bebebe;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    color: #2a2a2a;
    font-family: "HelveticaNeue Cond",helvetica,sans-serif;
    font-weight: 700;
    font-size: 1.38462rem;
    letter-spacing: .03em;
}

    .CQ__accordion__header:after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "?";
        line-height: 1;
        text-transform: uppercase;
        font-family: "icomoon" !important;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
    }

    .CQ__accordion__header.active:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .CQ__accordion__header h3 {
        color: #2a2a2a;
        font-family: "HelveticaNeue Cond",helvetica,sans-serif;
        font-weight: 700;
        font-size: 1.38462rem;
        letter-spacing: .03em;
        line-height: 1;
        text-transform: uppercase;
    }

.CQ__accordion__content {
    display: none;
    padding-bottom: 20px;
}

.CQ__accordion__benfits,
.CQ__accordion__details,
.CQ__accordion__features {
    display: none;
}

    .CQ__accordion__benfits.active,
    .CQ__accordion__details.active,
    .CQ__accordion__features.active {
        display: block;
    }

.CQ__accordion__benfits__item,
.CQ__accordion__details__item,
.CQ__accordion__features__item {
    padding: 10px 10px 5px 0;
}

.CQ__accordion__benfits__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.CQ__accordion__benfits__sx {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.CQ__accordion__benfits__dx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

.CQ__accordion__benfits__title {
    font-size: 1.23077rem;
    padding-bottom: 10px;
}

.CQ__accordion__benfits__body {
    font-size: 1.07692rem;
}

.CQ__accordion__details__description p {
    font-size: 1.07692rem;
}

.CQ__accordion__details__item {
    font-family: "HelveticaNeue",helvetica,sans-serif;
    width: 100%;
    margin-left: 1.25rem;
}

.CQ__accordion__details__sx {
    letter-spacing: .04rem;
    line-height: 1.5;
    font-style: normal;
    text-transform: capitalize;
    margin-right: 5px;
    font-size: 1.07692rem;
    font-weight: 500;
}

.CQ__accordion__details__dx {
    font-weight: 300;
    letter-spacing: .04rem;
    line-height: 1.5;
    font-style: normal;
    text-transform: capitalize;
    font-size: 1.07692rem;
    margin-bottom: 0;
}

.CQ__accordion__details__dx--style {
    text-transform: uppercase;
}

.CQ__accordion__features .CQ__accordion__content ul {
    list-style: disc;
    padding-left: 1em;
}

.CQ__accordion__features .CQ__accordion__content li {
    margin-bottom: 15px;
}

#CQ-submit {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    min-width: 140px;
    padding: 13px 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.4px;
    text-align: center;
    width: 100%;
    background-color: #2a2a2a;
    color: #fff;
    position: relative;
}

    #CQ-submit::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    #CQ-submit:hover {
        background-color: rgba(42, 42, 42, 0.75);
    }

    #CQ-submit .CQ-submit__add {
        display: block;
        pointer-events: none;
    }

    #CQ-submit .CQ-submit__out {
        display: none;
        pointer-events: none;
    }

    #CQ-submit.outOfStock {
        pointer-events: none;
        opacity: .5;
    }

        #CQ-submit.outOfStock .CQ-submit__add {
            display: none;
        }

        #CQ-submit.outOfStock .CQ-submit__out {
            display: block;
        }

.lds-dual-ring {
    display: inline-block;
    width: 60px;
    height: 60px;
    pointer-events: none;
}

#CQ-submit .lds-dual-ring {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

    #CQ-submit .lds-dual-ring.active {
        display: inline-block;
    }

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 60px;
    height: 60px;
    margin: 4px 10px;
    border-radius: 50%;
    border: 4px solid #bebebe;
    border-color: #bebebe #f3f1f1 #bebebe #f3f1f1;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite;
    margin: 0;
}

#CQ-submit .lds-dual-ring:after {
    width: 30px;
    height: 30px;
    opacity: .6;
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

footer.extended {
    margin-top: 0;
}

.hc-container button.button {
    outline: none !important;
    width: auto;
}

.hc-container p b {
    font-family: "HelveticaNeue", helvetica, sans-serif;
    font-weight: 700;
}

.hc-container a {
    text-transform: none;
}

    .hc-container a:hover,
    .hc-container a:active,
    .hc-container a:focus {
        color: inherit !important;
    }

.hc-container .tnf-banner {
    margin-bottom: 0;
}

.hc-container img.lozad {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .hc-container img.lozad[data-loaded="true"] {
        opacity: 1;
    }

.hc-container .h-100 {
    height: 100%;
}

.hc-container .w-100 {
    width: 100%;
}

.hc-container .stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.women {
    display: none;
}

.posfix {
    position: fixed;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
}

.hc-container .font-light {
    font-weight: 300 !important;
}

.loyalty-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 4rem;
    margin-left: 1rem;
}

.loyalty-inner {
    padding: 0rem !important;
}

.loyalty-square-onlyimg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 21%;
    flex: 1 0 21%;
    min-width: calc(36% - (2rem * 2));
    max-width: calc(36% - (2rem * 2));
    height: 100%;
    margin: 0.5rem;
    position: relative;
    text-align: center;
}

    .loyalty-square-onlyimg.cont-icons {
        cursor: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 21%;
        flex: 1 0 21%;
        min-width: calc(26% - (2rem * 2));
        max-width: calc(26% - (2rem * 2));
        margin-bottom: 4rem;
    }

        .loyalty-square-onlyimg.cont-icons.icon-de {
            min-width: calc(22% - (2rem * 2));
            max-width: calc(22% - (2rem * 2));
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(2) img,
        .loyalty-square-onlyimg.cont-icons:nth-child(3) img {
            width: 4rem !important;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(4) img {
            width: 3.4rem !important;
        }

        .loyalty-square-onlyimg.cont-icons.icon-de1 img {
            width: 5rem !important;
            height: 54px;
        }

        .loyalty-square-onlyimg.cont-icons.icon-de5 img {
            width: 5rem !important;
            height: 54px;
        }

        .loyalty-square-onlyimg.cont-icons .img-txt {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .loyalty-square-onlyimg.cont-icons .img-txt p {
                margin-bottom: 0px;
            }

            .loyalty-square-onlyimg.cont-icons .img-txt img {
                width: 5rem;
                margin-right: 1.5rem;
                height: 54px;
            }

    .loyalty-square-onlyimg.boximg {
        display: none;
    }

        .loyalty-square-onlyimg.boximg:nth-child(1),
        .loyalty-square-onlyimg.boximg:nth-child(2),
        .loyalty-square-onlyimg.boximg:nth-child(3),
        .loyalty-square-onlyimg.boximg:nth-child(4),
        .loyalty-square-onlyimg.boximg:nth-child(5),
        .loyalty-square-onlyimg.boximg:nth-child(6) {
            display: block;
        }

    .loyalty-square-onlyimg .position-relative {
        position: relative;
    }

    .loyalty-square-onlyimg .button {
        margin-top: 1.5rem !important;
        width: 50%;
        margin: 0 auto;
    }

.loyalty-square-onlyimg-img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loyalty-square-onlyimg-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 0 !important;
    width: 80%;
}

.loyalty-square-onlyimg-copy {
    margin-bottom: 0 !important;
    max-width: 80%;
}

.loyalty-square-onlyimg-copy--mob {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100;
    text-align: center;
    font-size: 13px;
    margin: 1rem auto 2rem !important;
    width: 100%;
    max-width: 100%;
}

.loyalty-square-onlyimg-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-position: center center;
}

.loyalty-square-onlyimg-overlay--clickable {
    cursor: pointer;
}

.loyalty-square-onlyimg-overlay .button-cont {
    width: auto;
    margin: 0 auto;
}

    .loyalty-square-onlyimg-overlay .button-cont .button {
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        border: 1px solid #fff;
        color: #fff;
        margin-bottom: 0.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.loyalty-square {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 21%;
    flex: 1 0 21%;
    min-width: calc(50% - (2rem * 2));
    max-width: calc(50% - (2rem * 2));
    padding-bottom: calc(51% - (2rem * 2));
    height: 0;
    margin: 2rem;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.loyalty-square-img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loyalty-square-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 0 !important;
    width: 80%;
}

.loyalty-square-copy {
    margin-bottom: 0 !important;
    max-width: 80%;
}

.loyalty-square-copy--mob {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100;
    text-align: center;
    font-size: 13px;
    margin: 1rem auto 2rem !important;
    width: 100%;
    max-width: 100%;
}

.loyalty-square-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-position: center center;
}

.loyalty-square-overlay--clickable {
    cursor: pointer;
}

.loyalty-square-overlay .button-cont {
    width: auto;
    margin: 0 auto;
}

    .loyalty-square-overlay .button-cont .button {
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        border: 1px solid #fff;
        color: #fff;
        margin-bottom: 0.5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.ring-loader {
    display: block;
    width: 60px;
    height: 60px;
    margin: 2rem auto;
    pointer-events: none;
}

.ring-loader--hidden {
    display: none !important;
}

.ring-loader:after {
    content: " ";
    display: block;
    width: 60px;
    height: 60px;
    margin: 4px 10px;
    border-radius: 50%;
    border: 4px solid #bebebe;
    border-color: #bebebe #f3f1f1 #bebebe #f3f1f1;
    -webkit-animation: ring-loader 1.2s linear infinite;
    animation: ring-loader 1.2s linear infinite;
    margin: 0;
}

@-webkit-keyframes ring-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ring-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loyalty-container {
    width: 100%;
    background: #fff;
    position: relative;
}

.loyalty-screen {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .loyalty-screen > .flexrow [class*="col"] {
        position: relative;
    }

.loyalty-overlay-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem;
}

.loyalty-inner {
    width: 100%;
    position: relative;
    padding: 1.5rem;
}

    .loyalty-inner.nopadding {
        padding: 0;
    }

    .loyalty-inner.align-center {
        text-align: center;
    }

    .loyalty-inner.align-left {
        text-align: left;
    }

    .loyalty-inner.align-right {
        text-align: right;
    }

.loyalty-lazy {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.loyalty-ready {
    opacity: 1;
}

.anchorvideo {
    cursor: pointer;
}

.mb-0 {
    margin-bottom: 0 !important;
}

b {
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
    font-weight: 700;
}

.transparent-bg {
    background-color: transparent !important;
}

.loyalty-screen--hero {
    position: relative;
}

    .loyalty-screen--hero video {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .loyalty-screen--hero .tnf-cont {
        display: table;
        width: 100%;
    }

        .loyalty-screen--hero .tnf-cont .imgctn {
            width: 100%;
            display: table-cell;
        }

            .loyalty-screen--hero .tnf-cont .imgctn h3 {
                text-transform: none;
                font-weight: 500;
            }

            .loyalty-screen--hero .tnf-cont .imgctn .button-cont {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                max-width: 400px;
            }

                .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button {
                    border: 1px solid #fff;
                    width: 100%;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                    .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button:hover {
                        border: 1px solid #000 !important;
                    }

                    .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button.transparent-bg {
                        color: #fff;
                    }

                        .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button.transparent-bg:hover {
                            background-color: #000 !important;
                        }

            .loyalty-screen--hero .tnf-cont .imgctn .overlay-black {
                position: absolute;
                z-index: 6;
                bottom: 0;
                left: 0;
                right: 0;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#ff000000), to(black));
                background-image: linear-gradient(#ff000000, black);
                height: 300px;
            }

            .loyalty-screen--hero .tnf-cont .imgctn img {
                width: 100%;
            }

        .loyalty-screen--hero .tnf-cont .cont-icons {
            position: absolute;
            z-index: 10;
            bottom: 20px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            padding: 0% 27% 0% 20%;
        }

            .loyalty-screen--hero .tnf-cont .cont-icons .icon {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .loyalty-screen--hero .tnf-cont .cont-icons .icon img {
                    width: 3.5rem;
                    margin-bottom: 0.8rem;
                }

        .loyalty-screen--hero .tnf-cont .box-nero {
            position: absolute;
            top: 3rem;
            left: 0;
            z-index: 10;
            bottom: 0;
            right: 0;
            width: 60%;
            margin: 0 auto;
            z-index: 10;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .loyalty-screen--hero .tnf-cont .box-nero h1 {
                text-transform: none;
                margin-bottom: 2rem;
                font-weight: 500;
                font-size: 42px;
            }

            .loyalty-screen--hero .tnf-cont .box-nero p.small {
                margin-bottom: 0.5rem;
                padding-top: 1rem;
            }

            .loyalty-screen--hero .tnf-cont .box-nero img {
                width: 250px;
                margin-bottom: 2rem;
            }

            .loyalty-screen--hero .tnf-cont .box-nero svg {
                width: 18px;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

    .loyalty-screen--hero .text-ctn {
        position: absolute;
        text-align: left;
        top: 50%;
        left: 9rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .loyalty-screen--hero .text-ctn h1 {
            font-size: 50px !important;
        }

    .loyalty-screen--hero .logo-ctn {
        position: absolute;
        top: 8%;
        right: 8.5%;
        width: 119px;
    }

.visible {
    display: block !important;
}

.sec-1,
.sec-2,
.sec-3 {
    display: none;
}

.loyalty-screen--explorer {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

    .loyalty-screen--explorer .swiper-container {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .loyalty-screen--explorer .swiper-container .swiper-button-next,
        .loyalty-screen--explorer .swiper-container .swiper-button-prev {
            color: #000;
            padding: 26px 12px 26px 12px;
        }

            .loyalty-screen--explorer .swiper-container .swiper-button-next:after,
            .loyalty-screen--explorer .swiper-container .swiper-button-prev:after {
                font-size: 16px;
                -webkit-text-stroke-width: 2px;
                -webkit-text-stroke-color: black;
            }

    .loyalty-screen--explorer h2 {
        font-size: 32px !important;
        margin-bottom: 0.5rem;
    }

        .loyalty-screen--explorer h2.faket {
            text-transform: none;
            font-weight: 500;
        }

    .loyalty-screen--explorer p {
        text-align: center;
    }

        .loyalty-screen--explorer p:first-child {
            margin-bottom: 3rem;
        }

    .loyalty-screen--explorer .linea {
        border-bottom: 1px solid #000;
        width: 7%;
        margin: 0 auto;
        padding-top: 2rem;
        margin-bottom: 3.5rem;
    }

    .loyalty-screen--explorer .box-nero p {
        margin-bottom: 0;
        text-align: left;
        font-weight: 500;
        line-height: 1.2;
    }

    .loyalty-screen--explorer .box-nero img {
        width: 26px;
        margin-right: 10px;
    }

.loyalty-screen--loyalty {
    padding-bottom: 4rem;
    overflow: hidden;
}

    .loyalty-screen--loyalty .d-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .loyalty-screen--loyalty button.button {
        margin: 0 auto;
        margin-top: 1rem;
    }

    .loyalty-screen--loyalty h2.faket {
        font-size: 32px !important;
        margin-top: 4rem;
        margin-bottom: 0rem;
        text-transform: none;
        font-weight: 500 !important;
    }

    .loyalty-screen--loyalty .sec-dx h2 {
        font-weight: 500 !important;
        font-size: 30px !important;
        text-transform: none;
    }

    .loyalty-screen--loyalty .sec-dx p {
        font-weight: 400;
        margin-bottom: 0px;
    }

        .loyalty-screen--loyalty .sec-dx p a {
            font-weight: 600;
            text-decoration: none;
            text-transform: none;
        }

    .loyalty-screen--loyalty .box-white {
        padding: 1.5rem 1rem 0rem;
        text-align: center;
    }

        .loyalty-screen--loyalty .box-white a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .loyalty-screen--loyalty .box-white a:hover i {
                color: #000;
            }

            .loyalty-screen--loyalty .box-white a i {
                padding-right: 4px;
                padding-top: 1px;
            }

        .loyalty-screen--loyalty .box-white p {
            margin-bottom: 0px;
            font-weight: 500;
            line-height: 1.2;
        }

            .loyalty-screen--loyalty .box-white p.name {
                font-weight: 700;
                margin-bottom: 1rem;
            }

    .loyalty-screen--loyalty .swiper-container {
        margin-top: 2rem;
    }

    .loyalty-screen--loyalty .swiper-button-next {
        color: #fff;
        top: 38%;
        padding: 26px 60px 26px 12px;
    }

    .loyalty-screen--loyalty .swiper-button-prev {
        color: #fff;
        top: 38%;
        padding: 26px 12px 26px 60px;
    }

    .loyalty-screen--loyalty .loyalty-square-overlay {
        -webkit-transition: all .3s;
        transition: all .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: rgba(0, 0, 0, 0.7);
        padding: 1.5rem;
    }

        .loyalty-screen--loyalty .loyalty-square-overlay:hover {
            opacity: 1;
        }

.loyalty-screen--becomeavipeak {
    position: relative;
    overflow: hidden;
}

    .loyalty-screen--becomeavipeak video {
        width: 100%;
    }

.loyalty-screen--explorer {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    overflow: hidden;
    z-index: 3;
}

    .loyalty-screen--explorer .loyalty-grid.xplr {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 75%;
        margin-top: 2.5rem;
        margin-left: auto;
        margin-right: auto;
    }

        .loyalty-screen--explorer .loyalty-grid.xplr .img-txt p.small {
            font-size: 18px;
            margin-top: 16px;
        }

        .loyalty-screen--explorer .loyalty-grid.xplr img {
            width: 6vw !important;
            height: 6vw !important;
            margin-right: 0 !important;
        }

        .loyalty-screen--explorer .loyalty-grid.xplr .black-border {
            height: 2px;
            background: #000;
            position: absolute;
            width: 12%;
            top: 99%;
        }

    .loyalty-screen--explorer .swiper-container {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .loyalty-screen--explorer .swiper-container .swiper-slide {
            width: 625px !important;
        }

            .loyalty-screen--explorer .swiper-container .swiper-slide img {
                width: 25vw !important;
                height: 25vw !important;
                margin-right: 0 !important;
            }

    .loyalty-screen--explorer .swiper-button-prev,
    .loyalty-screen--explorer .swiper-button-next {
        margin-top: -60px;
    }

    .loyalty-screen--explorer h2 {
        font-size: 32px !important;
        margin-bottom: 0.5rem;
    }

        .loyalty-screen--explorer h2.faket {
            text-transform: none;
            font-weight: 500;
        }

    .loyalty-screen--explorer p {
        text-align: center;
    }

        .loyalty-screen--explorer p:first-child {
            margin-bottom: 3rem;
        }

    .loyalty-screen--explorer .linea {
        border-bottom: 1px solid #000;
        width: 7%;
        margin: 0 auto;
        padding-top: 2rem;
        margin-bottom: 3.5rem;
    }

    .loyalty-screen--explorer .box-nero p {
        margin-bottom: 0;
        text-align: left;
        font-weight: 500;
        line-height: 1.2;
    }

    .loyalty-screen--explorer .box-nero a {
        color: #000;
    }

        .loyalty-screen--explorer .box-nero a:hover {
            color: #000;
        }

    .loyalty-screen--explorer .box-nero img {
        width: 26px;
        margin-right: 10px;
    }

.hye__section .hide_img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.hye__section .spacer__black {
    height: 2px;
    background: #000;
    width: 100px;
    display: block;
    margin: 0 auto 60px;
}

.hye__section .tnf-cont p {
    font-weight: 400;
}

.hye__section .tnf-cont .header__title h2 {
    text-align: center !important;
    text-transform: none;
    font-weight: 500;
    font-size: 40px !important;
}

.hye__section .tnf-cont .header__title h3 {
    text-align: center !important;
    text-transform: none;
    font-weight: 500;
}

.hye__section .tnf-cont .header__title .button-cont {
    max-width: 330px;
    margin: 0 auto 40px;
}

.hye__section .tnf-cont .hye__indice .swiper-slide {
    border-right: 1px solid #727272;
    cursor: pointer;
    height: 100%;
}

    .hye__section .tnf-cont .hye__indice .swiper-slide .title__container {
        height: 100%;
        min-height: 5vw;
        background: #303030;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .hye__section .tnf-cont .hye__indice .swiper-slide .title__container h3 {
            text-align: center !important;
            text-transform: none;
            font-weight: 500;
            margin-bottom: 0 !important;
            color: #747474;
            font-size: 22px;
        }

            .hye__section .tnf-cont .hye__indice .swiper-slide .title__container h3.active {
                color: #fff;
            }

.hye__section .tnf-cont .hye__events {
    overflow: hidden !important;
    max-width: 100%;
}

    .hye__section .tnf-cont .hye__events .swiper-slide {
        position: relative;
        height: 100%;
    }

        .hye__section .tnf-cont .hye__events .swiper-slide .flexrow {
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            padding-left: 33.35%;
        }

            .hye__section .tnf-cont .hye__events .swiper-slide .flexrow .col-xs-4.relative {
                position: relative;
                height: 100%;
            }

                .hye__section .tnf-cont .hye__events .swiper-slide .flexrow .col-xs-4.relative .text__container {
                    padding: 0;
                }

        .hye__section .tnf-cont .hye__events .swiper-slide .text__container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            height: 100%;
            width: 25%;
            padding-left: 8.35%;
            background: rgba(0, 0, 0, 0.5);
        }

            .hye__section .tnf-cont .hye__events .swiper-slide .text__container.opacity__black {
                background: rgba(0, 0, 0, 0.75);
                width: 100.09%;
                margin-left: -1px;
            }

                .hye__section .tnf-cont .hye__events .swiper-slide .text__container.opacity__black .center__div {
                    margin: 0 auto;
                }

                .hye__section .tnf-cont .hye__events .swiper-slide .text__container.opacity__black h2 {
                    font-size: 35px;
                    font-weight: 400;
                }

                    .hye__section .tnf-cont .hye__events .swiper-slide .text__container.opacity__black h2 span {
                        font-weight: 500;
                    }

            .hye__section .tnf-cont .hye__events .swiper-slide .text__container h2 {
                text-transform: none;
                font-weight: 500;
            }

    .hye__section .tnf-cont .hye__events .swiper-button-prev:after,
    .hye__section .tnf-cont .hye__events .swiper-button-next:after {
        color: white;
    }

.white-triangle {
    width: 225px;
    height: 225px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -15%;
    left: 45.6%;
    z-index: 2;
}

.fw-500 {
    font-weight: 500 !important;
    text-transform: none;
}

.section__products {
    padding: 50px;
    position: relative;
}

    .section__products h2.voice {
        text-transform: none;
        font-style: normal;
        letter-spacing: normal;
        font-family: "HelveticaNeue",helvetica,sans-serif;
        font-size: 3rem !important;
        font-weight: 500;
    }

    .section__products .swiper-container {
        width: calc(100% + 100px);
        padding: 0 50px;
        margin-left: -50px;
    }

        .section__products .swiper-container .swiper-pagination {
            margin-top: 1rem;
            position: relative;
        }

            .section__products .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
                background-color: #000;
            }

        .section__products .swiper-container .swiper-slide img {
            margin-bottom: 1rem;
            width: 100%;
        }

        .section__products .swiper-container .swiper-slide .prod-name {
            margin-bottom: 0;
        }

.section__form {
    padding: 6rem 0;
    text-align: center;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://s7d2.scene7.com/is/image/TheNorthFaceEU/FW21_GCD_d_back_form?$SCALE-ORIGINAL$");
}

    .section__form h3.voice {
        text-transform: lowercase;
        color: #fff;
        font-size: 2.615rem !important;
    }

        .section__form h3.voice::first-letter {
            text-transform: uppercase;
        }

    .section__form p {
        color: #fff;
    }

    .section__form span {
        color: #fff;
    }

    .section__form label {
        color: #fff;
    }

    .section__form p.termsconditions {
        line-height: 1.5;
        font-size: 11px !important;
        color: #fff;
    }

        .section__form p.termsconditions a {
            font-weight: 300 !important;
            color: #fff;
        }

    .section__form .button-cont {
        display: inline-block;
    }

    .section__form a.track button.button {
        background: transparent;
        border-color: #000;
        margin-bottom: 5rem;
    }

    .section__form .loyalty-modal-buttons {
        margin-bottom: 1.5rem;
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .section__form .loyalty-modal-buttons .button {
            width: 100%;
        }

            .section__form .loyalty-modal-buttons .button:hover span {
                color: #fff !important;
            }

            .section__form .loyalty-modal-buttons .button span {
                display: inline-block;
                width: 100%;
                text-align: center;
                color: #000;
            }

    .section__form #buttonContainer .button:not(.button--disabled) {
        border: 1px solid black !important;
    }

@media only screen and (min-width: 451px) {
    .col-sm {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-sm-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-sm-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-sm-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-sm-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-sm-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-sm-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-sm-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-sm-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-sm-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-sm-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-sm-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-sm-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-sm-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-sm {
        display: block !important;
    }

    .flexrow.show-sm {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .col-sm {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-sm-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-sm-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-sm-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-sm-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-sm-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-sm-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-sm-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-sm-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-sm-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-sm-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-sm-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-sm-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-sm-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-sm {
        display: block !important;
    }

    .flexrow.show-sm {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

@media only screen and (min-width: 639px) {
    .col-tab {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-tab-offset-0 {
        margin-left: 0%;
    }

    .col-tab-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-tab-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-tab-offset-1 {
        margin-left: 8.33333%;
    }

    .col-tab-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-tab-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-tab-offset-2 {
        margin-left: 16.66667%;
    }

    .col-tab-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-tab-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-tab-offset-3 {
        margin-left: 25%;
    }

    .col-tab-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-tab-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-tab-offset-4 {
        margin-left: 33.33333%;
    }

    .col-tab-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-tab-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-tab-offset-5 {
        margin-left: 41.66667%;
    }

    .col-tab-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-tab-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-tab-offset-6 {
        margin-left: 50%;
    }

    .col-tab-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-tab-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-tab-offset-7 {
        margin-left: 58.33333%;
    }

    .col-tab-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-tab-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-tab-offset-8 {
        margin-left: 66.66667%;
    }

    .col-tab-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-tab-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-tab-offset-9 {
        margin-left: 75%;
    }

    .col-tab-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-tab-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-tab-offset-10 {
        margin-left: 83.33333%;
    }

    .col-tab-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-tab-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-tab-offset-11 {
        margin-left: 91.66667%;
    }

    .col-tab-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-tab-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-offset-12 {
        margin-left: 100%;
    }

    .col-tab-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-tab {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-tab {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-tab {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-tab {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-tab {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-tab {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-tab {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-tab {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-tab {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-tab {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-tab {
        display: block !important;
    }

    .flexrow.show-tab {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .tnf-custom .button--primary.transparent:hover {
        background: #fff;
        color: #000;
    }

    [class*="maxCont"] {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .col-tab {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-tab-offset-0 {
        margin-left: 0%;
    }

    .col-tab-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-tab-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-tab-offset-1 {
        margin-left: 8.33333%;
    }

    .col-tab-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-tab-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-tab-offset-2 {
        margin-left: 16.66667%;
    }

    .col-tab-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-tab-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-tab-offset-3 {
        margin-left: 25%;
    }

    .col-tab-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-tab-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-tab-offset-4 {
        margin-left: 33.33333%;
    }

    .col-tab-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-tab-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-tab-offset-5 {
        margin-left: 41.66667%;
    }

    .col-tab-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-tab-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-tab-offset-6 {
        margin-left: 50%;
    }

    .col-tab-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-tab-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-tab-offset-7 {
        margin-left: 58.33333%;
    }

    .col-tab-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-tab-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-tab-offset-8 {
        margin-left: 66.66667%;
    }

    .col-tab-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-tab-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-tab-offset-9 {
        margin-left: 75%;
    }

    .col-tab-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-tab-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-tab-offset-10 {
        margin-left: 83.33333%;
    }

    .col-tab-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-tab-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-tab-offset-11 {
        margin-left: 91.66667%;
    }

    .col-tab-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-tab-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-offset-12 {
        margin-left: 100%;
    }

    .col-tab-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-tab {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-tab {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-tab {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-tab {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-tab {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-tab {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-tab {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-tab {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-tab {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-tab {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-tab {
        display: block !important;
    }

    .flexrow.show-tab {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .tnf-custom .button--primary.transparent:hover {
        background: #fff;
        color: #000;
    }

    [class*="maxCont"] {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .col-sm {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-sm-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-sm-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-sm-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-sm-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-sm-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-sm-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-sm-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-sm-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-sm-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-sm-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-sm-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-sm-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-sm-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-tab {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-tab-offset-0 {
        margin-left: 0%;
    }

    .col-tab-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-tab-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-tab-offset-1 {
        margin-left: 8.33333%;
    }

    .col-tab-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-tab-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-tab-offset-2 {
        margin-left: 16.66667%;
    }

    .col-tab-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-tab-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-tab-offset-3 {
        margin-left: 25%;
    }

    .col-tab-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-tab-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-tab-offset-4 {
        margin-left: 33.33333%;
    }

    .col-tab-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-tab-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-tab-offset-5 {
        margin-left: 41.66667%;
    }

    .col-tab-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-tab-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-tab-offset-6 {
        margin-left: 50%;
    }

    .col-tab-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-tab-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-tab-offset-7 {
        margin-left: 58.33333%;
    }

    .col-tab-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-tab-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-tab-offset-8 {
        margin-left: 66.66667%;
    }

    .col-tab-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-tab-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-tab-offset-9 {
        margin-left: 75%;
    }

    .col-tab-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-tab-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-tab-offset-10 {
        margin-left: 83.33333%;
    }

    .col-tab-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-tab-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-tab-offset-11 {
        margin-left: 91.66667%;
    }

    .col-tab-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-tab-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-tab-offset-12 {
        margin-left: 100%;
    }

    .col-tab-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-tab {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-tab {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-tab {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-tab {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-tab {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-tab {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-tab {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-tab {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-tab {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-tab {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-sm {
        display: block !important;
    }

    .flexrow.show-sm {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .show-tab {
        display: block !important;
    }

    .flexrow.show-tab {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .tnf-custom .button--primary.transparent:hover {
        background: #fff;
        color: #000;
    }

    [class*="maxCont"] {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .is-mob {
        display: none;
    }

    .hc-container .tnf-custom h2.voice.fake {
        font-size: 45px;
    }

    .loyalty-screen--hero .tnf-cont .box-nero a.button {
        outline: none !important;
    }

        .loyalty-screen--hero .tnf-cont .box-nero a.button:hover {
            border: 1px solid #fff;
        }
}

@media only screen and (min-width: 640px) {
    .section__menu .navigation-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 56px;
    }

        .section__menu .navigation-wrapper .secondary-nav > ul.shop > li {
            padding: 0 1px;
        }

        .section__menu .navigation-wrapper .secondary-nav.items-4 ul {
            width: 25%;
        }
}

@media (min-width: 640px) {
    .tnf-custom h1.voice,
    .tnf-custom h2.voice.fake {
        font-size: 4.154rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom .row {
        margin-top: 3em;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .tnf-custom h1.voice,
    .tnf-custom h2.voice.fake {
        font-size: 4.154rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom .row {
        margin-top: 3em;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .tnf-custom h1.voice,
    .tnf-custom h2.voice.fake {
        font-size: 4.154rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
        padding: 0;
    }

    .tnf-custom .row {
        margin-top: 3em;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }
}

@media screen and (min-width: 640px) {
    .tnf-banner.tnf-custom h1.voice {
        font-size: 45px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 45px;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 45px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 45px;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 45px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 45px;
    }
}

@media screen and (min-width: 720px) {
    #CQ-quickview.active .CQ__container {
        pointer-events: all;
        opacity: 1;
    }

    .CQ--desc {
        display: block;
    }

    .CQ--mob {
        display: none;
    }

    .CQ__close {
        width: 24px;
        height: 24px;
    }

        .CQ__close span {
            height: 30px;
            background-color: #2a2a2a;
        }

    .CQ__container {
        max-width: 1070px;
        padding: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        pointer-events: none;
        left: 0;
        right: 0;
        margin: 50px auto;
        position: absolute;
        min-height: 800px;
    }

    .CQ__sx {
        -webkit-box-flex: 55%;
        -ms-flex: 55%;
        flex: 55%;
        max-width: 55%;
        padding-right: 20px;
    }

    .CQ__dx {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%;
        max-width: 45%;
        padding-left: 20px;
    }

    .CQ__overlay {
        background-color: rgba(42, 42, 42, 0.8);
        overflow: auto;
    }

    .CQ__title {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: 0.49px;
        font-weight: 500;
    }

    .CQ__description {
        display: block;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.29px;
        font-weight: 400;
    }

    .CQ__sizes,
    .CQ__inseam {
        margin-top: 15px;
    }

    .CQ__color-wrap {
        border-top: 1px #bebebe solid;
        border-bottom: 1px #bebebe solid;
        margin: 20px 0;
        padding: 20px 0;
    }

    .CQ__gallery__top .swiper-pagination {
        display: none;
    }

    .CQ__accordion__details__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CQ__accordion__details__sx {
        -webkit-box-flex: 37%;
        -ms-flex: 37%;
        flex: 37%;
    }

    .CQ__accordion__details__dx {
        -webkit-box-flex: 61%;
        -ms-flex: 61%;
        flex: 61%;
    }

    .CQ__accordion__features .CQ__accordion__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .CQ__accordion__features .CQ__accordion__content ul {
            font-weight: 300;
            letter-spacing: .04rem;
            line-height: 1.5;
            font-size: 1.07692rem;
            list-style: square;
            -webkit-box-flex: 50%;
            -ms-flex: 50%;
            flex: 50%;
            max-width: 50%;
        }

        .CQ__accordion__features .CQ__accordion__content li {
            font-size: 1.23077rem;
            font-weight: 300;
            letter-spacing: .04rem;
            line-height: 1.5;
            font-size: 1.07692rem;
            list-style: square;
            margin-bottom: 0;
        }

    #CQ-quickview.active .CQ__container {
        pointer-events: all;
        opacity: 1;
    }

    .CQ--desc {
        display: block;
    }

    .CQ--mob {
        display: none;
    }

    .CQ__close {
        width: 24px;
        height: 24px;
    }

        .CQ__close span {
            height: 30px;
            background-color: #2a2a2a;
        }

    .CQ__container {
        max-width: 1070px;
        padding: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        pointer-events: none;
        left: 0;
        right: 0;
        margin: 50px auto;
        position: absolute;
        min-height: 800px;
    }

    .CQ__sx {
        -webkit-box-flex: 55%;
        -ms-flex: 55%;
        flex: 55%;
        max-width: 55%;
        padding-right: 20px;
    }

    .CQ__dx {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%;
        max-width: 45%;
        padding-left: 20px;
    }

    .CQ__overlay {
        background-color: rgba(42, 42, 42, 0.8);
        overflow: auto;
    }

    .CQ__title {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: 0.49px;
        font-weight: 500;
    }

    .CQ__description {
        display: block;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.29px;
        font-weight: 400;
    }

    .CQ__sizes,
    .CQ__inseam {
        margin-top: 15px;
    }

    .CQ__color-wrap {
        border-top: 1px #bebebe solid;
        border-bottom: 1px #bebebe solid;
        margin: 20px 0;
        padding: 20px 0;
    }

    .CQ__gallery__top .swiper-pagination {
        display: none;
    }

    .CQ__accordion__details__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CQ__accordion__details__sx {
        -webkit-box-flex: 37%;
        -ms-flex: 37%;
        flex: 37%;
    }

    .CQ__accordion__details__dx {
        -webkit-box-flex: 61%;
        -ms-flex: 61%;
        flex: 61%;
    }

    .CQ__accordion__features .CQ__accordion__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .CQ__accordion__features .CQ__accordion__content ul {
            font-weight: 300;
            letter-spacing: .04rem;
            line-height: 1.5;
            font-size: 1.07692rem;
            list-style: square;
            -webkit-box-flex: 50%;
            -ms-flex: 50%;
            flex: 50%;
            max-width: 50%;
        }

        .CQ__accordion__features .CQ__accordion__content li {
            font-size: 1.23077rem;
            font-weight: 300;
            letter-spacing: .04rem;
            line-height: 1.5;
            font-size: 1.07692rem;
            list-style: square;
            margin-bottom: 0;
        }
}

@media (min-width: 1024px) {
    .tnf-custom h1.voice,
    .tnf-custom h1.voice {
        font-size: 7.8rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .tnf-custom h1.voice,
    .tnf-custom h1.voice {
        font-size: 7.8rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }

    .tnf-custom h1.voice,
    .tnf-custom h1.voice {
        font-size: 7.8rem;
    }

    .tnf-custom h1 {
        font-size: 2.923rem;
    }

    .tnf-custom h2 {
        font-size: 2.615rem;
    }

        .tnf-custom h1.typ-2,
        .tnf-custom h3,
        .tnf-custom h2.voice {
            font-size: 2.154rem;
        }

            .tnf-custom .overline,
            .tnf-custom h3.voice,
            .tnf-custom .title {
                font-size: 1.846rem;
            }

    .tnf-custom h4 {
        font-size: 1.615rem;
    }

        .tnf-custom h4.voice {
            font-size: 1.615rem;
        }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.615rem;
    }

    .tnf-custom h5,
    .tnf-custom .button--extra-large {
        font-size: 1.538rem;
    }

    .tnf-custom h6,
    .tnf-custom .product-name.typ-2,
    .tnf-custom .price.typ-2,
    .tnf-custom a,
    .tnf-custom .text-link,
    .tnf-custom h1.page-breadcrumb-token {
        font-size: 1.385rem;
    }

    .tnf-custom .title.typ-2,
    .tnf-custom .product-name.typ-3,
    .tnf-custom .price.typ-3,
    .tnf-custom .button--large {
        font-size: 1.231rem;
    }

    .tnf-custom p.small,
    .tnf-custom ul.small li,
    .tnf-custom .button--medium {
        font-size: 1.077rem;
    }

    .tnf-custom .button--small {
        font-size: .923rem;
    }

    .tnf-custom p {
        font-size: 1.231rem;
    }

    .tnf-custom ul li {
        font-size: 1.231rem;
    }

    .tnf-custom .button--small {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .tnf-custom .button--medium {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }

    .tnf-custom .button--large {
        padding-right: 5rem;
        padding-left: 5rem;
    }

    .tnf-custom .button--extra-large {
        padding-right: 7rem;
        padding-left: 7rem;
    }
}

@media screen and (min-width: 1070px) {
    .CQ__container {
        width: 100%;
    }

    .CQ__gallery__bottom {
        max-width: 400px;
    }

    .CQ__container {
        width: 100%;
    }

    .CQ__gallery__bottom {
        max-width: 400px;
    }
}

@media only screen and (min-width: 1108px) {
    .flexbox.show-md {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .text__container.show-md {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media only screen and (min-width: 1109px) {
    .col-md {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-md-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-md-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-md-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-md-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-md-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-md-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-md-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-md-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-md-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-md-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-md-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-md-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-md-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-0 {
        margin-left: 0%;
    }

    .col-laptop-piccolo-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-laptop-piccolo-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-1 {
        margin-left: 8.33333%;
    }

    .col-laptop-piccolo-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-2 {
        margin-left: 16.66667%;
    }

    .col-laptop-piccolo-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-laptop-piccolo-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-3 {
        margin-left: 25%;
    }

    .col-laptop-piccolo-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-laptop-piccolo-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-4 {
        margin-left: 33.33333%;
    }

    .col-laptop-piccolo-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-laptop-piccolo-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-5 {
        margin-left: 41.66667%;
    }

    .col-laptop-piccolo-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-laptop-piccolo-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-6 {
        margin-left: 50%;
    }

    .col-laptop-piccolo-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-laptop-piccolo-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-7 {
        margin-left: 58.33333%;
    }

    .col-laptop-piccolo-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-laptop-piccolo-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-8 {
        margin-left: 66.66667%;
    }

    .col-laptop-piccolo-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-laptop-piccolo-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-9 {
        margin-left: 75%;
    }

    .col-laptop-piccolo-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-laptop-piccolo-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-10 {
        margin-left: 83.33333%;
    }

    .col-laptop-piccolo-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-laptop-piccolo-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-11 {
        margin-left: 91.66667%;
    }

    .col-laptop-piccolo-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-laptop-piccolo-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-12 {
        margin-left: 100%;
    }

    .col-laptop-piccolo-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-laptop-piccolo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-laptop-piccolo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-laptop-piccolo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-laptop-piccolo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-laptop-piccolo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-laptop-piccolo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-laptop-piccolo {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-laptop-piccolo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-laptop-piccolo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-laptop-piccolo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-md {
        display: block !important;
    }

    .flexrow.show-md {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .show-laptop-piccolo {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo {
        display: none !important;
    }

    .col-md {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-md-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-md-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-md-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-md-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-md-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-md-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-md-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-md-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-md-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-md-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-md-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-md-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-md-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-0 {
        margin-left: 0%;
    }

    .col-laptop-piccolo-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-laptop-piccolo-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-1 {
        margin-left: 8.33333%;
    }

    .col-laptop-piccolo-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-2 {
        margin-left: 16.66667%;
    }

    .col-laptop-piccolo-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-laptop-piccolo-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-3 {
        margin-left: 25%;
    }

    .col-laptop-piccolo-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-laptop-piccolo-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-4 {
        margin-left: 33.33333%;
    }

    .col-laptop-piccolo-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-laptop-piccolo-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-5 {
        margin-left: 41.66667%;
    }

    .col-laptop-piccolo-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-laptop-piccolo-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-6 {
        margin-left: 50%;
    }

    .col-laptop-piccolo-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-laptop-piccolo-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-7 {
        margin-left: 58.33333%;
    }

    .col-laptop-piccolo-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-laptop-piccolo-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-8 {
        margin-left: 66.66667%;
    }

    .col-laptop-piccolo-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-laptop-piccolo-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-9 {
        margin-left: 75%;
    }

    .col-laptop-piccolo-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-laptop-piccolo-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-10 {
        margin-left: 83.33333%;
    }

    .col-laptop-piccolo-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-laptop-piccolo-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-11 {
        margin-left: 91.66667%;
    }

    .col-laptop-piccolo-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-laptop-piccolo-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-12 {
        margin-left: 100%;
    }

    .col-laptop-piccolo-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-laptop-piccolo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-laptop-piccolo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-laptop-piccolo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-laptop-piccolo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-laptop-piccolo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-laptop-piccolo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-laptop-piccolo {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-laptop-piccolo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-laptop-piccolo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-laptop-piccolo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-md {
        display: block !important;
    }

    .flexrow.show-md {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .show-laptop-piccolo {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo {
        display: none !important;
    }

    .section__renewed .button-cont p.white {
        font-size: 22px;
    }

    .col-md {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-md-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-md-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-md-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-md-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-md-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-md-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-md-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-md-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-md-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-md-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-md-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-md-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-md-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-0 {
        margin-left: 0%;
    }

    .col-laptop-piccolo-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-laptop-piccolo-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-1 {
        margin-left: 8.33333%;
    }

    .col-laptop-piccolo-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-laptop-piccolo-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-2 {
        margin-left: 16.66667%;
    }

    .col-laptop-piccolo-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-laptop-piccolo-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-3 {
        margin-left: 25%;
    }

    .col-laptop-piccolo-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-laptop-piccolo-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-4 {
        margin-left: 33.33333%;
    }

    .col-laptop-piccolo-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-laptop-piccolo-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-5 {
        margin-left: 41.66667%;
    }

    .col-laptop-piccolo-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-laptop-piccolo-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-6 {
        margin-left: 50%;
    }

    .col-laptop-piccolo-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-laptop-piccolo-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-7 {
        margin-left: 58.33333%;
    }

    .col-laptop-piccolo-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-laptop-piccolo-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-8 {
        margin-left: 66.66667%;
    }

    .col-laptop-piccolo-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-laptop-piccolo-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-9 {
        margin-left: 75%;
    }

    .col-laptop-piccolo-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-laptop-piccolo-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-10 {
        margin-left: 83.33333%;
    }

    .col-laptop-piccolo-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-laptop-piccolo-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-11 {
        margin-left: 91.66667%;
    }

    .col-laptop-piccolo-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-laptop-piccolo-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-laptop-piccolo-offset-12 {
        margin-left: 100%;
    }

    .col-laptop-piccolo-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-laptop-piccolo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-laptop-piccolo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-laptop-piccolo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-laptop-piccolo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-laptop-piccolo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-laptop-piccolo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-laptop-piccolo {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-laptop-piccolo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-laptop-piccolo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-laptop-piccolo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-md {
        display: block !important;
    }

    .flexrow.show-md {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .show-laptop-piccolo {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo {
        display: none !important;
    }

    .is-mob {
        display: none;
    }

    .hc-container .tnf-custom h1.voice {
        font-size: 65px;
    }

    .loyalty-square-onlyimg:hover .lb-square-overlay {
        opacity: 1;
    }

    .loyalty-square-onlyimg:hover .lb-square-title {
        opacity: 0;
    }

    .loyalty-square-onlyimg-overlay .button-cont .button:hover {
        background: #fff;
        color: #000;
    }

    .loyalty-square:hover .lb-square-overlay {
        opacity: 1;
    }

    .loyalty-square:hover .lb-square-title {
        opacity: 0;
    }

    .loyalty-square-overlay .button-cont .button:hover {
        background: #fff;
        color: #000;
    }

    .loyalty-screen--hero .tnf-cont .box-nero a.button {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .loyalty-screen--loyalty .sec-dx h2 {
        font-size: 35px !important;
        margin-bottom: 1rem;
    }

    .loyalty-screen--loyalty .sec-dx p.bigger {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1451px) {
    .col-lg {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-lg-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-lg-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-lg-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-lg-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-lg-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-lg-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-lg-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-lg-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-lg-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-lg-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-lg-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-lg-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-lg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-lg {
        display: block !important;
    }

    .flexrow.show-lg {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    :not(.lang--en) .sus-container .sus-32 {
        font-size: 28px !important;
    }

    .col-lg {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-lg-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-lg-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-lg-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-lg-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-lg-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-lg-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-lg-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-lg-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-lg-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-lg-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-lg-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-lg-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-lg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-lg {
        display: block !important;
    }

    .flexrow.show-lg {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    :not(.lang--en) .sus-container .sus-32 {
        font-size: 1.85rem !important;
    }
}

@media screen and (min-width: 1700px) {
    .tnf-banner.tnf-custom h1.voice {
        font-size: 65px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 65px;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 65px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 65px;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 65px;
    }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 65px;
    }
}

@media only screen and (min-width: 1901px) {
    .col-xl {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-xl-offset-0 {
        margin-left: 0%;
    }

    .col-xl-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-xl-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-xl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-xl-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-xl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-xl-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-xl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-xl-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-xl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-xl-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-xl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-xl-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-xl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-xl-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-xl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-xl-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-xl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-xl-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-xl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-xl-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-xl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-xl-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-xl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-xl-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-xl {
        display: block !important;
    }

    .flexrow.show-xl {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .col-xl {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-xl-offset-0 {
        margin-left: 0%;
    }

    .col-xl-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-xl-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-xl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-xl-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-xl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-xl-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-xl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-xl-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-xl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-xl-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-xl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-xl-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-xl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-xl-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-xl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-xl-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-xl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-xl-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-xl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-xl-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-xl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-xl-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-xl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-xl-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-xl {
        display: block !important;
    }

    .flexrow.show-xl {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .section__bottom .overlay-cont .text-cont .bottom-logo {
        width: 320px;
    }

    .col-lg {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-lg-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-lg-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-lg-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-lg-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-lg-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-lg-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-lg-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-lg-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-lg-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-lg-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-lg-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-lg-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-lg-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

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

    .col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-xl {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-0 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        max-width: 0%;
        padding: 0;
    }

    .col-xl-offset-0 {
        margin-left: 0%;
    }

    .col-xl-order-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .col-xl-1 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        padding: 0;
    }

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

    .col-xl-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .col-xl-2 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        padding: 0;
    }

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

    .col-xl-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .col-xl-3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0;
    }

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

    .col-xl-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .col-xl-4 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        padding: 0;
    }

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

    .col-xl-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-xl-5 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        padding: 0;
    }

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

    .col-xl-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .col-xl-6 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0;
    }

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

    .col-xl-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .col-xl-7 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        padding: 0;
    }

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

    .col-xl-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .col-xl-8 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        padding: 0;
    }

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

    .col-xl-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .col-xl-9 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        padding: 0;
    }

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

    .col-xl-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .col-xl-10 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        padding: 0;
    }

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

    .col-xl-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .col-xl-11 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        padding: 0;
    }

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

    .col-xl-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .col-xl-12 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .flexrow.start-xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .flexrow.center-xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flexrow.end-xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .flexrow.top-xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flexrow.middle-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .flexrow.bottom-xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flexrow.around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .flexrow.between-xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .show-lg {
        display: block !important;
    }

    .flexrow.show-lg {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .show-xl {
        display: block !important;
    }

    .flexrow.show-xl {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

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

    .hc-container .tnf-custom h2.voice.fake {
        font-size: 65px;
    }

    .loyalty-square-onlyimg {
        min-width: calc(35% - (2rem * 2));
        max-width: calc(35% - (2rem * 2));
    }

    .loyalty-screen--loyalty .sec-dx {
        padding-right: 5%;
    }
}

@media screen and (max-width: 1920px) {
    .white-triangle {
        width: 150px;
        height: 150px;
        left: calc(50% - 75px);
    }
}

@media only screen and (max-width: 1900px) {
    .hye__section .tnf-cont .hye__indice .swiper-slide .title__container {
        min-height: 7vw;
    }

        .hye__section .tnf-cont .hye__indice .swiper-slide .title__container h3 {
            font-size: 20px;
        }
}

@media screen and (max-width: 1699px) {
    .white-triangle {
        width: 110px;
        height: 110px;
        left: calc(50% - 55px);
    }
}

@media screen and (max-width: 1450px) {
    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 35%;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 35%;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 35%;
    }
}

@media only screen and (max-width: 1439px) {
    .loyalty-square-onlyimg {
        min-width: calc(25% - (1rem * 2));
        max-width: calc(25% - (1rem * 2));
        padding-bottom: calc(0% - (1rem * 2));
        margin: 1rem;
    }

    .loyalty-square-onlyimg {
        min-width: calc(38% - (2rem * 2));
        max-width: calc(38% - (2rem * 2));
        padding-bottom: calc(0% - (2rem * 2));
        margin: 0.5rem;
    }

    .loyalty-square {
        min-width: calc(25% - (1rem * 2));
        max-width: calc(25% - (1rem * 2));
        padding-bottom: calc(25% - (1rem * 2));
        margin: 1rem;
    }

    .loyalty-square {
        min-width: calc(54% - (2rem * 2));
        max-width: calc(54% - (2rem * 2));
        padding-bottom: calc(55% - (2rem * 2));
        margin: 1rem;
    }

    .loyalty-screen--loyalty .sec-dx h2 {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 1366px) {
    .white-triangle {
        width: 80px;
        height: 100px;
        left: calc(50% - 40px);
    }

    .white-triangle {
        width: 80px;
        height: 100px;
        left: calc(50% - 40px);
    }
}

@media only screen and (max-width: 1109px) {
    .relative-tab {
        position: relative !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .utmb-container .mob-text-center {
        text-align: center !important;
    }

    .sus-container .sus-32 {
        font-size: 16px !important;
    }

    .relative-tab {
        position: relative !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .sus-container .mob-text-center {
        text-align: center !important;
    }

    .sus-container .sus-32 {
        font-size: 16px !important;
    }

    .relative-tab {
        position: relative !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .hc-container .h-100 {
        min-height: 0;
        height: auto;
    }

    .is-mob {
        display: none;
    }

    .loyalty-square-onlyimg.cont-icons.icon-de {
        min-width: calc(100% - (2rem * 2));
        max-width: calc(100% - (2rem * 2));
    }

        .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(1) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
        }

        .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(2) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(3) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

            .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(3) img {
                width: 58px !important;
                margin-left: -5px;
                margin-right: 12px;
                height: 2.6rem;
            }

        .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(4) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

            .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(4) img {
                width: 3.5rem !important;
                height: 37px;
            }

        .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(5) {
            -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
            order: 5;
        }

            .loyalty-square-onlyimg.cont-icons.icon-de:nth-child(5) img {
                height: 38px;
                width: 3.5rem !important;
            }

    .loyalty-square-onlyimg.cont-icons {
        min-width: calc(100% - (2rem * 2));
        max-width: calc(100% - (2rem * 2));
        margin-bottom: 0rem;
    }

        .loyalty-square-onlyimg.cont-icons:nth-child(1) {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(2) {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(3) {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(4) {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(2) img,
        .loyalty-square-onlyimg.cont-icons:nth-child(3) img {
            width: 3.5rem !important;
            height: 3rem;
        }

        .loyalty-square-onlyimg.cont-icons:nth-child(4) img {
            height: 3rem;
            margin-bottom: 0;
            width: 3.5rem !important;
        }

        .loyalty-square-onlyimg.cont-icons img {
            width: 3.5rem !important;
            margin-bottom: 0;
            height: 3rem;
        }

        .loyalty-square-onlyimg.cont-icons .img-txt {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            padding-left: 39%;
        }

    .loyalty-square-onlyimg[data-with-text='true'] {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }

    .loyalty-square[data-with-text='true'] {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }

    .loyalty-overlay-cont {
        position: relative;
    }

    .loyalty-overlay-cont--mob-nopadding {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .loyalty-screen--hero .tnf-cont .imgctn {
        width: 40%;
    }

        .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button {
            width: 100%;
        }

    .loyalty-screen--hero .text-ctn {
        left: 6rem;
    }

        .loyalty-screen--hero .text-ctn h1 {
            font-size: 36px !important;
        }

    .loyalty-screen--hero .logo-ctn {
        width: 90px;
    }

    .loyalty-screen--explorer {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

        .loyalty-screen--explorer .box-nero {
            padding: 10px;
        }

            .loyalty-screen--explorer .box-nero p {
                font-size: 16px;
            }

    .loyalty-screen--loyalty .sec-dx h2,
    .loyalty-screen--loyalty .sec-dx p {
        text-align: center;
    }

    .loyalty-screen--loyalty .loyalty-square-overlay {
        opacity: 1;
        position: relative;
        -webkit-transform: none;
        transform: none;
        background: white;
        left: auto;
        right: auto;
        padding: .5rem 1.5rem 0;
    }

        .loyalty-screen--loyalty .loyalty-square-overlay p {
            color: #000 !important;
        }

            .loyalty-screen--loyalty .loyalty-square-overlay p.small {
                font-size: 11px !important;
            }

        .loyalty-screen--loyalty .loyalty-square-overlay .photo-title {
            line-height: 1;
            font-size: 13px;
            min-height: 30px;
        }

    .loyalty-screen--explorer {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

        .loyalty-screen--explorer .box-nero {
            padding: 10px;
        }

            .loyalty-screen--explorer .box-nero p {
                font-size: 16px;
            }

    .hye__section .tnf-cont .hye__events .swiper-slide .text__container {
        background: transparent;
        width: 100%;
        height: 50%;
        margin-top: 89%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
    }

        .hye__section .tnf-cont .hye__events .swiper-slide .text__container h2,
        .hye__section .tnf-cont .hye__events .swiper-slide .text__container p {
            text-align: center !important;
        }

        .hye__section .tnf-cont .hye__events .swiper-slide .text__container h2 {
            font-size: 7vw;
        }

        .hye__section .tnf-cont .hye__events .swiper-slide .text__container p {
            margin-bottom: 0 !important;
            font-size: 20px;
        }

        .hye__section .tnf-cont .hye__events .swiper-slide .text__container.opacity__black {
            background: transparent;
        }

    .hye__section .tnf-cont .hye__events .swiper-button-prev,
    .hye__section .tnf-cont .hye__events .swiper-button-next {
        display: none;
    }

    .section__products {
        padding-bottom: 2rem;
        padding-left: 10px;
        padding-right: 10px;
    }

        .section__products .swiper-container {
            width: calc(100% + 20px);
            padding-left: 10px;
            padding-right: 10px;
            margin-left: -10px;
        }
}

@media screen and (max-width: 1108px) {
    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 40%;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 40%;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 40%;
    }
}

@media only screen and (max-width: 1108px) {
    .flexbox.show-xs {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .text__container.show-xs {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media screen and (max-width: 1100px) {
    .link-list .list {
        padding: 10px;
    }

        .link-list .list a {
            font-size: 16px;
        }

    .section__hero .overlay-cont__1 .row,
    .section__hero .overlay-cont__3 .row,
    .section__hero .overlay-cont__2 .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .section__hero .overlay-cont__1 .row > div,
        .section__hero .overlay-cont__3 .row > div,
        .section__hero .overlay-cont__2 .row > div {
            width: 100%;
        }

    .overlay-cont__3__box2 {
        padding-top: 0;
    }

    .section__hero .overlay-cont__1 img,
    .section__hero .overlay-cont__3 .loop-slider .line img {
        margin: 0 auto;
        display: block;
        max-width: 300px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .section__hero .overlay-cont__3 .loop-slider,
    .section__hero .overlay-cont__3 .loop-slider .line {
        max-height: 240px;
    }

    .section__hero .overlay-cont__1 p,
    .section__hero .overlay-cont__1 a,
    .section__hero .overlay-cont__3 p,
    .section__hero .overlay-cont__3 a {
        padding-left: 0;
    }

    .section__hero .overlay-cont__3 .loop-slider,
    .section__hero .overlay-cont__3 .loop-slider .line {
        height: 300px;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }

        .section__hero .overlay-cont__3 .loop-slider img,
        .section__hero .overlay-cont__1 .loop-slider img {
            max-height: 300px;
            width: auto;
            margin: unset;
        }

    .hide-in-mbl {
        display: none;
    }

        .hide-in-mbl.show-lang--sv {
            display: block;
        }

    .show-in-mbl {
        display: block;
    }

    .section__hero .overlay-cont__2 img {
        width: 100px !important;
    }
}

@media screen and (max-width: 1070px) {
    .CQ__container {
        width: 90%;
    }

    .CQ__container {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .loyalty-screen--hero .tnf-cont .box-nero img {
        width: 120px;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 1024px) {
    .section__menu .navigation-wrapper .secondary-nav > ul.shop:hover ul,
    .section__menu .navigation-wrapper .secondary-nav > ul.shop .activated ul {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .tnf-banner.tnf-custom h1.voice {
        font-size: 5vw;
    }

        .tnf-banner.tnf-custom h1.voice.fake {
            font-size: 3vw;
        }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 5vw;
    }

    .tnf-banner.tnf-custom h1.typ-2,
    .tnf-banner.tnf-custom h3,
    .tnf-banner.tnf-custom h2.voice,
    .tnf-banner.tnf-custom h2 {
        font-size: 3vw;
    }

    .tnf-banner.tnf-custom .button--large {
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 1.077rem;
        padding-top: .76em;
        padding-bottom: .69em;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 5vw;
    }

        .tnf-banner.tnf-custom h1.voice.fake {
            font-size: 3vw;
        }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 5vw;
    }

    .tnf-banner.tnf-custom h1.typ-2,
    .tnf-banner.tnf-custom h3,
    .tnf-banner.tnf-custom h2.voice,
    .tnf-banner.tnf-custom h2 {
        font-size: 3vw;
    }

    .tnf-banner.tnf-custom .button--large {
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 1.077rem;
        padding-top: .76em;
        padding-bottom: .69em;
    }

    .tnf-banner.tnf-custom h1.voice {
        font-size: 5vw;
    }

        .tnf-banner.tnf-custom h1.voice.fake {
            font-size: 3vw;
        }

    .tnf-banner.tnf-custom h2.voice.fake {
        font-size: 5vw;
    }

    .tnf-banner.tnf-custom h1.typ-2,
    .tnf-banner.tnf-custom h3,
    .tnf-banner.tnf-custom h2.voice,
    .tnf-banner.tnf-custom h2 {
        font-size: 3vw;
    }

    .tnf-banner.tnf-custom .button--large {
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 1.077rem;
        padding-top: .76em;
        padding-bottom: .69em;
    }
}

@media screen and (max-width: 991px) {
    p.white.fw-500.text-center.sus-42.overlay-cont__2__text {
        max-width: 90vw;
        margin: 30px auto;
    }

        p.white.fw-500.text-center.sus-42.overlay-cont__2__text br {
            display: none;
        }

    .text-cont__1 {
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .section__hero .overlay-cont__1 img,
    .section__hero .overlay-cont__3 .loop-slider .line img {
        max-width: auto;
        height: auto;
        max-height: auto;
    }

    .section__hero .overlay-cont__3 .loop-slider,
    .section__hero .overlay-cont__3 .loop-slider .line {
        max-height: 100%;
    }

    .overlay-cont__3 {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .links-nav {
        right: unset;
    }
}

@media screen and (max-width: 720px) {
    #CQ-quickview.active .CQ__container {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .CQ__container {
        -webkit-box-shadow: 3px 2px 12px 0px rgba(42, 42, 42, 0.35);
        box-shadow: 3px 2px 12px 0px rgba(42, 42, 42, 0.35);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        width: calc(100% - 20px);
        left: 0;
        bottom: 0;
        overflow: auto;
        position: fixed;
    }

    .CQ__overlay {
        background-color: #fff;
    }

    .CQ__sizes-header {
        margin-top: 20px;
    }

    .CQ__gallery__top {
        margin-bottom: 30px;
        margin-top: 10px;
        height: 0;
        padding-bottom: calc(100% + 36px);
        margin-bottom: 30px;
        overflow: hidden;
    }

        .CQ__gallery__top .swiper-container--top {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .CQ__gallery__top .swiper-pagination {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

    .CQ__gallery__bottom {
        display: none;
    }

    .CQ__gallery__btn {
        display: none;
    }

    #CQ-quickview.active .CQ__container {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .CQ__container {
        -webkit-box-shadow: 3px 2px 12px 0px rgba(42, 42, 42, 0.35);
        box-shadow: 3px 2px 12px 0px rgba(42, 42, 42, 0.35);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        width: calc(100% - 20px);
        left: 0;
        bottom: 0;
        overflow: auto;
        position: fixed;
    }

    .CQ__overlay {
        background-color: #fff;
    }

    .CQ__sizes-header {
        margin-top: 20px;
    }

    .CQ__gallery__top {
        margin-bottom: 30px;
        margin-top: 10px;
        height: 0;
        padding-bottom: calc(100% + 36px);
        margin-bottom: 30px;
        overflow: hidden;
    }

        .CQ__gallery__top .swiper-container--top {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .CQ__gallery__top .swiper-pagination {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

    .CQ__gallery__bottom {
        display: none;
    }

    .CQ__gallery__btn {
        display: none;
    }
}

@media (max-width: 640px) {
    .tnf-custom h1.typ-2 {
        font-size: 1.692em;
        letter-spacing: .03em;
    }

    .tnf-custom .title.typ-2 {
        font-size: 1.385rem;
    }

    .tnf-banner.tnf-custom .tnf-cont p.small.no-margin-mob {
        margin-bottom: 0;
    }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.231rem;
    }

        .tnf-custom .product-name.typ-2,
        .tnf-custom .price.typ-2 {
            font-size: 1.154rem;
        }

        .tnf-custom .product-name.typ-3,
        .tnf-custom .price.typ-3 {
            font-size: 1.077rem;
        }

    .tnf-custom .button {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field-half:nth-child(even) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-half {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field--three-eigths:nth-child(n+2) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field--three-eigths {
        width: 100%;
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-quarter {
        width: 100%;
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-half {
        width: 100%;
    }

        .tnf-custom .field-wrapper.field-half:nth-child(odd) {
            padding-right: 0;
        }

    .tnf-custom .field-wrapper.field--three-eigths {
        width: 100%;
        padding-right: 0;
    }

        .tnf-custom .field-wrapper.field--three-eigths:nth-child(n+2) {
            padding-right: 0;
        }

    .tnf-custom .field-wrapper.field-quarter {
        width: 100%;
        padding-right: 0;
    }

    .tnf-custom h1.typ-2 {
        font-size: 1.692em;
        letter-spacing: .03em;
    }

    .tnf-custom .title.typ-2 {
        font-size: 1.385rem;
    }

    .tnf-banner.tnf-custom .tnf-cont p.small.no-margin-mob {
        margin-bottom: 0;
    }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.231rem;
    }

        .tnf-custom .product-name.typ-2,
        .tnf-custom .price.typ-2 {
            font-size: 1.154rem;
        }

        .tnf-custom .product-name.typ-3,
        .tnf-custom .price.typ-3 {
            font-size: 1.077rem;
        }

    .tnf-custom .button {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field-half:nth-child(even) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-half {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field--three-eigths:nth-child(n+2) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field--three-eigths {
        width: 100%;
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-quarter {
        width: 100%;
        padding-right: 0px;
    }

    .tnf-custom h1.typ-2 {
        font-size: 1.692em;
        letter-spacing: .03em;
    }

    .tnf-custom .title.typ-2 {
        font-size: 1.385rem;
    }

    .tnf-banner.tnf-custom .tnf-cont p.small.no-margin-mob {
        margin-bottom: 0;
    }

    .tnf-custom .product-name,
    .tnf-custom .price {
        font-size: 1.231rem;
    }

        .tnf-custom .product-name.typ-2,
        .tnf-custom .price.typ-2 {
            font-size: 1.154rem;
        }

        .tnf-custom .product-name.typ-3,
        .tnf-custom .price.typ-3 {
            font-size: 1.077rem;
        }

    .tnf-custom .button {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field-half:nth-child(even) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-half {
        width: 100%;
    }

    .tnf-custom .field-wrapper.field--three-eigths:nth-child(n+2) {
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field--three-eigths {
        width: 100%;
        padding-right: 0px;
    }

    .tnf-custom .field-wrapper.field-quarter {
        width: 100%;
        padding-right: 0px;
    }
}

@media screen and (max-width: 639px) {
    .onlymob {
        display: block;
    }

    .nomob {
        display: none;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 0;
    }

    .hotspot {
        bottom: unset;
    }

    .slim--button {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .onlymob {
        display: block;
    }

    .nomob {
        display: none;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 0;
    }

    .hotspot {
        bottom: unset;
    }

    .slim--button {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .onlymob {
        display: block;
    }

    .nomob {
        display: none;
    }

    .tnf-banner.big-banner .tnf-cont.pull-right {
        padding-left: 0;
    }

    .hotspot {
        bottom: unset;
    }

    .slim--button {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media only screen and (max-width: 639px) {
    .tnf-custom .button--primary.transparent.transparent__mob--black {
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--primary.transparent.transparent__mob--black:hover {
            color: #fff;
        }

    .mob-lowercase {
        text-transform: none;
    }

        .mob-lowercase a,
        .mob-lowercase b,
        .mob-lowercase strong {
            text-transform: none !important;
        }

    .bold--nomob {
        font-weight: normal !important;
    }

    .mob-white {
        color: #fff !important;
    }

    .mob-black {
        color: #000 !important;
    }

    .tnf-banner {
        margin-bottom: 10px;
    }

        .tnf-banner.inverted-banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

        .tnf-banner .tnf-cont.relative-mob {
            position: relative;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            padding: 6vw 0.7em !important;
        }

            .tnf-banner .tnf-cont.relative-mob h1,
            .tnf-banner .tnf-cont.relative-mob h2,
            .tnf-banner .tnf-cont.relative-mob h3,
            .tnf-banner .tnf-cont.relative-mob p {
                text-align: center !important;
            }

            .tnf-banner .tnf-cont.relative-mob .button-cont {
                width: 90% !important;
                min-width: 90% !important;
            }

        .tnf-banner .tnf-cont.mob-align-left {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

            .tnf-banner .tnf-cont.mob-align-left h1,
            .tnf-banner .tnf-cont.mob-align-left h2,
            .tnf-banner .tnf-cont.mob-align-left h3,
            .tnf-banner .tnf-cont.mob-align-left p {
                text-align: left !important;
            }

        .tnf-banner .tnf-cont.mob-align-right {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }

            .tnf-banner .tnf-cont.mob-align-right h1,
            .tnf-banner .tnf-cont.mob-align-right h2,
            .tnf-banner .tnf-cont.mob-align-right h3,
            .tnf-banner .tnf-cont.mob-align-right p {
                text-align: right !important;
            }

        .tnf-banner .tnf-cont.mob-align-top {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }

        .tnf-banner .tnf-cont.mob-align-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

            .tnf-banner .tnf-cont.mob-align-center h1,
            .tnf-banner .tnf-cont.mob-align-center h2,
            .tnf-banner .tnf-cont.mob-align-center h3,
            .tnf-banner .tnf-cont.mob-align-center p {
                text-align: center !important;
            }

        .tnf-banner.small-banner .tnf-cont,
        .tnf-banner.as-small-banner .tnf-cont {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0.7em;
        }

        .tnf-banner.tnf-custom h1.voice {
            font-size: 8vw;
        }

            .tnf-banner.tnf-custom h1.voice.fake {
                font-size: 6vw;
            }

        .tnf-banner.tnf-custom h2.voice.fake {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom h1.typ-2,
        .tnf-banner.tnf-custom h3,
        .tnf-banner.tnf-custom h2.voice,
        .tnf-banner.tnf-custom h2 {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont h1.voice {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont p {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom .button--primary.alt-1.mob--black {
            color: #fff;
            background: #000;
        }

        .tnf-banner.tnf-custom .button--secondary.mob--white {
            color: #000;
            background: #fff;
        }

    .sus-container .sus-90 {
        font-size: 12vw !important;
    }

    .sus-container .sus-52 {
        font-size: 7vw !important;
    }

    .sus-container .sus-42 {
        font-size: 7vw !important;
    }

    #subscribeForm .flexrow .col-xs-12 {
        padding: 0;
    }

    #subscribeForm #buttonContainer .button {
        width: 100%;
    }

    .menu-sticky {
        display: -webkit-inline-box;
        overflow: auto;
        width: 100%;
    }

        .menu-sticky .sticky_nav {
            max-width: 290px;
            width: 100%;
        }

    .scroll-down-arrow p {
        font-size: 13px;
    }

    .tnf-custom .button--primary.transparent.transparent__mob--black {
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--primary.transparent.transparent__mob--black:hover {
            color: #fff;
        }

    .mob-lowercase {
        text-transform: none;
    }

        .mob-lowercase a,
        .mob-lowercase b,
        .mob-lowercase strong {
            text-transform: none !important;
        }

    .bold--nomob {
        font-weight: normal !important;
    }

    .mob-white {
        color: #fff !important;
    }

    .mob-black {
        color: #000 !important;
    }

    .tnf-banner {
        margin-bottom: 10px;
    }

        .tnf-banner.inverted-banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

        .tnf-banner .tnf-cont.relative-mob {
            position: relative;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            padding: 6vw 0.7em !important;
        }

            .tnf-banner .tnf-cont.relative-mob h1,
            .tnf-banner .tnf-cont.relative-mob h2,
            .tnf-banner .tnf-cont.relative-mob h3,
            .tnf-banner .tnf-cont.relative-mob p {
                text-align: center !important;
            }

            .tnf-banner .tnf-cont.relative-mob .button-cont {
                width: 90% !important;
                min-width: 90% !important;
            }

        .tnf-banner .tnf-cont.mob-align-left {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

            .tnf-banner .tnf-cont.mob-align-left h1,
            .tnf-banner .tnf-cont.mob-align-left h2,
            .tnf-banner .tnf-cont.mob-align-left h3,
            .tnf-banner .tnf-cont.mob-align-left p {
                text-align: left !important;
            }

        .tnf-banner .tnf-cont.mob-align-right {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }

            .tnf-banner .tnf-cont.mob-align-right h1,
            .tnf-banner .tnf-cont.mob-align-right h2,
            .tnf-banner .tnf-cont.mob-align-right h3,
            .tnf-banner .tnf-cont.mob-align-right p {
                text-align: right !important;
            }

        .tnf-banner .tnf-cont.mob-align-top {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }

        .tnf-banner .tnf-cont.mob-align-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

            .tnf-banner .tnf-cont.mob-align-center h1,
            .tnf-banner .tnf-cont.mob-align-center h2,
            .tnf-banner .tnf-cont.mob-align-center h3,
            .tnf-banner .tnf-cont.mob-align-center p {
                text-align: center !important;
            }

        .tnf-banner.small-banner .tnf-cont,
        .tnf-banner.as-small-banner .tnf-cont {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0.7em;
        }

        .tnf-banner.tnf-custom h1.voice {
            font-size: 8vw;
        }

            .tnf-banner.tnf-custom h1.voice.fake {
                font-size: 6vw;
            }

        .tnf-banner.tnf-custom h2.voice.fake {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom h1.typ-2,
        .tnf-banner.tnf-custom h3,
        .tnf-banner.tnf-custom h2.voice,
        .tnf-banner.tnf-custom h2 {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont h1.voice {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont p {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom .button--primary.alt-1.mob--black {
            color: #fff;
            background: #000;
        }

        .tnf-banner.tnf-custom .button--secondary.mob--white {
            color: #000;
            background: #fff;
        }

    .sus-container .sus-90 {
        font-size: 12vw !important;
    }

    .sus-container .sus-52 {
        font-size: 7vw !important;
    }

    .sus-container .sus-42 {
        font-size: 16px !important;
    }

    .scroll-down-arrow p {
        font-size: 13px;
    }

    .section__hero .sus-52 {
        margin-bottom: 1rem;
    }

    .section__hero .sus-42 {
        font-size: 16px !important;
    }

    .section__body .info-banner .media-cont {
        min-height: 100vh;
        height: auto;
    }

        .section__body .info-banner .media-cont picture {
            height: 100vh;
        }

            .section__body .info-banner .media-cont picture img {
                height: 100vh;
            }

    .section__body .info-banner .text-cont {
        padding: 0 1.5rem;
    }

        .section__body .info-banner .text-cont h2,
        .section__body .info-banner .text-cont p {
            text-align: center;
        }

        .section__body .info-banner .text-cont h2 {
            line-height: 1 !important;
        }

    .section__renewed {
        padding-bottom: 3rem;
    }

        .section__renewed .renewed_logo {
            width: 20vw;
            margin: 3rem auto 2rem;
        }

        .section__renewed .button-cont {
            max-width: 90%;
        }

        .section__renewed .video-cont {
            margin: 2rem auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .section__renewed .video-play {
            width: 17vw;
        }

    .section__bottom .overlay-cont .text-cont {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

        .section__bottom .overlay-cont .text-cont .bottom-logo {
            width: 33vw;
        }

    .section__bottom .button-cont {
        margin-top: 1.5rem;
    }

    .tnf-custom .button--primary.transparent.transparent__mob--black {
        border: 1px solid #000;
        color: #000;
    }

        .tnf-custom .button--primary.transparent.transparent__mob--black:hover {
            color: #fff;
        }

    .mob-lowercase {
        text-transform: none;
    }

        .mob-lowercase a,
        .mob-lowercase b,
        .mob-lowercase strong {
            text-transform: none !important;
        }

    .bold--nomob {
        font-weight: normal !important;
    }

    .mob-white {
        color: #fff !important;
    }

    .mob-black {
        color: #000 !important;
    }

    .tnf-banner {
        margin-bottom: 10px;
    }

        .tnf-banner.inverted-banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

        .tnf-banner .tnf-cont.relative-mob {
            position: relative;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            padding: 6vw 0.7em !important;
        }

            .tnf-banner .tnf-cont.relative-mob h1,
            .tnf-banner .tnf-cont.relative-mob h2,
            .tnf-banner .tnf-cont.relative-mob h3,
            .tnf-banner .tnf-cont.relative-mob p {
                text-align: center !important;
            }

            .tnf-banner .tnf-cont.relative-mob .button-cont {
                width: 90% !important;
                min-width: 90% !important;
            }

        .tnf-banner .tnf-cont.mob-align-left {
            -webkit-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

            .tnf-banner .tnf-cont.mob-align-left h1,
            .tnf-banner .tnf-cont.mob-align-left h2,
            .tnf-banner .tnf-cont.mob-align-left h3,
            .tnf-banner .tnf-cont.mob-align-left p {
                text-align: left !important;
            }

        .tnf-banner .tnf-cont.mob-align-right {
            -webkit-box-align: end !important;
            -ms-flex-align: end !important;
            align-items: flex-end !important;
        }

            .tnf-banner .tnf-cont.mob-align-right h1,
            .tnf-banner .tnf-cont.mob-align-right h2,
            .tnf-banner .tnf-cont.mob-align-right h3,
            .tnf-banner .tnf-cont.mob-align-right p {
                text-align: right !important;
            }

        .tnf-banner .tnf-cont.mob-align-top {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
        }

        .tnf-banner .tnf-cont.mob-align-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

            .tnf-banner .tnf-cont.mob-align-center h1,
            .tnf-banner .tnf-cont.mob-align-center h2,
            .tnf-banner .tnf-cont.mob-align-center h3,
            .tnf-banner .tnf-cont.mob-align-center p {
                text-align: center !important;
            }

        .tnf-banner.small-banner .tnf-cont,
        .tnf-banner.as-small-banner .tnf-cont {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0.7em;
        }

        .tnf-banner.tnf-custom h1.voice {
            font-size: 8vw;
        }

            .tnf-banner.tnf-custom h1.voice.fake {
                font-size: 6vw;
            }

        .tnf-banner.tnf-custom h2.voice.fake {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom h1.typ-2,
        .tnf-banner.tnf-custom h3,
        .tnf-banner.tnf-custom h2.voice,
        .tnf-banner.tnf-custom h2 {
            font-size: 6vw;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont h1.voice {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom.big-banner.as-small-banner.homepage .tnf-cont p {
            margin-bottom: 2.5%;
        }

        .tnf-banner.tnf-custom .button--primary.alt-1.mob--black {
            color: #fff;
            background: #000;
        }

        .tnf-banner.tnf-custom .button--secondary.mob--white {
            color: #000;
            background: #fff;
        }

    .order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .is-desk {
        display: none !important;
    }

    .is-mob {
        display: block;
    }

    .hc-container .tnf-custom h1.voice {
        font-size: 11vw;
    }

    .hc-container .tnf-custom h2.voice.fake {
        font-size: 8vw;
    }

    .hc-container .tnf-custom h3.voice {
        font-size: 5vw;
    }

    .hc-container .tnf-custom p.small-mob {
        font-size: 13px;
        line-height: 1.7;
    }

    .loyalty-grid {
        margin-top: 1rem;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 1rem;
        margin-left: 0rem;
    }

    .loyalty-square-onlyimg.cont-icons {
        min-width: calc(100% - (2rem * 2));
        max-width: calc(100% - (2rem * 2));
        margin-bottom: 0rem;
    }

        .loyalty-square-onlyimg.cont-icons .img-txt {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            padding-left: 5rem;
        }

            .loyalty-square-onlyimg.cont-icons .img-txt img {
                width: 3rem;
            }

    .loyalty-square-onlyimg {
        min-width: calc(52% - (1rem * 2));
        max-width: calc(52% - (1rem * 1.3));
        margin: 0.3rem;
    }

    .loyalty-square {
        min-width: calc(50% - (1rem * 2));
        max-width: calc(50% - (1rem * 2));
        padding-bottom: calc(51% - (1rem * 2));
        margin: 1rem;
    }

    .loyalty-inner.align-center-mob {
        text-align: center;
    }

    .loyalty-inner.align-left-mob {
        text-align: left;
    }

    .loyalty-inner.align-right-mob {
        text-align: right;
    }

    p.small {
        font-size: 1.231rem !important;
    }

    .loyalty-screen--hero .ctn-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .loyalty-screen--hero .ctn-icon p {
            margin-bottom: 0.5rem;
        }

        .loyalty-screen--hero .ctn-icon img {
            width: 70px;
        }

    .loyalty-screen--hero .tnf-cont .imgctn .button-cont {
        max-width: 100%;
    }

        .loyalty-screen--hero .tnf-cont .imgctn .button-cont .button {
            padding-left: 1rem;
            padding-right: 1rem;
        }

    .loyalty-screen--hero .tnf-cont .box-nero {
        width: 80%;
        top: 2rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .loyalty-screen--hero .tnf-cont .box-nero h1 {
            font-size: 8vw;
        }

        .loyalty-screen--hero .tnf-cont .box-nero p {
            font-size: 14px;
        }

        .loyalty-screen--hero .tnf-cont .box-nero img {
            width: 150px;
            margin-bottom: 1.5rem;
        }

        .loyalty-screen--hero .tnf-cont .box-nero svg {
            width: 21px;
        }

    .loyalty-screen--hero .tnf-cont .box-nero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .loyalty-screen--hero .text-ctn {
        top: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        bottom: -10%;
    }

        .loyalty-screen--hero .text-ctn h6 {
            margin-bottom: 0px;
        }

    .loyalty-screen--hero .logo-ctn {
        width: 100px;
        top: 4%;
        right: 4%;
    }

    .loyalty-screen--explorer h2 {
        font-size: 6vw !important;
    }

    .loyalty-screen--explorer p:first-child {
        margin-bottom: 1rem;
    }

    .loyalty-screen--explorer .read-more-no span {
        display: none;
    }

    .loyalty-screen--explorer .linea {
        margin-bottom: 3rem;
        width: 23%;
    }

    .loyalty-screen--explorer .box-nero p {
        font-size: 1.077rem !important;
    }

    .loyalty-screen--loyalty {
        padding-bottom: 3rem;
    }

        .loyalty-screen--loyalty .d-flex {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .loyalty-screen--loyalty button.button {
            width: 70%;
            margin-top: 0rem;
        }

        .loyalty-screen--loyalty h2.faket {
            font-size: 6vw !important;
            margin-top: 1rem;
        }

        .loyalty-screen--loyalty .sec-dx h2 {
            font-size: 5.2vw !important;
            line-height: 7.5vw;
            margin-bottom: 0rem;
            margin-top: 3rem;
        }

        .loyalty-screen--loyalty .swiper-button-next {
            padding: 26px 12px 26px 12px;
        }

            .loyalty-screen--loyalty .swiper-button-next:after {
                font-size: 16px;
                -webkit-text-stroke-width: 2px;
                -webkit-text-stroke-color: black;
            }

        .loyalty-screen--loyalty .swiper-button-prev {
            padding: 26px 12px 26px 12px;
        }

            .loyalty-screen--loyalty .swiper-button-prev:after {
                font-size: 16px;
                -webkit-text-stroke-width: 2px;
                -webkit-text-stroke-color: black;
            }

    .loyalty-screen--explorer .loyalty-grid.xplr {
        display: none !important;
    }

        .loyalty-screen--explorer .loyalty-grid.xplr .img-txt {
            padding-left: 3.5rem !important;
        }

        .loyalty-screen--explorer .loyalty-grid.xplr .black-border {
            display: none;
        }

    .loyalty-screen--explorer .swiper-container .swiper-slide {
        width: 100% !important;
    }

        .loyalty-screen--explorer .swiper-container .swiper-slide .img-txt {
            padding-left: 3.5rem !important;
        }

            .loyalty-screen--explorer .swiper-container .swiper-slide .img-txt p.small {
                font-size: 16px !important;
                margin-top: 8px;
            }

    .loyalty-screen--explorer h2 {
        font-size: 6vw !important;
    }

    .loyalty-screen--explorer p:first-child {
        margin-bottom: 1rem;
    }

    .loyalty-screen--explorer .read-more-no span {
        display: none;
    }

    .loyalty-screen--explorer .linea {
        margin-bottom: 3rem;
        width: 23%;
    }

    .loyalty-screen--explorer .box-nero p {
        font-size: 1.077rem !important;
    }

    .hye__section .tnf-cont .header__title h2 {
        font-size: 7vw !important;
    }

    .hye__section .tnf-cont .header__title h3 {
        font-size: 4.5vw !important;
        padding: 0 10%;
    }

    .hye__section .tnf-cont .header__title .button-cont {
        max-width: 80%;
    }

    .hye__section .tnf-cont .hye__indice .swiper-slide .title__container {
        min-height: 20vw;
    }

        .hye__section .tnf-cont .hye__indice .swiper-slide .title__container h3 {
            font-size: 4.5vw;
        }

    .hye__section .tnf-cont .hye__events .swiper-slide .text__container h2 {
        font-size: 10vw;
    }

    .hye__section .tnf-cont .hye__events .swiper-slide .text__container p {
        font-size: 16px;
    }

    .white-triangle {
        width: 125px;
        height: 125px;
        left: calc(50% - 62px);
        display: none;
    }

    .section__products h2.voice {
        font-size: 2rem !important;
    }

    .section__products .swiper-container .swiper-slide {
        padding: 0 20px;
    }

    .section__form {
        background-image: url("https://s7d2.scene7.com/is/image/TheNorthFaceEU/FW21_GCD_d_back_form?$SCALE-ORIGINAL$");
        padding: 8rem 0;
    }

        .section__form h3.voice {
            font-size: 2rem !important;
        }

        .section__form p {
            font-size: 1.1rem !important;
        }

        .section__form .privacyLink,
        .section__form label {
            font-size: 1rem !important;
        }
}

@media only screen and (max-width: 638px) {
    .show-xs-only {
        display: block !important;
    }

    .flexrow.show-xs-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-xs-only {
        display: none !important;
    }
}

@media screen and (max-width: 450px) {
    .hotspot {
        width: 10vw;
        height: 10vw;
    }

    .hotspot {
        width: 10vw;
        height: 10vw;
    }

    .hotspot {
        width: 10vw;
        height: 10vw;
    }
}

@media only screen and (max-width: 450px) {
    .show-xs-only {
        display: block !important;
    }

    .flexrow.show-xs-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-xs-only {
        display: none !important;
    }

    .show-xs-only {
        display: block !important;
    }

    .flexrow.show-xs-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-xs-only {
        display: none !important;
    }
}

@media only screen and (min-width: 451px) and (max-width: 638px) {
    .show-sm-only {
        display: block !important;
    }

    .flexrow.show-sm-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-sm-only {
        display: none !important;
    }

    .show-sm-only {
        display: block !important;
    }

    .flexrow.show-sm-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-sm-only {
        display: none !important;
    }
}

@media only screen and (min-width: 639px) and (max-width: 1108px) {
    .show-tab-only {
        display: block !important;
    }

    .flexrow.show-tab-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-tab-only {
        display: none !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner .tnf-cont.relative-tab {
        position: relative;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: 6vw 0.7em !important;
    }

        .tnf-banner .tnf-cont.relative-tab h1,
        .tnf-banner .tnf-cont.relative-tab h2,
        .tnf-banner .tnf-cont.relative-tab h3,
        .tnf-banner .tnf-cont.relative-tab p {
            text-align: center !important;
        }

        .tnf-banner .tnf-cont.relative-tab .button-cont {
            width: 90% !important;
            min-width: 90% !important;
        }

    .tnf-banner .tnf-cont.tab-align-left {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .tnf-banner .tnf-cont.tab-align-left h1,
        .tnf-banner .tnf-cont.tab-align-left h2,
        .tnf-banner .tnf-cont.tab-align-left h3,
        .tnf-banner .tnf-cont.tab-align-left p {
            text-align: left !important;
        }

    .tnf-banner .tnf-cont.tab-align-right {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

        .tnf-banner .tnf-cont.tab-align-right h1,
        .tnf-banner .tnf-cont.tab-align-right h2,
        .tnf-banner .tnf-cont.tab-align-right h3,
        .tnf-banner .tnf-cont.tab-align-right p {
            text-align: right !important;
        }

    .tnf-banner .tnf-cont.tab-align-top {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .tnf-banner .tnf-cont.tab-align-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

        .tnf-banner .tnf-cont.tab-align-center h1,
        .tnf-banner .tnf-cont.tab-align-center h2,
        .tnf-banner .tnf-cont.tab-align-center h3,
        .tnf-banner .tnf-cont.tab-align-center p {
            text-align: center !important;
        }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .sus-container .sus-90 {
        font-size: 50px !important;
    }

    .sus-container .sus-52 {
        font-size: 32px !important;
    }

    .sus-container .sus-42 {
        font-size: 22px !important;
    }

    .show-tab-only {
        display: block !important;
    }

    .flexrow.show-tab-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-tab-only {
        display: none !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner .tnf-cont.relative-tab {
        position: relative;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: 6vw 0.7em !important;
    }

        .tnf-banner .tnf-cont.relative-tab h1,
        .tnf-banner .tnf-cont.relative-tab h2,
        .tnf-banner .tnf-cont.relative-tab h3,
        .tnf-banner .tnf-cont.relative-tab p {
            text-align: center !important;
        }

        .tnf-banner .tnf-cont.relative-tab .button-cont {
            width: 90% !important;
            min-width: 90% !important;
        }

    .tnf-banner .tnf-cont.tab-align-left {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .tnf-banner .tnf-cont.tab-align-left h1,
        .tnf-banner .tnf-cont.tab-align-left h2,
        .tnf-banner .tnf-cont.tab-align-left h3,
        .tnf-banner .tnf-cont.tab-align-left p {
            text-align: left !important;
        }

    .tnf-banner .tnf-cont.tab-align-right {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

        .tnf-banner .tnf-cont.tab-align-right h1,
        .tnf-banner .tnf-cont.tab-align-right h2,
        .tnf-banner .tnf-cont.tab-align-right h3,
        .tnf-banner .tnf-cont.tab-align-right p {
            text-align: right !important;
        }

    .tnf-banner .tnf-cont.tab-align-top {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .tnf-banner .tnf-cont.tab-align-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

        .tnf-banner .tnf-cont.tab-align-center h1,
        .tnf-banner .tnf-cont.tab-align-center h2,
        .tnf-banner .tnf-cont.tab-align-center h3,
        .tnf-banner .tnf-cont.tab-align-center p {
            text-align: center !important;
        }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .sus-container .sus-90 {
        font-size: 50px !important;
    }

    .sus-container .sus-52 {
        font-size: 32px !important;
    }

    .section__hero .overlay-cont .text-cont {
        max-width: 600px;
    }

    .section__body .info-banner .text-cont {
        padding: 0 80px;
    }

    .section__bottom picture img {
        min-height: 500px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .section__bottom .overlay-cont .text-cont .bottom-logo {
        width: 100px;
    }

    .img-cont__1 img {
        margin-top: 15vw !important;
    }

    .section__hero .overlay-cont__1 p,
    .section__hero .overlay-cont__1 a,
    .section__hero .overlay-cont__3 p,
    .section__hero .overlay-cont__3 a {
        -webkit-transform: translateX(4vw) !important;
        transform: translateX(4vw) !important;
    }

    .show-tab-only {
        display: block !important;
    }

    .flexrow.show-tab-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-tab-only {
        display: none !important;
    }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner .tnf-cont.relative-tab {
        position: relative;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding: 6vw 0.7em !important;
    }

        .tnf-banner .tnf-cont.relative-tab h1,
        .tnf-banner .tnf-cont.relative-tab h2,
        .tnf-banner .tnf-cont.relative-tab h3,
        .tnf-banner .tnf-cont.relative-tab p {
            text-align: center !important;
        }

        .tnf-banner .tnf-cont.relative-tab .button-cont {
            width: 90% !important;
            min-width: 90% !important;
        }

    .tnf-banner .tnf-cont.tab-align-left {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .tnf-banner .tnf-cont.tab-align-left h1,
        .tnf-banner .tnf-cont.tab-align-left h2,
        .tnf-banner .tnf-cont.tab-align-left h3,
        .tnf-banner .tnf-cont.tab-align-left p {
            text-align: left !important;
        }

    .tnf-banner .tnf-cont.tab-align-right {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

        .tnf-banner .tnf-cont.tab-align-right h1,
        .tnf-banner .tnf-cont.tab-align-right h2,
        .tnf-banner .tnf-cont.tab-align-right h3,
        .tnf-banner .tnf-cont.tab-align-right p {
            text-align: right !important;
        }

    .tnf-banner .tnf-cont.tab-align-top {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .tnf-banner .tnf-cont.tab-align-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

        .tnf-banner .tnf-cont.tab-align-center h1,
        .tnf-banner .tnf-cont.tab-align-center h2,
        .tnf-banner .tnf-cont.tab-align-center h3,
        .tnf-banner .tnf-cont.tab-align-center p {
            text-align: center !important;
        }

    .tab-white {
        color: #fff !important;
    }

    .tab-black {
        color: #000 !important;
    }

    .tnf-banner.tnf-custom .button--primary.alt-1.tab--black {
        color: #fff;
        background: #000;
    }

    .tnf-banner.tnf-custom .button--secondary.tab-white {
        color: #000;
        background: #fff;
    }

    .loyalty-grid {
        margin-top: 2rem;
    }

    .loyalty-square-onlyimg.cont-icons .img-txt {
        padding-left: 15%;
    }

    .loyalty-screen--hero .tnf-cont .imgctn .button-cont {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .loyalty-screen--hero .tnf-cont .box-nero {
        top: 3rem;
        width: 59%;
    }

        .loyalty-screen--hero .tnf-cont .box-nero h1 {
            font-size: 3.5vw;
        }

        .loyalty-screen--hero .tnf-cont .box-nero img {
            width: 100px;
        }

    .loyalty-screen--loyalty .sec-dx {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-top: 3rem;
    }
}

@media only screen and (min-width: 1109px) and (max-width: 1450px) {
    .show-laptop-piccolo-only {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo-only {
        display: none !important;
    }

    .show-md-only {
        display: block !important;
    }

    .flexrow.show-md-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-md-only {
        display: none !important;
    }

    .sus-container .sus-90 {
        font-size: 65px !important;
    }

    .sus-container .sus-52 {
        font-size: 37px !important;
    }

    .sus-container .sus-42 {
        font-size: 28px !important;
    }

    .sus-container .sus-32 {
        font-size: 24px !important;
    }

    .show-laptop-piccolo-only {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo-only {
        display: none !important;
    }

    .show-md-only {
        display: block !important;
    }

    .flexrow.show-md-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-md-only {
        display: none !important;
    }

    .sus-container .sus-90 {
        font-size: 65px !important;
    }

    .sus-container .sus-52 {
        font-size: 37px !important;
    }

    .sus-container .sus-42 {
        font-size: 28px !important;
    }

    .sus-container .sus-32 {
        font-size: 24px !important;
    }

    .section__hero .overlay-cont .text-cont {
        max-width: 900px;
    }

    .section__body .info-banner .media-cont {
        min-height: 100vh;
    }

        .section__body .info-banner .media-cont picture {
            height: 100vh;
        }

    .section__body .info-banner .text-cont p {
        max-width: 780px;
    }

    .section__renewed .renewed_logo {
        width: 110px;
    }

    .section__renewed .video-play {
        width: 80px;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1900px) {
    .show-lg-only {
        display: block !important;
    }

    .flexrow.show-lg-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-lg-only {
        display: none !important;
    }

    .show-lg-only {
        display: block !important;
    }

    .flexrow.show-lg-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-lg-only {
        display: none !important;
    }
}

@media only screen and (max-width: 1108px) and (min-width: 639px) {
    .tnf-custom h1,
    .tnf-custom h2,
    .tnf-custom h3,
    .tnf-custom h4,
    .tnf-custom h5,
    .tnf-custom h6 {
        margin-bottom: 10px;
    }

    .tnf-custom h1,
    .tnf-custom h2,
    .tnf-custom h3,
    .tnf-custom h4,
    .tnf-custom h5,
    .tnf-custom h6 {
        margin-bottom: 10px;
    }

    .tnf-custom h1,
    .tnf-custom h2,
    .tnf-custom h3,
    .tnf-custom h4,
    .tnf-custom h5,
    .tnf-custom h6 {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .onlytab {
        display: block;
    }

    .notab {
        display: none;
    }

    .onlytab {
        display: block;
    }

    .notab {
        display: none;
    }

    .onlytab {
        display: block;
    }

    .notab {
        display: none;
    }
}

@media only screen and (min-width: 1109px) and (max-width: 1450px), only screen and (max-width: 639px) {
    .section__bottom picture img {
        min-height: 600px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media only screen and (max-width: 639px), only screen and (min-width: 639px) and (max-width: 1108px) {
    .section__hero .overlay-cont .text-cont {
        padding-top: unset !important;
    }

    .img-cont__1 {
        -webkit-transform: translate3d(0px, 0, 0px) !important;
        transform: translate3d(0px, 0, 0px) !important;
        opacity: 1 !important;
    }

        .img-cont__1 img {
            width: 70vw !important;
            margin-left: auto;
            margin-right: auto;
            margin-top: 25vw;
        }

    .section__hero .overlay-cont__1 p,
    .section__hero .overlay-cont__1 a,
    .section__hero .overlay-cont__3 p,
    .section__hero .overlay-cont__3 a {
        width: 70vw;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
        margin-top: 1rem !important;
        -webkit-transform: translateX(1vw);
        transform: translateX(1vw);
    }

    .section__hero .overlay-cont__2 svg {
        height: 140px;
    }

    .section-social-text {
        padding-left: 0;
    }

        .section-social-text h2.voice {
            margin-top: 1rem !important;
        }

    .tnf-custom .button--primary {
        max-width: 240px;
    }
}

@media only screen and (min-width: 639px) and (max-width: 638px) {
    .show-sm-only {
        display: block !important;
    }

    .flexrow.show-sm-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-sm-only {
        display: none !important;
    }
}

@media only screen and (min-width: 1109px) and (max-width: 1900px) {
    .show-laptop-piccolo-only {
        display: block !important;
    }

    .flexrow.show-laptop-piccolo-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-laptop-piccolo-only {
        display: none !important;
    }

    .show-md-only {
        display: block !important;
    }

    .flexrow.show-md-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-md-only {
        display: none !important;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 1900px) {
    .show-lg-only {
        display: block !important;
    }

    .flexrow.show-lg-only {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }

    .hide-lg-only {
        display: none !important;
    }
}

@media only screen and (min-width: 639px) and (max-width: 1108px), only screen and (min-width: 1109px) and (max-width: 1439px) {
    .hc-container .tnf-custom h1.voice {
        font-size: 45px;
    }
}


@media only screen and (max-width: 700px) {
    .section__hero .media-cont picture img {
        height: 100vh
    }

    .l-insta__grid .l-insta__images,
    .l-insta__grid .l-insta__images__grid {
        padding-left: 0;
        padding-right: 0;
    }
}

#customhtml2_wall {
    margin-top: -60px
}

.whatch {
    color: white !important;
    padding: 10px 20px;
}

.video-mobil {
    display: none;
}

.col-12 {
    width: 100%;
}

@media (min-width: 992px) {

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

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

@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.pos-r {
    position: relative;
}

@media (min-width: 1024px) {
    :root {
        --l-padding: calc((155 * 100) / 1920 * 1vw);
        --l-gutter: 12px;
    }
}

#customhtml2_wall .l-hero__content {
    position: absolute;
    top: 16%;
    z-index: 5;
    left: 10%;
}

#customhtml2_wall .l-hero__title span {
    line-height: 1;
    font-family: "HelveticaNeue", helvetica, sans-serif;
    font-size: 65px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 500;
    text-transform: initial;
}

#customhtml2_wall .c-no-xplr .l-insta {
    padding-top: 80px;
}

#customhtml2_wall h2.l-insta__title {
    font-size: 65px;
}

#customhtml2_wall .l-insta__title {
    margin-bottom: 15px;
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
    font-size: 33px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
}

#customhtml2_wall p.l-insta__copy {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #2a2a2a;
    font-weight: 400;
}

p.l-insta__hash__copy {
    font-size: 20px;
    line-height: 30px;
    color: #2a2a2a;
    font-weight: 400;
    margin-top: 40px;
}

    p.l-insta__hash__copy span {
        font-weight: 500;
    }

#customhtml2_wall .l-insta__hash__item {
    margin-bottom: 0;
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0;
    color: #000;
    font-weight: 500;
    text-transform: initial;
}

    #customhtml2_wall .l-insta__hash__item h3 {
        font-size: 35px;
        line-height: normal;
        text-transform: lowercase;
        margin-bottom: 0;
    }

#customhtml2_wall .plg-container .section__videos .video-title {
    margin-bottom: 35px;
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
    font-size: 42px;
    letter-spacing: 0;
    color: #000;
    font-weight: 500;
    text-transform: initial;
    line-height: 1.2;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.l-insta__grid {
}

#customhtml2_wall .l-insta__images__grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    #customhtml2_wall .l-insta__images__grid img {
        width: 100%;
        margin-bottom: 20px;
    }

#customhtml2_wall .d-flexx {
    display: flex;
    align-items: center;
}


#customhtml2_wall .col-lg-4.l-insta__images__item {
    padding-left: 0;
}

#customhtml2_wall .plg-container .section__videos img {
    margin: 0 0 30px;
}

#customhtml2_wall .plg-container .section__videos p.video-body {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    text-transform: initial;
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    text-align: center;
    font-family: "HelveticaNeue", helvetica, sans-serif;
}

#customhtml2_wall .l-shop__content {
    padding-left: 10%;
    box-sizing: border-box;
    padding-top: 27px;
}

#customhtml2_wall .l-shop__grid {
    display: flex;
    flex-wrap: wrap;
}

#customhtml2_wall .l-shop__title {
    margin-bottom: 35px;
    font-family: "HelveticaNeue", helvetica, sans-serif !important;
    font-size: 34px;
    line-height: normal;
    letter-spacing: 0;
    color: #000;
    font-weight: 500;
    text-transform: initial;
}

#customhtml2_wall .l-shop.l-section {
    margin-top: 40px;
    margin-bottom: 40px;
    float: left;
}

#customhtml2_wall .l-shop__copy {
    font-size: 20px;
    line-height: 150%;
}

#customhtml2_wall .track-mt {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) {
    :root {
        --l-padding: calc((155 * 100) / 1920 * 1vw);
        --l-gutter: 12px;
    }
}

@media (min-width: 1024px) {
    .l-grid__grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

.l-grid__grid {
}

.plg-container.c-no-xplr .l-grid {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.l-grid__grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--l-gutter);
}

.l-grid__front {
    position: relative;
    z-index: 1;
}

.l-grid__item {
    position: relative;
}

.l-grid__front {
    position: relative;
    z-index: 1;
}

.l-grid__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.l-grid__grid img {
    width: 100%;
}


@media (max-width: 996px) {

    .video-desc {
        display: none;
    }

    .video-mobil {
        display: block;
    }

    #customhtml2_wall .l-hero__title span {
        font-size: 33px;
    }

    #customhtml2_wall h2.l-insta__title {
        font-size: 33px;
        line-height: normal;
    }

    #customhtml2_wall .c-no-xplr .l-insta {
        padding-top: 45px;
    }

    #customhtml2_wall .d-flexx {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .l-grid__grid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--l-gutter);
        gap: 10px;
    }

    #customhtml2_wall .track-mt {
        margin-bottom: 40px;
    }

    .col-sm-6 {
        width: 50% !important;
    }

    #customhtml2_wall .col-sm-6.l-insta__images__item {
        padding-left: 15px;
    }


    .col-12.l-insta__images__grid .row {
        float: left;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }

    #customhtml2_wall .l-insta__hash__item h3 {
        font-size: 25px;
    }

    #customhtml2_wall .plg-container .section__videos .video-title {
        font-size: 35px;
        margin-top: 50px;
    }

    #customhtml2_wall .l-shop__content {
        padding-left: 0;
        box-sizing: border-box;
        padding-top: 27px;
        margin-bottom: 50px;
    }


    .section__videos.section__ {
        margin-bottom: 30px;
    }

    #customhtml2_wall {
        margin-top: 0px;
        width: 100%;
        overflow-x: hidden;
    }
}


@keyframes toggle {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        z-index: -1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes toggle {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        z-index: -1;
    }

    100% {
        opacity: 1;
    }
}

.l-grid__front {
    animation: toggle 2s ease 2s infinite normal forwards;
    -webkit-animation: toggle 3s ease 3s infinite normal forwards;
}

#customhtml2_wall .garnish-full-width.top-pad-default-med {
    padding-top: 0;
}

.tnf-banner.tnf-custom button.button {
    width: auto !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
}

footer {
    clear: both;
}