/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background-color: #f1f1de !important;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.abs-fill, .fit-contain {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.fit-contain {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;"
}

.fit-cover {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    font-family: "object-fit: cover;"
}

.bg-cover {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.component-top-space {
    margin-top: 6rem
}

@media (min-width:768px) {
    .component-top-space {
        margin-top: 12rem
    }
}

@font-face {
    font-family: SomersBy-heading;
    src: url(/asset/font/Somersbyheader2019-Regular.1fdbbbd.woff2) format("woff2"),url(/asset/font/Somersbyheader2019-Regular.4eb0758.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Avenir-Black;
    src: url(/asset/font/Avenir-Black.4e68f50.woff2) format("woff2"),url(/asset/font/Avenir-Black.bab406d.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Avenir-Medium;
    src: url(/asset/font/Avenir-Medium.78b3d71.woff2) format("woff2"),url(/asset/font/Avenir-Medium.8493a6c.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400
}

.heading-01, .heading-02, .heading-03 {
    font-family: SomersBy-heading,Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.heading-01 {
    font-size: 4.8rem;
    line-height: 1;
    padding-top: 0.5rem
}

@media (min-width:768px) {
    .heading-01 {
        font-size: 9.6rem
    }
    .hero_carousel .heading-01 {
        font-size: 8.8rem !important;
        margin-top: 3rem;
    }
}

.heading-02 {
    font-size: 3.8rem;
    line-height: 1
}

@media (min-width:768px) {
    .heading-02 {
        font-size: 6rem
    }
}

.heading-03 {
    font-size: 2rem;
    line-height: 2.8rem
}

.heading-04, .heading-05, .heading-06 {
    font-family: Avenir-Black,Arial,sans-serif
}

.heading-04 {
    font-size: 2rem;
    line-height: 1.4
}

.heading-05 {
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: .3em
}

.heading-06 {
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .heading-06 {
        font-size: 1.6rem;
        line-height: 1.4
    }
}

.copy-01 {
    font-family: Avenir-Medium,Arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.4
}


.take__part {
    /* margin-top:15px;
padding:15px;
border-radius: 20px;
background-color: #62a60f;
color: #fff;*/
    padding: 1.5rem 3rem;
    -webkit-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    -o-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    background: #62a60f;
    height: 4.8rem;
    border-radius: 25px;
    border: 0;
    outline: 0;
    margin: 2.4rem 0;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

    .take__part:hover {
        background: #71bf11;
    }

@media (min-width:768px) {
    .copy-01 {
        font-size: 1.6rem
    }
}

.copy-01.small {
    font-size: 1.2rem;
    line-height: 1.3
}

@media (min-width:768px) {
    .copy-01.small {
        font-size: 1.3rem;
        line-height: 1.3
    }
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 10px;
    background-color: #f1f1de !important;
    -webkit-font-smoothing: antialiased
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body {
    font-family: Avenir-Medium,Arial,sans-serif
}

@media (min-width:768px) {
    body {
        padding-top: 6rem
    }
}

body.style-guide-page {
    padding-top: 0
}

body.is-scroll-locked {
    overflow: hidden
}

.touchevents body.is-scroll-locked {
    position: fixed
}

.lazyload, .lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.global-errors {
    color: #e12100;
    font-size: 1.4rem
}

    .global-errors .error-message {
        display: block
    }

.global-loading {
    display: inline-block;
    width: 4.5rem;
    margin: 0 2rem;
    opacity: 0;
    visibility: hidden
}

    .global-loading.is-active {
        opacity: 1;
        visibility: visible
    }

.c00-age-gate {
    height: 100%;
    width: 100%;
    position: fixed;
    background: -o-linear-gradient(315deg,#f9ecc2 0,#f1f1e0 100%);
    background: linear-gradient(135deg,#f9ecc2,#f1f1e0);
    padding: 3.6rem 0 2.9rem;
    overflow: auto;
    top: 0;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch
}

    .c00-age-gate .content-wrapper {
        padding: 0 2rem;
        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;
        color: #b29070
    }

    .c00-age-gate .logo-rgb {
        height: 10.5rem;
        width: 12rem;
        margin-bottom: 4rem
    }

        .c00-age-gate .logo-rgb img {
            width: 100%;
            height: auto
        }

    .c00-age-gate .age-gate-title, .c00-age-gate .country-select {
        font-size: 2.4rem;
        text-transform: uppercase;
        color: #006e41
    }

    .c00-age-gate .country-select {
        margin-top: .5rem;
        color: #62a60f;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer
    }

        .c00-age-gate .country-select .icon {
            height: 2rem;
            width: 2rem;
            border-radius: 50%;
            background-color: #62a60f;
            color: #fff;
            padding: .5rem;
            margin-left: .8rem
        }

    .c00-age-gate .age-gate-policy a {
        font-family: Avenir-Black,Arial,sans-serif;
        color: currentColor;
        text-decoration: none
    }

    .c00-age-gate .age-gate-policy.hidden-checkbox label {
        padding: 0;
        text-align: center;
        pointer-events: none
    }

        .c00-age-gate .age-gate-policy.hidden-checkbox label a {
            pointer-events: auto
        }

        .c00-age-gate .age-gate-policy.hidden-checkbox label:after, .c00-age-gate .age-gate-policy.hidden-checkbox label:before {
            display: none
        }

    .c00-age-gate .age-gate-form {
        text-align: center;
        max-width: 100%
    }

    .c00-age-gate .age-gate-input-wrapper {
        width: 100%;
        margin: 2rem 0 4rem;
        overflow: hidden;
        white-space: normal
    }

    .c00-age-gate .age-error-message {
        display: none;
        color: #e12100;
        font-size: 1.6rem
    }

        .c00-age-gate .age-error-message.show {
            display: block
        }

    .c00-age-gate .fb-error {
        display: block;
        opacity: 0;
        visibility: hidden;
        color: #e12100;
        font-size: 1.6rem;
        -webkit-transition: visibility .25s linear,opacity .25s linear;
        -o-transition: visibility .25s linear,opacity .25s linear;
        transition: visibility .25s linear,opacity .25s linear
    }

        .c00-age-gate .fb-error.show {
            opacity: 1;
            visibility: visible
        }

    .c00-age-gate .age-gate-inputs {
        width: 100%;
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.445,.05,.55,.95);
        transition: -webkit-transform .5s cubic-bezier(.445,.05,.55,.95);
        -o-transition: transform .5s cubic-bezier(.445,.05,.55,.95);
        transition: transform .5s cubic-bezier(.445,.05,.55,.95);
        transition: transform .5s cubic-bezier(.445,.05,.55,.95),-webkit-transform .5s cubic-bezier(.445,.05,.55,.95)
    }

        .c00-age-gate .age-gate-inputs.error .section input {
            border-color: #e12100;
            background-color: transparent;
            color: #e12100
        }

        .c00-age-gate .age-gate-inputs.year-active .section-year {
            opacity: 1;
            visibility: visible
        }

        .c00-age-gate .age-gate-inputs.month-active {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%)
        }

            .c00-age-gate .age-gate-inputs.month-active .section-month {
                opacity: 1;
                visibility: visible
            }

        .c00-age-gate .age-gate-inputs.day-active {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%)
        }

            .c00-age-gate .age-gate-inputs.day-active .section-day {
                opacity: 1;
                visibility: visible
            }

    .c00-age-gate .input-number {
        height: 12rem;
        text-align: center;
        color: #fff;
        font-family: SomersBy-heading,Helvetica,Arial,sans-serif;
        font-size: 4.2rem;
        background-color: #d9d9ce;
        outline: 0;
        border-radius: .5rem;
        -moz-appearance: textfield;
        -webkit-appearance: none;
        border: 6px solid transparent;
        -webkit-transition: border-color .15s linear;
        -o-transition: border-color .15s linear;
        transition: border-color .15s linear;
        padding: 0
    }

        .c00-age-gate .input-number.filled {
            background-color: #62a60f
        }

        .c00-age-gate .input-number.placeholder {
            color: #fff;
            padding-top: .4rem
        }

        .c00-age-gate .input-number:-moz-placeholder, .c00-age-gate .input-number::-moz-placeholder {
            color: #fff;
            padding-top: .4rem
        }

        .c00-age-gate .input-number:-ms-input-placeholder {
            color: #fff;
            padding-top: .4rem
        }

        .c00-age-gate .input-number::-webkit-input-placeholder {
            color: #fff;
            padding-top: .4rem
        }

        .c00-age-gate .input-number:focus {
            border: 6px solid #62a60f
        }

            .c00-age-gate .input-number:focus.placeholder {
                color: hsla(0,0%,100%,.6)
            }

            .c00-age-gate .input-number:focus:-moz-placeholder, .c00-age-gate .input-number:focus::-moz-placeholder {
                color: hsla(0,0%,100%,.6)
            }

            .c00-age-gate .input-number:focus:-ms-input-placeholder {
                color: hsla(0,0%,100%,.6)
            }

            .c00-age-gate .input-number:focus::-webkit-input-placeholder {
                color: hsla(0,0%,100%,.6)
            }

        .c00-age-gate .input-number:not(:last-of-type) {
            margin-right: 1rem
        }

    .c00-age-gate .section-day, .c00-age-gate .section-month, .c00-age-gate .section-year {
        width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility .55s linear,opacity .55s linear;
        -o-transition: visibility .55s linear,opacity .55s linear;
        transition: visibility .55s linear,opacity .55s linear
    }

        .c00-age-gate .section-day .input-number, .c00-age-gate .section-month .input-number, .c00-age-gate .section-year .input-number {
            width: 25%
        }

    .c00-age-gate .section-day, .c00-age-gate .section-month {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .c00-age-gate .section-day .input-number, .c00-age-gate .section-month .input-number {
            width: 25%
        }

    .c00-age-gate .hr-line {
        width: 100%;
        height: 1px;
        background-color: rgba(178,144,112,.3);
        outline: 0;
        margin: 0;
        border: 0
    }

@media (min-width:480px) {
    .c00-age-gate {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        overflow: auto
    }

        .c00-age-gate .content-wrapper {
            max-width: 33.5rem;
            overflow: visible
        }

        .c00-age-gate .age-gate-input-wrapper {
            overflow: hidden
        }
}

@media (min-width:768px) {
    .c00-age-gate {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .c00-age-gate .logo-rgb {
            width: 12rem;
            margin-bottom: 4rem
        }

            .c00-age-gate .logo-rgb img {
                width: 100%;
                height: auto
            }
}

@media (min-width:1024px) {
    .c00-age-gate {
        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: auto
    }

        .c00-age-gate .content-wrapper {
            max-width: 33.5rem;
            overflow: visible
        }

        .c00-age-gate .age-gate-input-wrapper {
            overflow: visible
        }
}

.primary-button {
    padding: 1.5rem 3rem;
    -webkit-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    -o-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    background: #62a60f;
    height: 4.8rem;
    border-radius: 25px;
    border: 0;
    outline: 0;
    margin: 2.4rem 0;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none
}

    .primary-button .icon {
        display: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .primary-button .icon [data-component=icon] {
            height: 2rem;
            width: 2rem;
            fill: currentColor
        }

        .primary-button .icon .main-icon {
            display: none
        }

    .primary-button .label {
        color: #fff;
        line-height: 1
    }

    .primary-button[data-icon=true] .icon, .primary-button[data-icon=true] .main-icon {
        display: block
    }

    .primary-button[data-icon-alignment=left] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .primary-button[data-icon-alignment=left] .icon {
            margin-right: .5rem
        }

    .primary-button[data-theme=facebook] {
        background-color: #4863ac
    }

html.no-touchevents .primary-button[data-theme=facebook]:hover {
    background: #4863ac
}

.primary-button.is-disabled {
    background-color: #d5d5d5;
    cursor: default
}

html.no-touchevents .primary-button.is-disabled:hover {
    background: #d5d5d5
}

html.no-touchevents .primary-button:hover {
    background: #71bf11
}

.icon {
    display: inline-block;
    vertical-align: middle
}

    .icon svg {
        height: 100%;
        /*width: 100%;*/
        display: block;
        fill: currentColor
    }

.check-box {
    margin: 1rem 0
}

    .check-box .checkbox-custom {
        opacity: 0;
        position: absolute
    }

    .check-box .checkbox-custom-label {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
        padding-left: 3.2rem;
        text-align: left;
        color: #949399
    }

        .check-box .checkbox-custom-label a {
            font-family: Avenir-Black,Arial,sans-serif;
            text-decoration: none;
            color: #62a60f
        }

        .check-box .checkbox-custom-label:before {
            border: 2px solid #949399;
            width: 2rem;
            height: 2rem;
            padding: 2px;
            text-align: center;
            top: -.2rem;
            left: 0;
            border-radius: .5rem;
            -webkit-transition: border-color .1s linear,background-color .1s linear;
            -o-transition: border-color .1s linear,background-color .1s linear;
            transition: border-color .1s linear,background-color .1s linear
        }

        .check-box .checkbox-custom-label:after, .check-box .checkbox-custom-label:before {
            position: absolute;
            content: "";
            background-color: transparent;
            display: inline-block;
            vertical-align: middle
        }

        .check-box .checkbox-custom-label:after {
            border: 2px solid #fff;
            width: 1rem;
            height: .5rem;
            border-top: 0;
            border-right: 0;
            -webkit-transform: rotate(-45deg) scale(0);
            -ms-transform: rotate(-45deg) scale(0);
            transform: rotate(-45deg) scale(0);
            left: .5rem;
            top: .4rem;
            -webkit-transition: -webkit-transform .2s linear;
            transition: -webkit-transform .2s linear;
            -o-transition: transform .2s linear;
            transition: transform .2s linear;
            transition: transform .2s linear,-webkit-transform .2s linear;
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center
        }

    .check-box .checkbox-custom:checked + .checkbox-custom-label:before {
        background-color: #62a60f;
        border: 2px solid #62a60f
    }

    .check-box .checkbox-custom:checked + .checkbox-custom-label:after {
        -webkit-transform: rotate(-45deg) scale(1);
        -ms-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1)
    }

    .check-box .error, .check-box .required {
        display: block;
        padding: .8rem 3.5rem 0;
        color: #949399
    }

    .check-box .error {
        display: none;
        color: #e12100
    }

    .check-box.has-error .required {
        display: none
    }

    .check-box.has-error .error {
        display: block
    }

.c01-hero-carousel {
    z-index: 2;
    position: relative
}

    .c01-hero-carousel .hero-carousel {
        position: relative
    }

    .c01-hero-carousel .hero-carousel-wrapper {
        overflow-x: hidden
    }

    .c01-hero-carousel .logo {
        top: 2rem;
        left: 50%;
        margin-left: -3rem;
        position: absolute;
        height: 5.2rem;
        width: 6rem;
        display: inline-block;
        z-index: 2
    }

        .c01-hero-carousel .logo img {
            height: 100%;
            max-height: 5.2rem
        }

    .c01-hero-carousel .hero-carousel-slide {
        max-height: 56.2rem;
        position: absolute;
        width: 100%;
        overflow: hidden;
        cursor: auto
    }

        .c01-hero-carousel .hero-carousel-slide:before {
            content: "";
            display: block;
            padding-top: 149.86667%
        }

        .c01-hero-carousel .hero-carousel-slide .hero-carousel-inner-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .c01-hero-carousel .hero-carousel-slide .slide-content {
            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: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: relative;
            color: #fff;
            padding: 0 2rem 4.9rem;
            z-index: 2;
            opacity: 0;
            -webkit-transform: translateY(2rem);
            -ms-transform: translateY(2rem);
            transform: translateY(2rem);
            -webkit-transition: opacity .75s linear,-webkit-transform .75s ease-out;
            transition: opacity .75s linear,-webkit-transform .75s ease-out;
            -o-transition: opacity .75s linear,transform .75s ease-out;
            transition: opacity .75s linear,transform .75s ease-out;
            transition: opacity .75s linear,transform .75s ease-out,-webkit-transform .75s ease-out;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            height: 100%
        }

        .c01-hero-carousel .hero-carousel-slide .hero-image, .c01-hero-carousel .hero-carousel-slide .hero-video {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            z-index: 0
        }

        .c01-hero-carousel .hero-carousel-slide.has-gradient:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60%;
            background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.65)));
            background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.65) 100%);
            background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65));
            z-index: 1
        }

        .c01-hero-carousel .hero-carousel-slide.has-gradient .hero-carousel-inner-content:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 20%;
            background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.65)));
            background: -o-linear-gradient(bottom,transparent 0,rgba(0,0,0,.65) 100%);
            background: linear-gradient(0deg,transparent 0,rgba(0,0,0,.65));
            z-index: 1
        }

        .c01-hero-carousel .hero-carousel-slide.is-active {
            z-index: 2
        }

            .c01-hero-carousel .hero-carousel-slide.is-active .slide-content {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

    .c01-hero-carousel .hero-carousel-navigation {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        right: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 3
    }

        .c01-hero-carousel .hero-carousel-navigation .navigation-item {
            width: 100%;
            margin-right: .5rem;
            height: .2rem;
            background-color: hsla(0,0%,100%,.5);
            border-radius: .5rem;
            position: relative
        }

        .c01-hero-carousel .hero-carousel-navigation .navigation-progress {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background-color: #fff;
            width: 0
        }

        .c01-hero-carousel .hero-carousel-navigation .navigation-counter {
            width: 3.5rem;
            margin-left: 1rem;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            text-align: center;
            color: #fff;
            font-family: Avenir-Black,Arial,sans-serif
        }

@media (min-width:768px) {
    .c01-hero-carousel {
        overflow: visible;
        max-height: 700px
    }

        .c01-hero-carousel .logo {
            display: none
        }

        .c01-hero-carousel .hero-carousel-slide {
            width: 100%;
            max-height: 700px
        }

            .c01-hero-carousel .hero-carousel-slide:before {
                content: "";
                display: block;
                padding-top: 48.61111%
            }

            .c01-hero-carousel .hero-carousel-slide.has-gradient:after {
                height: 100%;
                background: -o-linear-gradient(315deg,rgba(0,0,0,.65) 0,transparent 100%);
                background: linear-gradient(135deg,rgba(0,0,0,.65),transparent)
            }

            .c01-hero-carousel .hero-carousel-slide.has-gradient .hero-carousel-inner-content:before {
                display: none
            }

            .c01-hero-carousel .hero-carousel-slide .slide-content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 0 0 4.2rem 8.2rem;
                -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;
                max-width: 47rem
            }

        .c01-hero-carousel .hero-carousel-navigation {
            max-width: 47rem;
            padding: 0 0 2rem 8.2rem
        }
}

@media (min-width:1600px) {
    .c01-hero-carousel, .c01-hero-carousel .hero-carousel-slide {
        max-height: 900px
    }

        .c01-hero-carousel .hero-carousel-slide:before {
            content: "";
            display: block;
            padding-top: 62.5%
        }
}

.responsive-video {
    height: 100%;
    width: 100%
}

    .responsive-video video {
        height: auto;
        width: 100%
    }

    .responsive-video[data-cover=true] {
        position: relative;
        overflow: hidden
    }

        .responsive-video[data-cover=true] video {
            height: 100%;
            width: 100%;
            min-height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            font-family: "object-fit: cover;"
        }

.responsive-image {
    display: inline-block;
    margin: 0
}
    /*image issue*/
    .responsive-image img {
        width: 100%;
        object-fit: cover;
    }

.c02-product-carousel {
    margin-bottom: 6rem
}

    .c02-product-carousel .flavour-button-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c02-product-carousel .flavour-button {
        border: 1px solid #62a60f;
        width: auto;
        padding: 1rem 3rem;
        border-radius: 3rem;
        color: rgba(98,166,15,.5);
        cursor: pointer
    }

        .c02-product-carousel .flavour-button .flavour-item {
            -webkit-transition: color .25s linear;
            -o-transition: color .25s linear;
            transition: color .25s linear
        }

            .c02-product-carousel .flavour-button .flavour-item:not(:first-of-type) {
                margin-left: 1.2rem
            }

            .c02-product-carousel .flavour-button .flavour-item.is-active, html.no-touchevents .c02-product-carousel .flavour-button .flavour-item:hover {
                color: #62a60f
            }

    .c02-product-carousel .product-carousel-wrapper {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative
    }

    .c02-product-carousel .product-carousel-outer {
        width: 100%;
        margin: 0 auto;
        max-width: 26rem;
        overflow: visible
    }

    .c02-product-carousel .product-carousel {
        position: relative;
        width: auto;
        font-size: 0;
        white-space: nowrap
    }

    .c02-product-carousel .product-carousel-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 26rem;
        height: auto;
        min-height: 50.2rem;
        margin: 0;
        list-style-type: none;
        white-space: normal
    }

        .c02-product-carousel .product-carousel-item .product-carousel-inner-item {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 100%;
            max-width: 22rem;
            height: 100%;
            /*max-height: 49rem;*/
            margin-left: 2rem;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .c02-product-carousel .product-carousel-item .beverage {
            position: relative;
            width: 100%;
            margin-bottom: -2.5rem;
            z-index: 1
        }

            .c02-product-carousel .product-carousel-item .beverage:before {
                content: "";
                display: block;
                padding-top: 141.47465%
            }

            .c02-product-carousel .product-carousel-item .beverage .beverage-image {
                position: absolute;
                width: 9.8rem;
                height: 27.8rem;
                bottom: 0;
                left: 50%;
                margin-left: -4.9rem
            }

            .c02-product-carousel .product-carousel-item .beverage .glass-image {
                position: absolute;
                width: 13rem;
                height: 27.8rem;
                bottom: 0
            }

            .c02-product-carousel .product-carousel-item .beverage.has-glass .beverage-image {
                left: 15%;
                margin-left: 0
            }

            .c02-product-carousel .product-carousel-item .beverage.has-glass .glass-image {
                left: 20%
            }

        .c02-product-carousel .product-carousel-item .seperator {
            width: 100%;
            font-size: 1rem;
            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;
            color: #f1f1de;
            min-height: 1.2rem
        }

            .c02-product-carousel .product-carousel-item .seperator:after, .c02-product-carousel .product-carousel-item .seperator:before {
                display: inline-block;
                vertical-align: middle;
                content: "";
                width: 100%;
                height: 1px;
                -webkit-transform: translateY(-1px);
                -ms-transform: translateY(-1px);
                transform: translateY(-1px);
                background-color: currentColor
            }

            .c02-product-carousel .product-carousel-item .seperator .heading-05 {
                text-transform: uppercase;
                font-size: 1.1rem;
                display: inline-block;
                padding: 0 .5rem 0 1rem;
                text-align: center
            }

        .c02-product-carousel .product-carousel-item .description {
            display: block;
            position: relative;
            color: #b29070;
            font-size: 1.4rem;
            text-align: center;
            margin: 0 -2rem;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: visibility .25s linear,opacity .25s linear,-webkit-transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,-webkit-transform .25s linear;
            -o-transition: visibility .25s linear,opacity .25s linear,transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,transform .25s linear,-webkit-transform .25s linear
        }

        .c02-product-carousel .product-carousel-item.is-active .description {
            opacity: 1;
            visibility: visible
        }

        .c02-product-carousel .product-carousel-item .parallax-layers {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            height: 100%;
            display: block
        }

            .c02-product-carousel .product-carousel-item .parallax-layers img {
                height: auto;
                width: 100%;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                position: absolute;
                -o-object-fit: cover;
                object-fit: cover;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .c02-product-carousel .product-carousel-item .parallax-layers[data-location=back] {
                z-index: 0
            }

            .c02-product-carousel .product-carousel-item .parallax-layers[data-location=front] {
                z-index: 3
            }

        .c02-product-carousel .product-carousel-item a {
            text-decoration: none
        }

        /*
        .c02-product-carousel .product-carousel-item .content {
            text-align: center;
            padding: 3.5rem 2rem 3rem;
            min-height: 12rem;
            -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center bottom;
            mask-position: center bottom;
            -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDUuMzYgNzA1Ij48cGF0aCBkPSJNMCAwaDI0NS4zNnY2ODEuMjhhNSA1IDAgMCAxLTMuNDggNC43NnEtNTkuNTkgMTktMTE5LjIgMTlUMy40OCA2ODZBNSA1IDAgMCAxIDAgNjgxLjI4eiIvPjwvc3ZnPg==");
            mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDUuMzYgNzA1Ij48cGF0aCBkPSJNMCAwaDI0NS4zNnY2ODEuMjhhNSA1IDAgMCAxLTMuNDggNC43NnEtNTkuNTkgMTktMTE5LjIgMTlUMy40OCA2ODZBNSA1IDAgMCAxIDAgNjgxLjI4eiIvPjwvc3ZnPg==");
            margin-bottom: 2rem;
            color: #f1f1de
        }
*/


        .c02-product-carousel .product-carousel-item .content {
            text-align: center;
            padding: 5.5rem 2rem 3rem;
            min-height: 15.5rem;
            /*-webkit-mask-size: 100% auto;
            mask-size: 100% auto;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center bottom;
            mask-position: center bottom;*/
            /*-webkit-mask-image: linear-gradient(rgb(0, 255, 255), transparent);*/
            /*-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDUuMzYgNzA1Ij48cGF0aCBkPSJNMCAwaDI0NS4zNnY2ODEuMjhhNSA1IDAgMCAxLTMuNDggNC43NnEtNTkuNTkgMTktMTE5LjIgMTlUMy40OCA2ODZBNSA1IDAgMCAxIDAgNjgxLjI4eiIvPjwvc3ZnPg==");
            mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDUuMzYgNzA1Ij48cGF0aCBkPSJNMCAwaDI0NS4zNnY2ODEuMjhhNSA1IDAgMCAxLTMuNDggNC43NnEtNTkuNTkgMTktMTE5LjIgMTlUMy40OCA2ODZBNSA1IDAgMCAxIDAgNjgxLjI4eiIvPjwvc3ZnPg==");*/
            margin-bottom: 2rem;
            color: #f1f1de;
            /*border-radius: 0 0 90% 90%/50px;*/
        }


        .c02-product-carousel .product-carousel-item .flavour {
            font-size: 2.4rem;
            font-family: Avenir-Black,Arial,sans-serif;
            text-transform: uppercase;
            letter-spacing: .1em;
            padding-bottom: 1.5rem;
            height: 4rem;
            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
        }

            .c02-product-carousel .product-carousel-item .flavour.small {
                font-size: 2rem;
                line-height: 1
            }

        .c02-product-carousel .product-carousel-item .category {
            display: inline-block;
            width: 100%;
            height: auto;
            color: #fff;
            margin-top: 1.2rem
        }

            .c02-product-carousel .product-carousel-item .category svg {
                height: 2.1rem;
                width: 100%
            }

            .c02-product-carousel .product-carousel-item .category .icon[data-icon=premium-cider] > svg, .c02-product-carousel .product-carousel-item .category .icon[data-icon=semi-sweet-cider], .c02-product-carousel .product-carousel-item .category .icon[data-icon=sparkling-cider] {
                height: 2.1rem;
                width: 14rem
            }

        .c02-product-carousel .product-carousel-item[data-theme=apple] .content {
            background-color: #62a60f
        }

        .c02-product-carousel .product-carousel-item[data-theme=pear] .content {
            background-color: #e1e000;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=pear] .category, .c02-product-carousel .product-carousel-item[data-theme=pear] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=blackberry] .content {
            background-color: #80225f
        }

        .c02-product-carousel .product-carousel-item[data-theme=blueberry] .content {
            background-color: #2c5697
        }

        .c02-product-carousel .product-carousel-item[data-theme=watermelon] .content {
            background-color: #e12100
        }

        .c02-product-carousel .product-carousel-item[data-theme=red-rhubarb] .content {
            background-color: #ce1f58
        }

        .c02-product-carousel .product-carousel-item[data-theme=jagoda-limeta] .content {
            background-color: #D30C0D
        }

        .c02-product-carousel .product-carousel-item[data-theme=elderflower-lime] .content {
            background-color: #a2e4b8;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=elderflower-lime] .category, .c02-product-carousel .product-carousel-item[data-theme=elderflower-lime] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=citrus] .content {
            background-color: #fbe438;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=citrus] .category, .c02-product-carousel .product-carousel-item[data-theme=citrus] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=mango] .content {
            background-color: #f8a616
        }

        .c02-product-carousel .product-carousel-item[data-theme=sparkling-rose] .content {
            background-color: #b65a65
        }

        .c02-product-carousel .product-carousel-item[data-theme=sparkling-white] .content {
            background-color: #f1c400
        }

        .c02-product-carousel .product-carousel-item[data-theme=sparkling-spritz] .content {
            background-color: #d86017
        }

        .c02-product-carousel .product-carousel-item[data-theme=wild-berries] .content {
            background-color: #c51446
        }

        .c02-product-carousel .product-carousel-item[data-theme=hops-apples] .content {
            background-color: #cedd90;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=hops-apples] .category, .c02-product-carousel .product-carousel-item[data-theme=hops-apples] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=strawberry-kiwi] .content {
            background-color: #dbe442;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=strawberry-kiwi] .category, .c02-product-carousel .product-carousel-item[data-theme=strawberry-kiwi] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=passion-fruit] .content {
            background-color: #f8d850;
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=passion-fruit-poland] .content {
            background-color: #f8d850;
            color: #006ac6
        }

        .c02-product-carousel .product-carousel-item[data-theme=passion-fruit] .category, .c02-product-carousel .product-carousel-item[data-theme=passion-fruit] .seperator {
            color: #006e41
        }

        .c02-product-carousel .product-carousel-item[data-theme=passion-fruit-poland] .category, .c02-product-carousel .product-carousel-item[data-theme=passion-fruit-poland] .seperator {
            color: #006ac6
        }

        .c02-product-carousel .product-carousel-item[data-theme=sparkling-rose-poland] .content {
            background-color: #e68495
        }

        .c02-product-carousel .product-carousel-item[data-theme=elderflower-lime-poland] .content {
            background-color: #35bfad
        }

        .c02-product-carousel .product-carousel-item[data-theme=watermelon-poland] .content {
            background-color: #e10600;
        }
        .c02-product-carousel .product-carousel-item[data-theme=apple-lite] .content {
            background-color: #70A088;
        }
        .c02-product-carousel .product-carousel-item[data-theme=mandarin] .content {
            background-color: #ee7600;
        }
        .c02-product-carousel .product-carousel-item[data-theme=winter-cider] .content {
            background-color: #1D6339;
        }
        .c02-product-carousel .product-carousel-item[data-theme=Super-Crisp] .content {
            background-color: #004B87;
        }
        .c02-product-carousel .product-carousel-item[data-theme=zero-apple] .content {
            background-color: #035481;
        }
        .c02-product-carousel .product-carousel-item[data-theme=zero-yuzu-lemon] .content {
            background-color: #035481;
        }
        .c02-product-carousel .product-carousel-item[data-theme=strawberry-lime] .content {
            background-color: #E4002B;
        }
        .c02-product-carousel .product-carousel-item[data-theme=orange-spritz] .content {
            background-color: #FF6900;
        }
    .c02-product-carousel .progress-line-holder {
        position: relative;
        margin: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: .2rem;
        background-color: rgba(89,88,92,.3);
        border-radius: .2rem
    }

        .c02-product-carousel .progress-line-holder .progress-line {
            width: auto;
            background-color: #59585c;
            border-radius: .2rem
        }

    .c02-product-carousel .carousel-arrow {
        display: none
    }

@media (min-width:768px) {
    .c02-product-carousel .product-carousel-outer {
        max-width: 100%
    }

    .c02-product-carousel .description {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .c02-product-carousel .product-carousel-item {
        width: 30rem
    }

        .c02-product-carousel .product-carousel-item .product-carousel-inner-item {
            margin-left: 4rem
        }

    html.no-touchevents .c02-product-carousel .product-carousel-item:hover .description {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .c02-product-carousel .carousel-arrow {
        height: 6rem;
        width: 6rem;
        position: absolute;
        top: 50%;
        margin-top: -9rem;
        background-color: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
        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;
        color: #949399;
        cursor: pointer;
        -webkit-transition: background-color .25s linear,color .25s linear,visibility .25s linear,opacity .25s linear;
        -o-transition: background-color .25s linear,color .25s linear,visibility .25s linear,opacity .25s linear;
        transition: background-color .25s linear,color .25s linear,visibility .25s linear,opacity .25s linear;
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }

        .c02-product-carousel .carousel-arrow .icon, .c02-product-carousel .carousel-arrow svg {
            height: 1.5rem;
            width: .8rem
        }

        .c02-product-carousel .carousel-arrow.previous {
            left: 2rem
        }

        .c02-product-carousel .carousel-arrow.next {
            right: 2rem
        }

        .c02-product-carousel .carousel-arrow.is-enabled {
            opacity: 1;
            visibility: visible;
            pointer-events: all
        }

    html.no-touchevents .c02-product-carousel .carousel-arrow:hover {
        background-color: #62a60f;
        color: #fff
    }

    .c02-product-carousel .progress-line-holder {
        display: none
    }
}

.heading {
    text-align: center;
    margin-bottom: 3.6rem;
    position: relative
}

    .heading.has-icon {
        padding-top: 6rem
    }

    .heading .sub-title, .heading .title {
        text-transform: uppercase;
        color: #006e41
    }

        .heading .sub-title .title-wrapper, .heading .title .title-wrapper {
            position: relative;
            z-index: 2
        }

    .heading .sub-title {
        margin-bottom: .6rem;
        position: relative
    }

    .heading .heading-icon {
        height: 7rem;
        width: 7rem;
        color: #a2d134;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .heading .heading-icon svg {
            height: 7rem;
            width: 7rem
        }

    .heading .title {
        margin-bottom: 2.4rem
    }

    .heading .copy {
        color: #59585c
    }

.c04-our-story {
    height: auto;
    position: relative;
    margin-top: -6rem;
    padding-top: 6rem
}

    .c04-our-story .story-background {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }

        .c04-our-story .story-background .image-wrapper {
            right: auto;
            bottom: auto;
            left: auto;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            height: 100vh
        }

        .c04-our-story .story-background .lazysizes-display-clone {
            position: fixed !important;
            max-height: 100vh
        }

        .c04-our-story .story-background .background-image {
            position: absolute;
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 0
        }

            .c04-our-story .story-background .background-image.original-image {
                z-index: 2
            }

                .c04-our-story .story-background .background-image.original-image.lazysizes-display-clone {
                    position: fixed !important;
                    max-height: 100vh;
                    z-index: 3
                }

    .c04-our-story .story-section {
        height: auto;
        min-height: 100vh;
        position: relative;
        font-size: 40px;
        color: #fff;
        padding: 0 2rem;
        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;
        z-index: 4
    }

        .c04-our-story .story-section:first-of-type .line:first-of-type, .c04-our-story .story-section:last-of-type .line:last-of-type {
            opacity: 0
        }

    .c04-our-story .content {
        margin: 4.1rem auto;
        max-width: 105rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        transform: translate3d(0,0,0);
        -webkit-transform: translateZ(0);
        text-align: center
    }

        .c04-our-story .content .logo {
            height: 12.6rem;
            width: 14rem;
            display: inline-block;
            margin-bottom: 6rem
        }

            .c04-our-story .content .logo img {
                height: 100%
            }

        .c04-our-story .content .heading-02 {
            font-size: 2rem;
            transform: translate3d(0,0,0);
            -webkit-transform: translateZ(0);
            line-height: 2.8rem
        }

        .c04-our-story .content > * > div {
            white-space: nowrap
        }

    .c04-our-story .line {
        transform: translate3d(0,0,0);
        -webkit-transform: translateZ(0);
        width: 2px;
        background-color: hsla(0,0%,100%,.3);
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

@media (min-width:768px) {
    .c04-our-story .content {
        margin: 6rem auto
    }

        .c04-our-story .content .heading-02 {
            font-size: 6rem;
            line-height: 1
        }

    .c04-our-story .story-section {
        height: calc(100vh - 6rem);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.c05-social-feed .content-wrapper {
    padding: 0 2rem
}

.c05-social-feed .social-feeds-wrapper {
    width: 100%;
    max-width: 144rem;
    margin: 6rem auto;
    position: relative
}

    .c05-social-feed .social-feeds-wrapper .social-feeds {
        overflow: hidden
    }

    .c05-social-feed .social-feeds-wrapper .social-feeds-carousel {
        padding: 0 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative
    }

    .c05-social-feed .social-feeds-wrapper .progress-line-holder {
        position: absolute;
        bottom: -3rem;
        left: 2rem;
        right: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: .2rem;
        background-color: rgba(89,88,92,.3);
        border-radius: .2rem
    }

        .c05-social-feed .social-feeds-wrapper .progress-line-holder .progress-line {
            width: auto;
            background-color: #59585c;
            border-radius: .2rem
        }

@media (min-width:480px) {
    .c05-social-feed .social-feeds-wrapper {
        padding: 0 2rem
    }

        .c05-social-feed .social-feeds-wrapper .social-feeds {
            overflow: visible
        }

        .c05-social-feed .social-feeds-wrapper .progress-line-holder {
            display: none
        }

        .c05-social-feed .social-feeds-wrapper .social-feeds-carousel {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -1rem
        }
}

@media (min-width:768px) {
    .c05-social-feed .social-feeds-wrapper {
        padding: 0 8.2rem
    }
}

.social-feed {
    width: calc(100vw - 4rem);
    padding-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .social-feed .social-feed-inner {
        position: relative;
        background-color: #fff;
        overflow: hidden;
        border-radius: 1rem
    }

        .social-feed .social-feed-inner a {
            text-decoration: none
        }

    .social-feed .social-feed-image-wrapper, .social-feed .social-feed-video-wrapper {
        width: 100%;
        overflow: hidden;
        position: relative
    }

        .social-feed .social-feed-image-wrapper:before, .social-feed .social-feed-video-wrapper:before {
            content: "";
            display: block;
            padding-top: 100%
        }

    .social-feed .social-feed-image, .social-feed .social-video {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }

    .social-feed .social-feed-content {
        color: #949399;
        padding: 2.4rem 2rem;
        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: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .social-feed .date-and-social {
        margin-top: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .social-feed .social-icon {
        color: #62a60f
    }

        .social-feed .social-icon, .social-feed .social-icon svg {
            height: 2.2rem;
            width: 2.2rem
        }

@media (min-width:480px) {
    .social-feed {
        width: 50%;
        padding: 1rem
    }

        .social-feed .social-feed-inner-wrapper {
            position: relative;
            width: 100%;
            border-radius: 1rem;
            overflow: hidden
        }

            .social-feed .social-feed-inner-wrapper:before {
                content: "";
                display: block;
                padding-top: 100%
            }

        .social-feed .social-feed-inner {
            background-color: #f1f1de
        }

        .social-feed .social-feed-image-wrapper, .social-feed .social-feed-inner, .social-feed .social-feed-video-wrapper {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute
        }

            .social-feed .social-feed-image-wrapper img, .social-feed .social-feed-image-wrapper video, .social-feed .social-feed-video-wrapper img, .social-feed .social-feed-video-wrapper video {
                -webkit-transition: -webkit-filter .15s linear,-webkit-transform .15s ease;
                transition: -webkit-filter .15s linear,-webkit-transform .15s ease;
                -o-transition: filter .15s linear,transform .15s ease;
                transition: filter .15s linear,transform .15s ease;
                transition: filter .15s linear,transform .15s ease,-webkit-filter .15s linear,-webkit-transform .15s ease
            }

        .social-feed .social-feed-content {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            color: #fff;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: visibility .25s,opacity .25s;
            -o-transition: visibility .25s,opacity .25s;
            transition: visibility .25s,opacity .25s;
            padding: 2rem;
            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: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .social-feed .social-feed-content p {
                margin: 0;
                padding: 0
            }

        .social-feed .social-icon {
            color: #fff
        }

        .social-feed:hover .social-feed-image-wrapper img, .social-feed:hover .social-feed-image-wrapper video, .social-feed:hover .social-feed-video-wrapper img, .social-feed:hover .social-feed-video-wrapper video {
            -webkit-filter: blur(20px) brightness(70%);
            filter: blur(20px) brightness(70%);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .social-feed:hover .social-feed-image-wrapper:after, .social-feed:hover .social-feed-video-wrapper:after {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            content: "";
            background-color: rgba(170,113,0,.3)
        }

    .no-cssfilters .social-feed:hover .social-feed-image-wrapper:after, .no-cssfilters .social-feed:hover .social-feed-video-wrapper:after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        content: "";
        background-color: rgba(89,88,92,.5)
    }

    .social-feed:hover .social-feed-content {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width:768px) {
    .social-feed {
        width: 33.333%
    }
}

@media (min-width:1440px) {
    .social-feed {
        width: 25%
    }

        .social-feed .social-feed-content {
            padding: 4rem
        }
}

.c06-quote-of-the-day {
    position: relative;
    color: #006e41;
    z-index: 2
}

    .c06-quote-of-the-day:before {
        content: "";
        display: block;
        padding-top: 149.86667%
    }

    .c06-quote-of-the-day .quote-content-wrapper {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        padding: 2rem;
        color: currentColor;
        width: 100%;
        background-size: 100%;
        background-repeat: repeat
    }

    .c06-quote-of-the-day .quote-content {
        height: 100%;
        position: relative;
        border-top: 0;
        border-bottom: 0;
        text-align: center;
        z-index: 3;
        background-color: #f1f1de;
        -webkit-mask-size: 100% auto;
        mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center 8rem;
        mask-position: center 8rem;
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMSA0NS45MDRWNzI1OEgwVjQ1LjkwNEMtMzQuNTQ5IDQxLjcyMy01NCAzNy01NCAzMmMwLTE3LjEyIDIyOC4xMS0zMSA1MDkuNS0zMVM5NjUgMTQuODggOTY1IDMyYzAgNS0xOS40NTEgOS43MjMtNTQgMTMuOTA0eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkxMSA0NS45MDRWNzI1OEgwVjQ1LjkwNEMtMzQuNTQ5IDQxLjcyMy01NCAzNy01NCAzMmMwLTE3LjEyIDIyOC4xMS0zMSA1MDkuNS0zMVM5NjUgMTQuODggOTY1IDMyYzAgNS0xOS40NTEgOS43MjMtNTQgMTMuOTA0eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+")
    }

        .c06-quote-of-the-day .quote-content h2 {
            text-transform: uppercase
        }

    .c06-quote-of-the-day .quote-logo {
        height: 8rem;
        width: 8rem;
        color: #f1f1de;
        position: absolute;
        top: 3.4rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c06-quote-of-the-day .quotes {
        margin-bottom: -2rem
    }

    .c06-quote-of-the-day .quote {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility .25s linear,opacity .25s linear;
        -o-transition: visibility .25s linear,opacity .25s linear;
        transition: visibility .25s linear,opacity .25s linear;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 4rem
    }

        .c06-quote-of-the-day .quote.is-active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            opacity: 1;
            visibility: visible;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c06-quote-of-the-day .quote .heading-02 {
            font-size: 100%;
            max-width: 100rem
        }

    .c06-quote-of-the-day .refresh-button {
        position: absolute;
        bottom: 6rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: transparent;
        outline: none;
        border: 0;
        min-width: 5rem;
        color: #006e41;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        -o-transition: transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease;
        cursor: pointer;
        z-index: 3
    }

        .c06-quote-of-the-day .refresh-button .refresh-label {
            font-size: 1.2rem;
            text-transform: uppercase
        }

        .c06-quote-of-the-day .refresh-button svg {
            height: 6rem;
            width: 6rem;
            position: absolute;
            top: -2.1rem;
            left: 50%;
            margin-left: -3rem
        }

@media (min-width:768px) {
    .c06-quote-of-the-day {
        position: relative
    }

        .c06-quote-of-the-day:before {
            content: "";
            display: block;
            padding-top: 100%
        }
}

@media (min-width:1024px) {
    .c06-quote-of-the-day {
        position: relative;
        max-height: 72rem
    }

        .c06-quote-of-the-day:before {
            content: "";
            display: block;
            padding-top: 50%
        }
}

.c07-heading .content-wrapper {
    max-width: 62rem;
    margin: 0 auto;
    padding: 0 2rem
}

@media (min-width:768px) {
    .c07-heading {
        padding: 0
    }
}

.c08-newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

    .c08-newsletter-form .background-image {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-bottom: -1rem;
        background-color: #fff;
        position: absolute;
        -webkit-mask-size: 100% auto;
        mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center bottom;
        mask-position: center bottom;
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNzIxMC4wOTZWLTJoOTExdjcyMTIuMDk2YzM0LjU0OSA0LjE4MSA1NCA4LjkwNSA1NCAxMy45MDQgMCAxNy4xMi0yMjguMTEgMzEtNTA5LjUgMzFTLTU0IDcyNDEuMTItNTQgNzIyNGMwLTUgMTkuNDUxLTkuNzIzIDU0LTEzLjkwNHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNzIxMC4wOTZWLTJoOTExdjcyMTIuMDk2YzM0LjU0OSA0LjE4MSA1NCA4LjkwNSA1NCAxMy45MDQgMCAxNy4xMi0yMjguMTEgMzEtNTA5LjUgMzFTLTU0IDcyNDEuMTItNTQgNzIyNGMwLTUgMTkuNDUxLTkuNzIzIDU0LTEzLjkwNHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")
    }

    .c08-newsletter-form .content-wrapper {
        padding: 6rem 2rem;
        position: relative;
        width: 100%;
        z-index: 1
    }

        .c08-newsletter-form .content-wrapper .input-field .input-wrapper {
            background-color: #f2f2f2
        }

        .c08-newsletter-form .content-wrapper .input-field input:-webkit-autofill, .c08-newsletter-form .content-wrapper .input-field input:-webkit-autofill:active, .c08-newsletter-form .content-wrapper .input-field input:-webkit-autofill:focus, .c08-newsletter-form .content-wrapper .input-field input:-webkit-autofill:hover {
            -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset
        }

        .c08-newsletter-form .content-wrapper .checkbox-custom-label a {
            color: #62a60f
        }

    .c08-newsletter-form .contact-image, .c08-newsletter-form .contact-video {
        display: none
    }

    .c08-newsletter-form .subscribed-heading {
        opacity: 0;
        visibility: hidden;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: visibility .25s linear,opacity .25s linear;
        -o-transition: visibility .25s linear,.25s opacity linear;
        transition: visibility .25s linear,opacity .25s linear
    }

    .c08-newsletter-form .subscribe-heading {
        opacity: 1;
        visibility: visible;
        display: block
    }

    .c08-newsletter-form .inner-content.has-subscribed .subscribed-heading {
        opacity: 1;
        visibility: visible
    }

    .c08-newsletter-form .inner-content.has-subscribed .sign-up-form, .c08-newsletter-form .inner-content.has-subscribed .subscribe-heading {
        opacity: 0;
        visibility: hidden
    }

@media (min-width:768px) {
    .c08-newsletter-form.is-reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .c08-newsletter-form .background-image {
        display: none
    }

    .c08-newsletter-form .content-wrapper {
        padding: 12rem 6rem;
        width: 50%;
        margin: 0 auto
    }

    .c08-newsletter-form .inner-content {
        max-width: 30.7rem;
        margin: 0 auto
    }

    .c08-newsletter-form.has-media .content-wrapper {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff;
        margin: 0
    }

        .c08-newsletter-form.has-media .content-wrapper .input-field .input-wrapper, .c08-newsletter-form.has-media .content-wrapper .text-area .text-area-wrapper {
            background-color: #f2f2f2
        }

    .c08-newsletter-form .contact-image, .c08-newsletter-form .contact-video {
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        overflow: hidden;
        max-height: 100vh
    }

    .c08-newsletter-form .lazysizes-display-clone {
        width: 50%;
        height: 100%;
        max-height: 100% !important
    }
}

.input-field {
    height: auto;
    margin-top: 2.4rem
}

    .input-field .input-wrapper {
        position: relative;
        background-color: #fff;
        border-radius: .5rem
    }

    .input-field .text-label {
        position: absolute;
        display: block;
        font-size: 1.4rem;
        top: 50%;
        margin-top: -.5em;
        color: #949399;
        -webkit-transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        -o-transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        padding-left: 2rem;
        z-index: 1
    }

    .input-field .error, .input-field .required {
        display: block;
        padding: .8rem 2rem 0;
        color: #949399
    }

    .input-field .error {
        display: none;
        color: #e12100
    }

    .input-field.has-value .text-label {
        font-size: 1.2rem;
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    .input-field.has-value.has-success .text-label {
        color: #006e41
    }

    .input-field.has-error .required {
        display: none
    }

    .input-field.has-error .error {
        display: block
    }

        .input-field.has-error .error.item-1, .input-field.has-value.has-error .error {
            display: none
        }

            .input-field.has-value.has-error .error.item-1 {
                display: block
            }

    .input-field.has-value.has-error .text-label {
        color: #e12100
    }

    .input-field .text-input {
        position: relative;
        background: transparent;
        width: 100%;
        border: none;
        outline: none;
        padding: 1.2rem 2rem 0;
        font-size: 1.4rem;
        height: 5.6rem
    }

    .input-field input:-webkit-autofill, .input-field input:-webkit-autofill:active, .input-field input:-webkit-autofill:focus, .input-field input:-webkit-autofill:hover {
        -webkit-box-shadow: 0 0 0 30px #fff inset
    }

.c10-product-header {
    width: 100%;
    min-height: 71.6rem;
    position: relative;
    margin-bottom: 6rem;
    color: #fff;
    /*overflow: hidden;*/
}

    .c10-product-header .background-image {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-bottom: 6rem;
        position: absolute;
        -webkit-mask-size: 100% auto;
        mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center bottom;
        mask-position: center bottom;
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNzIxMC4wOTZWLTJoOTExdjcyMTIuMDk2YzM0LjU0OSA0LjE4MSA1NCA4LjkwNSA1NCAxMy45MDQgMCAxNy4xMi0yMjguMTEgMzEtNTA5LjUgMzFTLTU0IDcyNDEuMTItNTQgNzIyNGMwLTUgMTkuNDUxLTkuNzIzIDU0LTEzLjkwNHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTExIiBoZWlnaHQ9IjcyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNzIxMC4wOTZWLTJoOTExdjcyMTIuMDk2YzM0LjU0OSA0LjE4MSA1NCA4LjkwNSA1NCAxMy45MDQgMCAxNy4xMi0yMjguMTEgMzEtNTA5LjUgMzFTLTU0IDcyNDEuMTItNTQgNzIyNGMwLTUgMTkuNDUxLTkuNzIzIDU0LTEzLjkwNHoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")
    }

        .c10-product-header .background-image[data-theme=apple] {
            background-color: #62a60f
        }

        .c10-product-header .background-image[data-theme=pear] {
            background-color: #e1e000
        }

        .c10-product-header .background-image[data-theme=blackberry] {
            background-color: #80225f
        }

        .c10-product-header .background-image[data-theme=blueberry] {
            background-color: #2c5697
        }

        .c10-product-header .background-image[data-theme=watermelon] {
            background-color: #e12100
        }

        .c10-product-header .background-image[data-theme=red-rhubarb] {
            background-color: #ce1f58
        }

        .c10-product-header .background-image[data-theme=elderflower-lime] {
            background-color: #a2e4b8
        }

        .c10-product-header .background-image[data-theme=sparkling-rose] {
            background-color: #b65a65
        }

        .c10-product-header .background-image[data-theme=sparkling-white] {
            background-color: #f1c400
        }

        .c10-product-header .background-image[data-theme=sparkling-spritz] {
            background-color: #d86017
        }

        .c10-product-header .background-image[data-theme=hops-apples] {
            background-color: #cedd90
        }

        .c10-product-header .background-image[data-theme=citrus] {
            background-color: #fbe438
        }

        .c10-product-header .background-image[data-theme=mango] {
            background-color: #f8a616
        }
        .c10-product-header .background-image[data-theme=Super-Crisp] {
            background-color: #004B87
        }

    .c10-product-header .beverage {
        width: 100%;
        height: 100%;
        position: absolute;
        top: auto;
        left: 0;
        bottom: -10rem;
        max-height: 71.6rem;
        pointer-events: none;
        overflow: hidden;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }

        .c10-product-header .beverage img {
            -webkit-transform: translateX(30%);
            -ms-transform: translateX(30%);
            transform: translateX(30%);
            max-width: 35rem;
            -webkit-transition: opacity .3s ease,-webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
            transition: opacity .3s ease,-webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
            -o-transition: transform .45s cubic-bezier(.445,.05,.55,.95),opacity .3s ease;
            transition: transform .45s cubic-bezier(.445,.05,.55,.95),opacity .3s ease;
            transition: transform .45s cubic-bezier(.445,.05,.55,.95),opacity .3s ease,-webkit-transform .45s cubic-bezier(.445,.05,.55,.95)
        }

        .c10-product-header .beverage.show-nutrition img {
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .c10-product-header .content-wrapper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 2rem 2rem 0;
        overflow: hidden
    }

    .c10-product-header .header {
        max-width: 45rem;
        padding-bottom: 3rem;
        padding-right: 10rem
    }

    .c10-product-header .title {
        color: hsla(0,0%,100%,.6)
    }

    .c10-product-header .flavour {
        color: #fff
    }

    .c10-product-header .category {
        display: block;
        width: 100%;
        max-width: 18.6rem;
        height: auto;
        color: #fff;
        margin-top: 1.8rem
    }

        .c10-product-header .category svg {
            height: 2.8rem;
            width: 18.6rem
        }

        .c10-product-header .category .icon[data-icon=seltzer-lime] svg {
            height: 2.1rem !important;
            width: 5rem !important;
        }

    .c10-product-header .info-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 3.6rem 0 3rem;
        color: #fff;
        width: 200vw;
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        -webkit-transition: -webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: -webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
        -o-transition: transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: transform .45s cubic-bezier(.445,.05,.55,.95),-webkit-transform .45s cubic-bezier(.445,.05,.55,.95)
    }

        .c10-product-header .info-wrapper.show-nutrition {
            -webkit-transform: translateX(-55%);
            -ms-transform: translateX(-55%);
            transform: translateX(-55%)
        }

    .c10-product-header .cta-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 3.6rem 0 3rem;
        color: #fff;
        width: 200vw;
        font-family: Avenir-Black,Arial,sans-serif;
        font-size: 1.4rem;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: -webkit-transform .45s cubic-bezier(.445,.05,.55,.95);
        -o-transition: transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: transform .45s cubic-bezier(.445,.05,.55,.95);
        transition: transform .45s cubic-bezier(.445,.05,.55,.95),-webkit-transform .45s cubic-bezier(.445,.05,.55,.95)
    }

        .c10-product-header .cta-wrapper.show-nutrition {
            -webkit-transform: translateX(-55%);
            -ms-transform: translateX(-55%);
            transform: translateX(-55%)
        }

        .c10-product-header .cta-wrapper .overview-button {
            width: 25rem
        }

        .c10-product-header .cta-wrapper .icon {
            height: .8rem;
            width: 1rem;
            margin-bottom: 1px;
            color: currentColor
        }

    .c10-product-header .overview {
        width: 17.4rem
    }

    .c10-product-header .overview-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2rem
    }

        .c10-product-header .overview-item .icon {
            height: 4.2rem;
            width: 4.2rem;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-right: 1.4rem
        }

        .c10-product-header .overview-item a {
            border: .1rem solid #fff;
            color: #fff;
            font-size: 1.6rem;
            mix-blend-mode: screen;
            background: #000;
            margin: 0
        }

@media (hover:hover) {
    .c10-product-header .overview-item a:hover {
        background: #fff !important;
        color: #000
    }
}

.c10-product-header .overview-item a:active {
    background: #fff;
    color: #000
}

.c10-product-header .nutrition {
    width: 25rem
}

.c10-product-header .inner-nutrition {
    border: 1px solid hsla(0,0%,100%,.3)
}

    .c10-product-header .inner-nutrition .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: Avenir-Black,Arial,sans-serif;
        text-transform: uppercase;
        letter-spacing: .3em;
        font-size: 1.2rem
    }

        .c10-product-header .inner-nutrition .row p {
            margin: 0;
            padding: 0 0 1.4rem;
            color: hsla(0,0%,100%,.7);
            text-transform: none;
            font-family: Avenir-Medium,Arial,sans-serif;
            letter-spacing: 0
        }

        .c10-product-header .inner-nutrition .row:not(:last-of-type) {
            border-bottom: 1px solid hsla(0,0%,100%,.3)
        }

    .c10-product-header .inner-nutrition .alcohol, .c10-product-header .inner-nutrition .amount, .c10-product-header .inner-nutrition .ingredients, .c10-product-header .inner-nutrition .nutritional-info {
        display: block;
        padding: 1.4rem
    }

    .c10-product-header .inner-nutrition .amount {
        border-right: 1px solid hsla(0,0%,100%,.3)
    }

    .c10-product-header .inner-nutrition .alcohol {
        color: hsla(0,0%,100%,.7)
    }

        .c10-product-header .inner-nutrition .alcohol .percentage {
            color: #fff
        }

.c10-product-header .ingredients-link {
    color: #fff;
    text-decoration: none;
    font-family: Avenir-Black,Arial,sans-serif;
    display: block;
    margin-top: 1.5rem
}

.c10-product-header[data-inverted=true] {
    color: #006e41
}

    .c10-product-header[data-inverted=true] .title {
        color: rgba(0,110,65,.6)
    }

    .c10-product-header[data-inverted=true] .category, .c10-product-header[data-inverted=true] .flavour, .c10-product-header[data-inverted=true] .ingredients-link {
        color: #006e41
    }

    .c10-product-header[data-inverted=true] .alcohol {
        color: rgba(0,110,65,.7)
    }

        .c10-product-header[data-inverted=true] .alcohol .percentage {
            color: #006e41
        }

    .c10-product-header[data-inverted=true] .amount {
        border-right: 1px solid rgba(0,110,65,.3)
    }

    .c10-product-header[data-inverted=true] .info-wrapper {
        color: #006e41;
        border-bottom: 1px solid rgba(0,110,65,.3)
    }

    .c10-product-header[data-inverted=true] .inner-nutrition {
        border: 1px solid rgba(0,110,65,.3)
    }

        .c10-product-header[data-inverted=true] .inner-nutrition .row:not(:last-of-type) {
            border-bottom: 1px solid rgba(0,110,65,.3)
        }

        .c10-product-header[data-inverted=true] .inner-nutrition .row p {
            color: rgba(0,110,65,.7)
        }

    .c10-product-header[data-inverted=true] .cta-wrapper {
        color: #006e41
    }

    .c10-product-header[data-inverted=true] .overview-item a {
        mix-blend-mode: normal;
        background: transparent;
        border-color: #006e41;
        color: #006e41
    }

        .c10-product-header[data-inverted=true] .overview-item a:hover {
            color: #a2d134;
            background: #006e41 !important
        }

@media (min-width:768px) {
    .c10-product-header .content-wrapper {
        padding: 2rem 2rem 0;
        width: 100%;
        max-width: 100.6rem
    }

    .c10-product-header .header {
        padding-bottom: 4.8rem;
        border-bottom: 1px solid hsla(0,0%,100%,.3)
    }

    .c10-product-header .cta-wrapper {
        display: none
    }

    .c10-product-header .beverage {
        left: 50%;
        margin-left: -19rem;
        max-height: 71.6rem;
        max-width: 38rem;
        overflow: visible;
        bottom: -7rem;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }

        .c10-product-header .beverage img {
            max-width: unset;
            object-fit:contain;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

    .c10-product-header .info-wrapper {
        width: 100%;
        padding: 3.6rem 0 14rem;
        border-bottom: none
    }

    .c10-product-header .overview {
        width: 41.1rem;
        padding-right: 11.3rem
    }

    .c10-product-header .overview-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2rem
    }

        .c10-product-header .overview-item .icon {
            height: 4.2rem;
            width: 4.2rem;
            margin-right: 1.4rem
        }

    .c10-product-header .nutrition {
        width: 41.7rem;
        padding-left: 11.3rem
    }

    .c10-product-header[data-inverted=true] {
        color: #006e41
    }

        .c10-product-header[data-inverted=true] .header {
            border-bottom: 1px solid rgba(0,110,65,.2)
        }

        .c10-product-header[data-inverted=true] .info-wrapper {
            border-bottom: 0
        }
}

@media (min-width:1024px) {
    .c10-product-header .content-wrapper {
        padding: 8.2rem 8.2rem 0;
        width: 100%;
        max-width: 100.6rem
    }

    .c10-product-header .inner-nutrition .row p {
        padding: 0 4rem 1.4rem 0
    }

    .c10-product-header .inner-nutrition .row:not(:last-of-type) {
        border-bottom: 1px solid hsla(0,0%,100%,.3)
    }
}

.c11-faq {
    padding-left: 2rem;
    padding-right: 2rem
}

    .c11-faq .faq-title {
        color: #006e41;
        text-align: center
    }

    .c11-faq .questions {
        margin-top: 3.6rem
    }

    .c11-faq .question-and-answer {
        background-color: #fff;
        border-radius: .5rem;
        padding: 2rem;
        cursor: pointer
    }

        .c11-faq .question-and-answer:not(:last-of-type) {
            margin-bottom: .6rem
        }

        .c11-faq .question-and-answer .arrow {
            position: absolute;
            right: 0;
            top: 0;
            width: 2rem;
            color: #006e41;
            -webkit-transition: -webkit-transform .2s linear;
            transition: -webkit-transform .2s linear;
            -o-transition: transform .2s linear;
            transition: transform .2s linear;
            transition: transform .2s linear,-webkit-transform .2s linear
        }

            .c11-faq .question-and-answer .arrow svg {
                height: 2rem;
                width: 2rem
            }

        .c11-faq .question-and-answer[data-open=true] .arrow {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

    .c11-faq .question {
        color: #006e41;
        position: relative;
        padding-right: 2.4rem
    }

    .c11-faq .answer {
        color: #59585c;
        height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

        .c11-faq .answer p {
            display: inline-block;
            padding-top: 1rem;
            margin: 0
        }

@media (min-width:768px) {
    .c11-faq .content-wrapper {
        max-width: 62.8rem;
        margin: 0 auto;
        padding: 0
    }
}

.c11-faq + .c12-footer {
    margin-top: 12rem
}

.c12-footer {
    padding: 3.6rem 4rem;
    background-color: #006e41;
    color: #f1f1de;
    position: relative;
    z-index: 4
}

    .c12-footer .inner-footer {
        width: 100%;
        max-width: 127.6rem;
        margin: 0 auto
    }

    .c12-footer .top-links {
        margin-bottom: 6rem;
        width: 100%
    }

        .c12-footer .top-links .top-link {
            color: currentColor;
            text-decoration: none
        }

            .c12-footer .top-links .top-link:hover .link {
                opacity: .7
            }

            .c12-footer .top-links .top-link .link {
                padding: 2rem 0 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: currentColor;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-transition: opacity .25s linear;
                -o-transition: opacity .25s linear;
                transition: opacity .25s linear
            }

            .c12-footer .top-links .top-link.has-line {
                border-bottom: 1px solid hsla(0,0%,100%,.2)
            }

                .c12-footer .top-links .top-link.has-line .link {
                    padding-bottom: 2.1rem
                }

                .c12-footer .top-links .top-link.has-line:not(:first-of-type) .link {
                    padding-top: 2.1rem
                }

            .c12-footer .top-links .top-link .flag {
                display: inline-block;
                height: 2.4rem;
                width: 2.4rem;
                color: currentColor;
                margin-right: 1.8rem;
                margin-top: -.5rem
            }

                .c12-footer .top-links .top-link .flag svg {
                    height: 2.4rem;
                    width: 2.4rem
                }

    .c12-footer .social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 20rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .c12-footer .social-links .social-link {
            height: 2.4rem;
            width: 2.4rem
        }

            .c12-footer .social-links .social-link .link {
                height: 100%;
                width: 100%;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: currentColor;
                text-decoration: none;
                -webkit-transition: opacity .25s linear;
                -o-transition: opacity .25s linear;
                transition: opacity .25s linear
            }

                .c12-footer .social-links .social-link .link:hover {
                    opacity: .7
                }

            .c12-footer .social-links .social-link svg {
                height: 2.4rem;
                width: 2.4rem
            }

    .c12-footer .bottom-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 2rem 0 1rem;
        border-top: 1px solid hsla(0,0%,100%,.2);
        border-bottom: 1px solid hsla(0,0%,100%,.2);
        margin-top: 2.4rem;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 1rem
    }

        .c12-footer .bottom-links .bottom-link {
            padding: 0 1rem;
            margin-bottom: 1rem
        }

            .c12-footer .bottom-links .bottom-link:not(:first-of-type) {
                border-left: 1px solid
            }

            .c12-footer .bottom-links .bottom-link .link {
                color: currentColor;
                text-decoration: none;
                -webkit-transition: opacity .25s linear;
                -o-transition: opacity .25s linear;
                transition: opacity .25s linear
            }

                .c12-footer .bottom-links .bottom-link .link:hover {
                    opacity: .7
                }

            .c12-footer .bottom-links .bottom-link:first-of-type {
                padding-left: 0
            }

            .c12-footer .bottom-links .bottom-link:last-of-type {
                padding-right: 0;
                border-right: 0
            }

    .c12-footer .footer-notes {
        padding: 2rem 0 0;
        width: 100%;
        font-size: 1rem
    }

        .c12-footer .footer-notes .note {
            width: 100%
        }

            .c12-footer .footer-notes .note:not(:last-of-type) {
                padding: 0 0 1rem
            }

    .c12-footer .grouped {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

@media (min-width:768px) {
    .c12-footer {
        padding: 5rem 8.2rem 6rem
    }

        .c12-footer .grouped {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .c12-footer .top-links {
            margin-bottom: 2rem
        }

        .c12-footer .bottom-links, .c12-footer .top-links {
            max-width: 50rem;
            border-bottom: 0
        }

        .c12-footer .footer-notes {
            padding: 0;
            text-align: right
        }

        .c12-footer .note {
            font-size: 1.2rem
        }

        .c12-footer .bottom-links {
            margin-top: 0
        }

            .c12-footer .bottom-links .bottom-link {
                padding: 0 2rem;
                font-size: 1.2rem
            }

        .c12-footer .social-links {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            max-width: unset;
            margin-top: 2rem
        }

            .c12-footer .social-links .social-link {
                margin-left: 4rem
            }
}

.c13-navigation {
    position: fixed;
    height: 6rem;
    width: 6rem;
    background-color: #fff;
    border-radius: 50%;
    bottom: 6rem;
    right: 2rem;
    z-index: 5;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    -o-transition: transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear,-webkit-transform .25s linear
}

    .c13-navigation.header-hidden {
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        transform: translateY(200%)
    }

    .c13-navigation .menu-background {
        height: 6rem;
        width: 6rem;
        position: fixed;
        border-radius: 100%;
        bottom: 6rem;
        right: 2rem;
        background-color: transparent;
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transition: height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86),bottom .4s cubic-bezier(.785,.135,.15,.86),right .4s cubic-bezier(.785,.135,.15,.86),background-color .4s linear,-webkit-transform .4s cubic-bezier(.785,.135,.15,.86);
        transition: height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86),bottom .4s cubic-bezier(.785,.135,.15,.86),right .4s cubic-bezier(.785,.135,.15,.86),background-color .4s linear,-webkit-transform .4s cubic-bezier(.785,.135,.15,.86);
        -o-transition: height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.86),bottom .4s cubic-bezier(.785,.135,.15,.86),right .4s cubic-bezier(.785,.135,.15,.86),background-color .4s linear;
        transition: height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.86),bottom .4s cubic-bezier(.785,.135,.15,.86),right .4s cubic-bezier(.785,.135,.15,.86),background-color .4s linear;
        transition: height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.86),bottom .4s cubic-bezier(.785,.135,.15,.86),right .4s cubic-bezier(.785,.135,.15,.86),background-color .4s linear,-webkit-transform .4s cubic-bezier(.785,.135,.15,.86);
        pointer-events: none
    }

    .c13-navigation .background-image {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility .5s,opacity .5s cubic-bezier(.785,.135,.15,.86);
        -o-transition: visibility .5s,opacity .5s cubic-bezier(.785,.135,.15,.86);
        transition: visibility .5s,opacity .5s cubic-bezier(.785,.135,.15,.86)
    }

    .c13-navigation .navigation {
        height: auto;
        width: 100%;
        max-width: 144rem;
        margin: 0 auto;
        display: block;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility .4s,opacity height .4s linear cubic-bezier(.785,.135,.15,.86) .4s,width .4s cubic-bezier(.785,.135,.15,.86);
        -o-transition: visibility .4s,opacity .4s linear height .4s cubic-bezier(.785,.135,.15,.86),width .4s cubic-bezier(.785,.135,.15,.86);
        transition: visibility .4s,opacity height .4s linear cubic-bezier(.785,.135,.15,.86) .4s,width .4s cubic-bezier(.785,.135,.15,.86);
        padding-top: 2rem
    }

    .c13-navigation .navigation-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
        height: 100%;
        margin-bottom: 1.6rem
    }

    .c13-navigation .navigation-menu-item {
        height: auto;
        width: auto;
        padding: 0 1.8rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 4.8rem;
        font-family: SomersBy-heading,Helvetica,Arial,sans-serif;
        text-transform: uppercase
    }

    .c13-navigation .navigation-menu-item-link {
        display: block;
        color: #fff;
        text-decoration: none;
        -webkit-transition: color .25s linear;
        -o-transition: color .25s linear;
        transition: color .25s linear;
        padding-bottom: 2.4rem
    }

        .c13-navigation .navigation-menu-item-link.is-active, .c13-navigation .navigation-menu-item-link:hover {
            color: #fcd921
        }

    .c13-navigation .navigation-country-select {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 2rem;
        cursor: pointer;
        -webkit-transition: color .25s linear;
        -o-transition: color .25s linear;
        transition: color .25s linear;
        position: relative;
        font-family: Avenir-Black,Arial,sans-serif;
        letter-spacing: .3rem;
        text-transform: uppercase;
        padding-top: 3.7rem;
        padding-bottom: 3.7rem
    }

        .c13-navigation .navigation-country-select:before {
            content: "";
            position: absolute;
            left: 2rem;
            top: 0;
            right: 2rem;
            height: .1rem;
            background-color: hsla(0,0%,100%,.4)
        }

        .c13-navigation .navigation-country-select:hover {
            color: #62a60f
        }

        .c13-navigation .navigation-country-select .label {
            font-size: 1.6rem;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .c13-navigation .navigation-country-select .flag {
            height: 2.4rem;
            width: 2.4rem;
            display: inline-block;
            margin-right: 1.6rem;
            border-radius: 50%;
            overflow: hidden;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

            .c13-navigation .navigation-country-select .flag svg {
                height: 2.4rem;
                width: 2.4rem
            }

    .c13-navigation .logo {
        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;
        margin-right: 1.6rem;
        margin-bottom: 7rem
    }

        .c13-navigation .logo .logo-rgb {
            margin-top: .5rem;
            height: 5.5rem;
            width: 8.8rem;
            display: none
        }

            .c13-navigation .logo .logo-rgb img {
                height: 100%;
                max-height: 5.5rem
            }

        .c13-navigation .logo .logo-white {
            height: 5.2rem;
            width: 6rem;
            display: inline-block
        }

            .c13-navigation .logo .logo-white img {
                height: 100%;
                max-height: 5.2rem
            }

        .c13-navigation .logo .text-logo {
            color: #006e41;
            height: 3rem;
            width: 10.4rem;
            display: none;
            margin-left: -9px;
        }

            .c13-navigation .logo .text-logo svg {
                height: 3rem;
                width: 11.4rem;
            }

    .c13-navigation.is-open {
        height: 100%;
        width: 100%;
        background-color: transparent;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        overflow: auto;
        -webkit-transition: overflow 0ms linear .4s;
        -o-transition: overflow 0ms linear .4s;
        transition: overflow 0ms linear .4s
    }

        .c13-navigation.is-open .menu-background {
            bottom: -20%;
            right: -70%;
            width: 130vh;
            height: 130vh;
            background-color: #62a60f
        }

        .c13-navigation.is-open .background-image {
            opacity: 1;
            visibility: visible
        }

        .c13-navigation.is-open .navigation {
            opacity: 1;
            visibility: visible;
            -webkit-transition: visibility .4s,opacity .4s linear;
            -o-transition: visibility .4s,opacity .4s linear;
            transition: visibility .4s,opacity .4s linear
        }

    .c13-navigation .navigation-mobile-button {
        position: absolute;
        height: 6rem;
        width: 6rem;
        right: 0;
        bottom: 0;
        border: 0;
        outline: 0;
        background-color: transparent;
        cursor: pointer
    }

        .c13-navigation .navigation-mobile-button .mobile-bars, .c13-navigation .navigation-mobile-button .mobile-bars:after, .c13-navigation .navigation-mobile-button .mobile-bars:before {
            width: 1.8rem;
            height: .2rem;
            background: #62a60f
        }

        .c13-navigation .navigation-mobile-button .mobile-bars {
            margin: 0 auto;
            display: block;
            position: relative;
            background: #62a60f
        }

            .c13-navigation .navigation-mobile-button .mobile-bars:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: .5rem;
                -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                -o-transition: bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear;
                transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear;
                transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1)
            }

            .c13-navigation .navigation-mobile-button .mobile-bars:after {
                content: "";
                position: absolute;
                left: 0;
                top: .5rem;
                -webkit-transition: top .3s cubic-bezier(.23,1,.32,1) .3s,background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                transition: top .3s cubic-bezier(.23,1,.32,1) .3s,background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                -o-transition: top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear;
                transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear;
                transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),background-color .3s linear,-webkit-transform .3s cubic-bezier(.23,1,.32,1)
            }

        .c13-navigation .navigation-mobile-button.is-open {
            right: 2rem;
            bottom: 6rem
        }

            .c13-navigation .navigation-mobile-button.is-open .mobile-bars {
                background: hsla(0,0%,100%,0)
            }

                .c13-navigation .navigation-mobile-button.is-open .mobile-bars:after {
                    top: 0;
                    background-color: #fff;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    -o-transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);
                    transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
                }

                .c13-navigation .navigation-mobile-button.is-open .mobile-bars:before {
                    bottom: 0;
                    background-color: #fff;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    -o-transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);
                    transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                    transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
                }

@media (min-width:768px) {
    .c13-navigation .navigation-mobile-button {
        display: none
    }
}

@media (min-width:768px) {
    .c13-navigation {
        position: fixed;
        bottom: auto;
        right: auto;
        height: 6rem;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        top: 0;
        -webkit-transition: -webkit-transform .25s linear;
        transition: -webkit-transform .25s linear;
        -o-transition: transform .25s linear;
        transition: transform .25s linear;
        transition: transform .25s linear,-webkit-transform .25s linear
    }

        .c13-navigation.header-hidden {
            -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%)
        }

        .c13-navigation .menu-background {
            display: none
        }

        .c13-navigation .navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            opacity: 1;
            visibility: visible;
            padding-top: 0;
            height: 100%
        }

        .c13-navigation .navigation-menu {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            height: 100%;
            margin-bottom: 0
        }

        .c13-navigation .navigation-menu-item {
            height: 100%;
            width: auto;
            padding: 0 1.8rem;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 1.4rem;
            font-family: Avenir-Medium,Arial,sans-serif;
            text-transform: none
        }

        .c13-navigation .navigation-menu-item-link {
            color: #949399;
            padding-bottom: 0
        }

            .c13-navigation .navigation-menu-item-link.is-active, .c13-navigation .navigation-menu-item-link:hover {
                color: #62a60f
            }

        .c13-navigation .logo {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 0
        }

            .c13-navigation .logo .logo-rgb {
                display: inline-block
            }

            .c13-navigation .logo .logo-white {
                display: none
            }

            .c13-navigation .logo .text-logo {
                display: inline-block
            }

        .c13-navigation .navigation-country-select {
            color: #949399;
            font-family: Avenir-Medium,Arial,sans-serif;
            text-transform: none;
            letter-spacing: normal;
            padding: 0 1.8rem 0 0
        }

            .c13-navigation .navigation-country-select:before {
                display: none
            }

            .c13-navigation .navigation-country-select:hover {
                color: #62a60f
            }

            .c13-navigation .navigation-country-select .label {
                font-size: 1.4rem;
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .c13-navigation .navigation-country-select .flag {
                margin-left: 1.6rem;
                margin-right: 0;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }
}

.c14-contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

    .c14-contact-form .content-wrapper {
        padding: 0 2rem;
        position: relative
    }

        .c14-contact-form .content-wrapper .success-heading {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            -webkit-transition: visibility .25s linear,opacity .25s linear;
            -o-transition: visibility .25s linear,.25s opacity linear;
            transition: visibility .25s linear,opacity .25s linear
        }

        .c14-contact-form .content-wrapper.has-success .success-heading {
            opacity: 1;
            visibility: visible;
            width: 100%
        }

        .c14-contact-form .content-wrapper.has-success .contact-form, .c14-contact-form .content-wrapper.has-success .contact-heading {
            opacity: 0;
            visibility: hidden
        }

    .c14-contact-form .contact-image, .c14-contact-form .contact-video {
        display: none
    }

@media (min-width:768px) {
    .c14-contact-form.is-reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .c14-contact-form .content-wrapper {
        padding: 0 6rem;
        width: 51.4rem;
        margin: 0 auto
    }

    .c14-contact-form.has-media .content-wrapper {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff;
        margin: 0;
        padding-top: 4rem;
        padding-bottom: 4rem;
        width:50%;
        padding:6% 12%;

    }

        .c14-contact-form.has-media .content-wrapper .input-field .input-wrapper, .c14-contact-form.has-media .content-wrapper .text-area .text-area-wrapper {
            background-color: #f2f2f2
        }

    .c14-contact-form .contact-image, .c14-contact-form .contact-video {
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        overflow: hidden;
        max-height: 100vh;
        
        
    }

    .no-csspositionsticky .c14-contact-form .contact-image, .no-csspositionsticky .c14-contact-form .contact-video {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        height: auto;
        max-height: 100%;
        overflow: visible
    }
}

.file-input {
    height: auto;
    margin-top: 2.4rem
}

    .file-input .input-wrapper {
        position: relative;
        border-radius: .5rem
    }

    .file-input .icon {
        height: 5rem;
        width: 5rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .file-input .file-input-element {
        width: .1px;
        height: .1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1
    }

        .file-input .file-input-element + label {
            position: relative;
            width: 100%;
            border: 3px solid #006e41;
            border-radius: 1rem;
            -webkit-transition: background-color .25s linear,color .25s linear;
            -o-transition: background-color .25s linear,color .25s linear;
            transition: background-color .25s linear,color .25s linear;
            display: block;
            cursor: pointer;
            background-size: cover;
            background-position: 50%;
            color: #006e41
        }

            .file-input .file-input-element + label:before {
                content: "";
                display: block;
                padding-top: 56.25%
            }

            .file-input .file-input-element + label:hover, .file-input .file-input-element:focus + label {
                background-color: #006e41;
                color: #f1f1de
            }

    .file-input .text-label {
        position: absolute;
        display: block;
        font-size: 1.4rem;
        top: 50%;
        margin-top: -.5em;
        color: #949399;
        -webkit-transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        -o-transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        padding-left: 2rem;
        z-index: 1
    }

    .file-input .error, .file-input .required {
        display: block;
        padding: .8rem 2rem 0;
        color: #949399
    }

    .file-input .error {
        display: none;
        color: #e12100
    }

    .file-input.has-value .text-label {
        font-size: 1.2rem;
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    .file-input.has-value.has-error .text-label {
        color: #e12100
    }

    .file-input.has-value.has-success .text-label {
        color: #006e41
    }

    .file-input.has-error .required {
        display: none
    }

    .file-input.has-error .error {
        display: block
    }

    .file-input .text-input {
        position: relative;
        background: transparent;
        width: 100%;
        border: none;
        outline: none;
        padding: 1.2rem 2rem 0;
        font-size: 1.4rem;
        height: 5.6rem
    }

    .file-input input:-webkit-autofill, .file-input input:-webkit-autofill:active, .file-input input:-webkit-autofill:focus, .file-input input:-webkit-autofill:hover {
        -webkit-box-shadow: 0 0 0 30px #fff inset
    }

.text-area {
    height: auto;
    margin-top: 2.4rem
}

    .text-area .copy {
        color: #59585c;
        text-align: center
    }

    .text-area .text-area-wrapper {
        position: relative;
        background-color: #fff;
        border-radius: .5rem;
        padding: 3rem 2rem
    }

    .text-area .text-label {
        position: absolute;
        display: block;
        font-size: 1.4rem;
        top: 3rem;
        margin-top: -.5em;
        color: #949399;
        -webkit-transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
        -o-transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear;
        transition: transform .15s linear,color .15s linear,font-size .15s linear,-webkit-transform .15s linear
    }

    .text-area .error, .text-area .required {
        display: block;
        padding: .8rem 2rem 0;
        color: #949399
    }

    .text-area .error {
        display: none;
        color: #e12100
    }

    .text-area.has-value .text-label {
        font-size: 1.2rem;
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    .text-area.has-value.has-error .text-label {
        color: #e12100
    }

    .text-area.has-value.has-success .text-label {
        color: #006e41
    }

    .text-area.has-error .required {
        display: none
    }

    .text-area.has-error .error {
        display: block
    }

    .text-area .text-area-input {
        position: relative;
        background: transparent;
        width: 100%;
        border: none;
        outline: none;
        padding: 0;
        font-size: 1.4rem;
        min-height: 8rem;
        overflow: hidden;
        resize: none;
        -webkit-transition: height .1s linear;
        -o-transition: height .1s linear;
        transition: height .1s linear
    }

.c15-events .heading-small {
    max-width: 31.5rem;
    margin-left: auto;
    margin-right: auto
}

.c15-events .content-wrapper {
    padding: 0 2rem
}

.c15-events .events-wrapper {
    width: 100%;
    margin: 6rem auto 0;
    position: relative
}

    .c15-events .events-wrapper .events {
        overflow: hidden;
        max-width: 144rem;
        margin: 0 auto
    }

    .c15-events .events-wrapper .events-carousel {
        padding: 0 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 6rem
    }

.c15-events .events-background {
    position: absolute;
    width: 100%;
    top: 18.7%;
    bottom: 20%;
    background-color: #62a60f;
    background-size: cover;
    background-repeat: repeat
}

.c15-events .cta-wrapper {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c15-events .progress-line-holder {
    position: absolute;
    bottom: 3rem;
    left: 2rem;
    right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .2rem;
    background-color: hsla(0,0%,100%,.3);
    border-radius: .2rem
}

    .c15-events .progress-line-holder .progress-line {
        width: auto;
        background-color: #fff;
        border-radius: .2rem
    }

@media (min-width:768px) {
    .c15-events .events-wrapper .events {
        overflow: visible
    }

    .c15-events .events-wrapper .events-carousel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 8.2rem;
        margin-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c15-events .cta-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c15-events .progress-line-holder {
        display: none
    }
}

.event-card {
    width: calc(100vw - 4rem);
    padding-right: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .event-card .event-image-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        background-color: #006e41
    }

        .event-card .event-image-wrapper:before {
            content: "";
            display: block;
            padding-top: 66.03175%
        }

    .event-card .event-info-wrapper {
        padding: 4.2rem 2rem;
        position: relative;
        background-color: #fff;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .event-card .event-info-wrapper .event-share-icon {
            height: 100%;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #62a60f;
            border-radius: 50%;
            color: #fff;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .event-card .event-info-wrapper .event-share-icon svg {
                height: 2.4rem;
                width: 2.4rem
            }

        .event-card .event-info-wrapper .event-share-list {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            bottom: calc(100% + 1.2rem);
            left: 50%;
            margin-left: -6.65rem;
            width: 13.3rem;
            background-color: #fff;
            border-radius: 1rem;
            padding: 1.7rem 3.5rem;
            -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transition: visibility .25s linear,opacity .25s linear,-webkit-transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,-webkit-transform .25s linear;
            -o-transition: visibility .25s linear,opacity .25s linear,transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,transform .25s linear;
            transition: visibility .25s linear,opacity .25s linear,transform .25s linear,-webkit-transform .25s linear;
            -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
            transform-origin: center bottom
        }

            .event-card .event-info-wrapper .event-share-list a {
                display: block;
                color: #59585c;
                text-decoration: none;
                font-size: 1.4rem;
                padding: .5rem 0;
                -webkit-transition: color .1s linear;
                -o-transition: color .1s linear;
                transition: color .1s linear
            }

                .event-card .event-info-wrapper .event-share-list a:hover {
                    color: #006e41
                }

            .event-card .event-info-wrapper .event-share-list:after {
                content: "";
                width: 0;
                height: 0;
                border-color: #fff transparent transparent;
                border-style: solid;
                border-width: 1.2rem 1.2rem 0;
                position: absolute;
                top: 100%;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%)
            }

        .event-card .event-info-wrapper .event-share {
            height: 6rem;
            width: 6rem;
            position: absolute;
            right: 2rem;
            top: -3rem;
            cursor: pointer
        }

            .event-card .event-info-wrapper .event-share:hover .event-share-list {
                opacity: 1;
                visibility: visible;
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                transform: scaleY(1)
            }

        .event-card .event-info-wrapper .event-title {
            color: #006e41
        }

        .event-card .event-info-wrapper .event-date, .event-card .event-info-wrapper .event-facebook, .event-card .event-info-wrapper .event-location {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 1.4rem;
            font-family: Avenir-Black,Arial,sans-serif;
            color: #62a60f;
            padding: .8rem 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .event-card .event-info-wrapper .event-date .icon, .event-card .event-info-wrapper .event-facebook .icon, .event-card .event-info-wrapper .event-location .icon {
                height: 1.6rem;
                width: 1.6rem;
                display: block;
                margin-right: 1rem
            }

            .event-card .event-info-wrapper .event-date .event-facebook-link, .event-card .event-info-wrapper .event-facebook .event-facebook-link, .event-card .event-info-wrapper .event-location .event-facebook-link {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                color: #62a60f;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-decoration: none
            }

        .event-card .event-info-wrapper .copy-01 {
            color: #949399
        }

        .event-card .event-info-wrapper .event-info {
            margin-bottom: 2.7rem
        }

        .event-card .event-info-wrapper .event-book-tickets .external-link {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 1.4rem;
            text-decoration: none;
            font-family: Avenir-Black,Arial,sans-serif;
            color: #62a60f
        }

        .event-card .event-info-wrapper .event-book-tickets .icon {
            height: .7rem;
            width: .7rem;
            display: inline-block;
            margin-left: .5rem;
            color: #006e41
        }

        .event-card .event-info-wrapper .event-book-tickets .copy-01 {
            margin: 0
        }

@media (min-width:768px) {
    .event-card {
        width: 50%;
        padding: 0 2.2rem;
        margin-bottom: 6rem;
        display: none;
        opacity: 0
    }

        .event-card.is-visible {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .event-card .event-info-wrapper .event-share {
            height: 4rem;
            width: 4rem;
            top: -2rem;
            pointer-events: all
        }

        .event-card .event-info-wrapper .event-share-icon svg {
            height: 1.4rem;
            width: 1.4rem
        }
}

@media (min-width:1024px) {
    .event-card {
        width: 33.333%
    }
}

.c17-country-selector {
    background-color: #f1f1de;
    padding: 6rem 2rem;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 7;
    opacity: 0;
    visibility: hidden
}

    .c17-country-selector .country-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c17-country-selector .country-link {
        text-decoration: none;
        color: #59585c
    }

    .c17-country-selector .country {
        width: 100%;
        color: #59585c;
        border-bottom: 1px solid rgba(178,144,112,.3)
    }

        .c17-country-selector .country .label-and-flag {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 2rem 0;
            position: relative
        }

        .c17-country-selector .country .language-link {
            color: #59585c;
            text-decoration: none;
            -webkit-transition: color .1s linear;
            -o-transition: color .1s linear;
            transition: color .1s linear
        }

            .c17-country-selector .country .language-link:hover {
                color: #006e41
            }

        .c17-country-selector .country .arrow {
            position: absolute;
            right: .2rem;
            top: 50%;
            margin-top: -.5rem;
            width: 2rem;
            color: #006e41;
            -webkit-transition: -webkit-transform .2s linear;
            transition: -webkit-transform .2s linear;
            -o-transition: transform .2s linear;
            transition: transform .2s linear;
            transition: transform .2s linear,-webkit-transform .2s linear
        }

        .c17-country-selector .country[data-open=true] .arrow {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .c17-country-selector .country .flag {
            height: 2.5rem;
            width: 2.5rem;
            margin-right: 1.1rem;
            color: #006e41;
            border-radius: 50%;
            overflow: hidden
        }

            .c17-country-selector .country .flag svg {
                height: 2.5rem;
                width: 2.5rem
            }

        .c17-country-selector .country .languages {
            height: 0;
            overflow: hidden
        }

        .c17-country-selector .country .language-list {
            padding-left: 3.5rem;
            padding-bottom: 2rem;
            border-top: 1px solid rgba(178,144,112,.3)
        }

        .c17-country-selector .country .language {
            padding: 2.4rem 0 0
        }

    .c17-country-selector .close-country-selector {
        height: 6rem;
        width: 6rem;
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        background-color: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.3);
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.3);
        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;
        cursor: pointer
    }

        .c17-country-selector .close-country-selector .cross {
            height: 1.6rem;
            width: 1.6rem;
            color: #62a60f
        }

            .c17-country-selector .close-country-selector .cross svg {
                height: 1.6rem;
                width: 1.6rem
            }

@media (min-width:768px) {
    .c17-country-selector {
        padding: 12rem 2rem
    }

        .c17-country-selector .content-wrapper {
            margin-bottom: 8.4rem
        }

        .c17-country-selector .country-list {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            max-width: 106rem;
            margin: 0 auto;
            border-top: 1px solid rgba(178,144,112,.3);
            padding-top: 8.4rem
        }

        .c17-country-selector .country {
            width: 20%;
            border-bottom: 0;
            position: relative;
            margin-bottom: 2rem
        }

            .c17-country-selector .country .languages {
                height: auto;
                overflow: visible;
                width: 90%;
                background-color: #fff;
                z-index: 1;
                border-radius: 1.5rem;
                -webkit-box-shadow: 0 9px 20px 0 rgba(0,0,0,.3);
                box-shadow: 0 9px 20px 0 rgba(0,0,0,.3);
                left: -2.4rem
            }

                .c17-country-selector .country .languages, .c17-country-selector .country .languages:before {
                    opacity: 0;
                    visibility: hidden;
                    position: absolute;
                    -webkit-transition: visibility .25s linear,opacity .25s linear;
                    -o-transition: visibility .25s linear,opacity .25s linear;
                    transition: visibility .25s linear,opacity .25s linear
                }

                    .c17-country-selector .country .languages:before {
                        content: "";
                        top: -1.2rem;
                        left: 2.4rem;
                        width: 0;
                        height: 0;
                        border-color: transparent transparent #fff;
                        border-style: solid;
                        border-width: 0 1.2rem 1.2rem
                    }

            .c17-country-selector .country:not(:nth-child(5n+1)) {
                padding-left: 1.2rem
            }

                .c17-country-selector .country:not(:nth-child(5n+1)) .languages {
                    left: -1.2rem
                }

            .c17-country-selector .country .arrow {
                display: none
            }

            .c17-country-selector .country .language-list {
                border-top: none;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: visibility .25s linear,opacity .25s linear;
                -o-transition: visibility .25s linear,opacity .25s linear;
                transition: visibility .25s linear,opacity .25s linear
            }

            .c17-country-selector .country.js-language-toggle.active .language-list, .c17-country-selector .country.js-language-toggle.active .language-list:before, .c17-country-selector .country.js-language-toggle.active .languages, .c17-country-selector .country.js-language-toggle.active .languages:before {
                opacity: 1;
                visibility: visible
            }

        .c17-country-selector .close-country-selector {
            top: 2rem;
            right: 2rem;
            bottom: auto
        }
}

.c20-tasting-notes .tasting-notes-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2rem;
    max-width: 86.3rem;
    margin: 0 auto
}

.c20-tasting-notes .tasting-note {
    color: #59585c;
    text-align: center;
    padding: 6rem 4.8rem;
    position: relative
}

    .c20-tasting-notes .tasting-note:not(:last-of-type):after {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -3rem;
        content: "";
        height: .2rem;
        width: 6rem;
        background-color: rgba(178,144,112,.5)
    }

    .c20-tasting-notes .tasting-note .heading-04 {
        color: #006e41
    }

.c20-tasting-notes .goes-with {
    padding: 6rem 0
}

.c20-tasting-notes .goes-with-title {
    text-align: center;
    color: #006e41;
    margin-bottom: 3rem
}

.c20-tasting-notes .food-types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1rem
}

.c20-tasting-notes .food-type {
    color: #59585c;
    text-align: center;
    padding-right: 1rem;
    width: 33%
}

    .c20-tasting-notes .food-type:nth-child(3n+3) {
        padding-right: 0
    }

.c20-tasting-notes .food-icon {
    height: 6.2rem;
    width: 6.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #006e41;
    border: 1px solid #006e41;
    padding: 2rem
}

    .c20-tasting-notes .food-icon svg {
        height: 3.2rem;
        width: 3.2rem
    }

.c20-tasting-notes .food-image {
    display: none;
    position: relative
}

    .c20-tasting-notes .food-image:before {
        content: "";
        display: block;
        padding-top: 100%
    }

@media (min-width:480px) {
    .c20-tasting-notes .tasting-notes-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .c20-tasting-notes .tasting-notes {
        margin-right: 1rem;
        width: 100%
    }

    .c20-tasting-notes .food-icon {
        height: 6.2rem;
        width: 6.2rem
    }

        .c20-tasting-notes .food-icon svg {
            height: 3.2rem;
            width: 3.2rem
        }

    .c20-tasting-notes .goes-with {
        width: 80%
    }

    .c20-tasting-notes .food-type {
        color: #59585c;
        text-align: center;
        padding-right: 1.5rem
    }

    .c20-tasting-notes .food-image {
        display: block;
        position: relative
    }

        .c20-tasting-notes .food-image:before {
            content: "";
            display: block;
            padding-top: 100%
        }
}

@media (min-width:768px) {
    .c20-tasting-notes .tasting-notes {
        margin-right: 10rem
    }

    .c20-tasting-notes .food-types {
        padding-left: 0
    }

    .c20-tasting-notes .food-type, .c20-tasting-notes .food-type:nth-child(3n+3) {
        padding-right: 1rem
    }

    .c20-tasting-notes .food-icon {
        height: 9.2rem;
        width: 9.2rem
    }

        .c20-tasting-notes .food-icon svg {
            height: 5.2rem;
            width: 5.2rem
        }
}

.c21-serving-guidelines {
    position: relative;
    color: #fff;
    width: 100%
}

    .c21-serving-guidelines:before {
        content: "";
        display: block;
        padding-top: 149.86667%
    }

    .c21-serving-guidelines.dark-theme {
        color: #006e41
    }

    .c21-serving-guidelines .guidelines-content-wrapper {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        padding: 4.3rem 2rem;
        color: currentColor
    }

        .c21-serving-guidelines .guidelines-content-wrapper.has-gradient:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            z-index: 0;
            background: rgba(0,0,0,.35)
        }

        .c21-serving-guidelines .guidelines-content-wrapper.has-gradient:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 14rem;
            z-index: 1;
            background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
            background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.8) 100%);
            background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8))
        }

    .c21-serving-guidelines .guidelines-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding: 0 6rem;
        border: 1px solid;
        border-top: none;
        text-align: center;
        z-index: 2
    }

        .c21-serving-guidelines .guidelines-content h2 {
            text-transform: uppercase
        }

    .c21-serving-guidelines .guidelines {
        margin-bottom: -2rem
    }

    .c21-serving-guidelines .guidelines-image, .c21-serving-guidelines .guidelines-video {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        overflow: hidden
    }

    .c21-serving-guidelines .guidelines-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: -1px;
        right: -1px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .c21-serving-guidelines .guidelines-header .guidelines-header-icon {
            height: 4.8rem;
            width: 4.8rem;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            color: currentColor;
            margin: 0 2rem
        }

            .c21-serving-guidelines .guidelines-header .guidelines-header-icon svg {
                height: 4.8rem;
                width: 4.8rem
            }

        .c21-serving-guidelines .guidelines-header:after, .c21-serving-guidelines .guidelines-header:before {
            display: inline-block;
            content: "";
            height: 1px;
            width: 100%;
            background-color: currentColor
        }

@media (min-width:768px) {
    .c21-serving-guidelines {
        position: relative
    }

        .c21-serving-guidelines:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .c21-serving-guidelines .guidelines-content {
            padding: 0 2rem
        }

        .c21-serving-guidelines .guidelines-content-wrapper {
            padding: 8.2rem 6rem;
            width: 100%
        }
}

@media (min-width:1024px) {
    .c21-serving-guidelines {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        max-height: 72rem
    }

        .c21-serving-guidelines:before {
            content: "";
            display: block;
            padding-top: 50%
        }

        .c21-serving-guidelines.dark-theme {
            color: #fff
        }

        .c21-serving-guidelines .guidelines-header .guidelines-header-icon {
            height: 5.6rem;
            width: 6rem;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding: 0;
            margin: 0 1.5rem;
            color: currentColor
        }

            .c21-serving-guidelines .guidelines-header .guidelines-header-icon svg svg {
                height: 5.6rem;
                width: 6rem
            }

        .c21-serving-guidelines .guidelines-image, .c21-serving-guidelines .guidelines-video {
            top: 0;
            right: auto;
            bottom: auto;
            left: auto;
            width: 100%;
            position: -webkit-sticky;
            position: sticky;
            overflow: hidden;
            max-height: 100vh
        }

    .no-csspositionsticky .c21-serving-guidelines .guidelines-image, .no-csspositionsticky .c21-serving-guidelines .guidelines-video {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        height: auto;
        max-height: 100%;
        overflow: visible
    }

    .c21-serving-guidelines .guidelines-content-wrapper {
        position: relative;
        max-width: 514px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 7.7rem 6rem;
        background-color: #006e41
    }

        .c21-serving-guidelines .guidelines-content-wrapper:after, .c21-serving-guidelines .guidelines-content-wrapper:before {
            display: none
        }
}

.c22-full-bleed-image {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .c22-full-bleed-image:before {
        content: "";
        display: block;
        padding-top: 79.30556%
    }

    .c22-full-bleed-image:after {
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }

    .c22-full-bleed-image.light-overlay:after {
        background-color: rgba(0,0,0,.1)
    }

    .c22-full-bleed-image.medium-overlay:after {
        background-color: rgba(0,0,0,.2)
    }

    .c22-full-bleed-image.dark-overlay:after {
        background-color: rgba(0,0,0,.3)
    }

    .c22-full-bleed-image .content-wrapper {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        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;
        z-index: 1
    }

    .c22-full-bleed-image .content {
        max-width: 85rem;
        padding: 0 2rem;
        text-align: center;
        color: #fff
    }

@media (min-width:768px) {
    .c22-full-bleed-image {
        max-height: 81rem
    }

        .c22-full-bleed-image:before {
            content: "";
            display: block;
            padding-top: 79.30556%
        }
}

.c23-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c23-text .title {
        color: #006e41
    }

    .c23-text .copy {
        color: #59585c
    }

    .c23-text .text-col {
        width: 100%;
       /* margin: 0 auto*/
    }

        .c23-text .text-col[data-centered=true] {
            text-align: center
        }

@media (min-width:768px) {
    .c23-text {
        max-width: 136rem;
        padding: 0 8.2rem;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .c23-text .text-col {
            width: 50%
        }

            .c23-text .text-col:not(:first-of-type) {
                margin-left: 10rem
            }
}

.c24-text-and-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem
}

    .c24-text-and-image .content {
        width: 100%;
        padding-bottom: 2rem
    }

        .c24-text-and-image .content .title {
            color: #006e41
        }

        .c24-text-and-image .content .copy {
            color: #59585c
        }

        .c24-text-and-image .content .discover-button {
            text-decoration: none;
            font-family: Avenir-Black,Arial,sans-serif;
            color: #62a60f;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .c24-text-and-image .content .discover-button .icon {
                height: 1.1rem;
                width: 1.1rem;
                color: #006e41;
                margin-left: .5rem
            }

    .c24-text-and-image .image-wrapper {
        position: relative;
        width: 100%;
        border-radius: 1rem;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .c24-text-and-image .image-wrapper:before {
            content: "";
            display: block;
            padding-top: 56.25%
        }

    .c24-text-and-image .plyr {
        width: 100%;
        height: 100%;
        --plyr-color-main: #006e41
    }

@media (min-width:768px) {
    .c24-text-and-image {
        max-width: 136rem;
        padding: 0 8.2rem;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 12rem
    }

        .c24-text-and-image .content {
            margin: auto 0;
            width: 40%;
            padding-bottom: 0
        }

        .c24-text-and-image .image-wrapper {
            margin: auto 0 auto 10rem;
            width: 60%
        }

        .c24-text-and-image.is-reversed {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .c24-text-and-image.is-reversed .content {
                margin-left: 10rem
            }

            .c24-text-and-image.is-reversed .image-wrapper {
                margin-left: 0
            }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family,inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular,400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height,1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

    .plyr audio, .plyr iframe, .plyr video {
        display: block;
        height: 100%;
        width: 100%
    }

    .plyr button {
        font: inherit;
        line-height: inherit;
        width: auto
    }

    .plyr:focus {
        outline: 0
    }

.plyr--full-ui {
    box-sizing: border-box
}

    .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
        box-sizing: inherit
    }

    .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
        touch-action: manipulation
    }

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background,#4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius,2px);
    color: #fff;
    color: var(--plyr-badge-text-color,#fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge,9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small,13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

    .plyr__captions span:empty {
        display: none
    }

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base,15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing,10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large,18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing,10px)*-4))
}

.plyr__caption {
    background: rgba(0,0,0,.8);
    background: var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color,#fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

    .plyr__caption div {
        display: inline
    }

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius,3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing,10px)*0.7);
    position: relative;
    transition: all .3s ease
}

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: 18px;
        height: var(--plyr-control-icon-size,18px);
        pointer-events: none;
        width: 18px;
        width: var(--plyr-control-icon-size,18px)
    }

    .plyr__control:focus {
        outline: 0
    }

    .plyr__control.plyr__tab-focus {
        outline-color: #00b3ff;
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
        outline-offset: 2px;
        outline-style: dotted;
        outline-width: 3px
    }

a.plyr__control {
    text-decoration: none
}

    .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
        display: none
    }

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

    .plyr__controls .plyr__progress__container {
        flex: 1;
        min-width: 0
    }

    .plyr__controls .plyr__controls__item {
        margin-left: 2.5px;
        margin-left: calc(var(--plyr-control-spacing,10px)/4)
    }

        .plyr__controls .plyr__controls__item:first-child {
            margin-left: 0;
            margin-right: auto
        }

        .plyr__controls .plyr__controls__item.plyr__progress__container {
            padding-left: 2.5px;
            padding-left: calc(var(--plyr-control-spacing,10px)/4)
        }

        .plyr__controls .plyr__controls__item.plyr__time {
            padding: 0 5px;
            padding: 0 calc(var(--plyr-control-spacing,10px)/2)
        }

            .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
                padding-left: 0
            }

    .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
        display: none
    }

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

    .plyr__menu .plyr__control svg {
        transition: transform .3s ease
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
        transform: rotate(90deg)
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
        display: none
    }

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: hsla(0,0%,100%,.9);
    background: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color: #4a5464;
    color: var(--plyr-menu-color,#4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base,15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

    .plyr__menu__container > div {
        overflow: hidden;
        transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
    }

    .plyr__menu__container:after {
        border: 4px solid transparent;
        border-width: var(--plyr-menu-arrow-size,4px);
        border-top: var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);
        content: "";
        height: 0;
        position: absolute;
        right: 14px;
        right: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*0.7 - var(--plyr-menu-arrow-size,4px)/2);
        top: 100%;
        width: 0
    }

    .plyr__menu__container [role=menu] {
        padding: 7px;
        padding: calc(var(--plyr-control-spacing,10px)*0.7)
    }

    .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
        margin-top: 2px
    }

        .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
            margin-top: 0
        }

    .plyr__menu__container .plyr__control {
        align-items: center;
        color: #4a5464;
        color: var(--plyr-menu-color,#4a5464);
        display: flex;
        font-size: 13px;
        font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
        padding: 4.66667px 10.5px;
        padding: calc(var(--plyr-control-spacing,10px)*0.7/1.5) calc(var(--plyr-control-spacing,10px)*0.7*1.5);
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

        .plyr__menu__container .plyr__control > span {
            align-items: inherit;
            display: flex;
            width: 100%
        }

        .plyr__menu__container .plyr__control:after {
            border: 4px solid transparent;
            border: var(--plyr-menu-item-arrow-size,4px) solid transparent;
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

    .plyr__menu__container .plyr__control--forward {
        padding-right: 28px;
        padding-right: calc(var(--plyr-control-spacing,10px)*0.7*4)
    }

        .plyr__menu__container .plyr__control--forward:after {
            border-left-color: #728197;
            border-left-color: var(--plyr-menu-arrow-color,#728197);
            right: 6.5px;
            right: calc(var(--plyr-control-spacing,10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size,4px))
        }

        .plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
            border-left-color: currentColor
        }

    .plyr__menu__container .plyr__control--back {
        font-weight: 400;
        font-weight: var(--plyr-font-weight-regular,400);
        margin: 7px;
        margin: calc(var(--plyr-control-spacing,10px)*0.7);
        margin-bottom: 3.5px;
        margin-bottom: calc(var(--plyr-control-spacing,10px)*0.7/2);
        padding-left: 28px;
        padding-left: calc(var(--plyr-control-spacing,10px)*0.7*4);
        position: relative;
        width: calc(100% - 14px);
        width: calc(100% - var(--plyr-control-spacing,10px)*0.7*2)
    }

        .plyr__menu__container .plyr__control--back:after {
            border-right-color: #728197;
            border-right-color: var(--plyr-menu-arrow-color,#728197);
            left: 6.5px;
            left: calc(var(--plyr-control-spacing,10px)*0.7*1.5 - var(--plyr-menu-item-arrow-size,4px))
        }

        .plyr__menu__container .plyr__control--back:before {
            background: #dcdfe5;
            background: var(--plyr-menu-back-border-color,#dcdfe5);
            box-shadow: 0 1px 0 #fff;
            box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
            content: "";
            height: 1px;
            left: 0;
            margin-top: 3.5px;
            margin-top: calc(var(--plyr-control-spacing,10px)*0.7/2);
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 100%
        }

        .plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
            border-right-color: currentColor
        }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
        padding-left: 7px;
        padding-left: calc(var(--plyr-control-spacing,10px)*0.7)
    }

        .plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
            border-radius: 100%
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]:before {
            background: rgba(0,0,0,.1);
            content: "";
            display: block;
            flex-shrink: 0;
            height: 16px;
            margin-right: 10px;
            margin-right: var(--plyr-control-spacing,10px);
            transition: all .3s ease;
            width: 16px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio]:after {
            background: #fff;
            border: 0;
            height: 6px;
            left: 12px;
            opacity: 0;
            top: 50%;
            transform: translateY(-50%) scale(0);
            transition: transform .3s ease,opacity .3s ease;
            width: 6px
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
            background: #00b3ff;
            background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))
        }

        .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
            opacity: 1;
            transform: translateY(-50%) scale(1)
        }

        .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
            background: rgba(35,40,47,.1)
        }

    .plyr__menu__container .plyr__menu__value {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: calc(-7px - -2);
        margin-right: calc((var(--plyr-control-spacing,10px)*0.7 - 2)*-1);
        overflow: hidden;
        padding-left: 24.5px;
        padding-left: calc(var(--plyr-control-spacing,10px)*0.7*3.5);
        pointer-events: none
    }

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height,13px)*2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
        background: 0 0;
        border: 0;
        border-radius: 2.5px;
        border-radius: calc(var(--plyr-range-track-height,5px)/2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -webkit-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -webkit-user-select: none;
        user-select: none;
        background-image: linear-gradient(90deg,currentColor 0,transparent 0);
        background-image: linear-gradient(90deg,currentColor var(--value,0),transparent var(--value,0))
    }

    .plyr--full-ui input[type=range]::-webkit-slider-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px);
        -webkit-appearance: none;
        margin-top: -4px;
        margin-top: calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1)
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
        background: 0 0;
        border: 0;
        border-radius: 2.5px;
        border-radius: calc(var(--plyr-range-track-height,5px)/2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -moz-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px)
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
        background: currentColor;
        border-radius: 2.5px;
        border-radius: calc(var(--plyr-range-track-height,5px)/2);
        height: 5px;
        height: var(--plyr-range-track-height,5px)
    }

    .plyr--full-ui input[type=range]::-ms-track {
        color: transparent
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
        background: 0 0;
        border: 0;
        border-radius: 2.5px;
        border-radius: calc(var(--plyr-range-track-height,5px)/2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -ms-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
        background: 0 0;
        border: 0;
        border-radius: 2.5px;
        border-radius: calc(var(--plyr-range-track-height,5px)/2);
        height: 5px;
        height: var(--plyr-range-track-height,5px);
        -ms-transition: box-shadow .3s ease;
        transition: box-shadow .3s ease;
        -ms-user-select: none;
        user-select: none;
        background: currentColor
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
        background: #fff;
        background: var(--plyr-range-thumb-background,#fff);
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);
        box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
        height: 13px;
        height: var(--plyr-range-thumb-height,13px);
        position: relative;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        width: 13px;
        width: var(--plyr-range-thumb-height,13px);
        margin-top: 0
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
        display: none
    }

    .plyr--full-ui input[type=range]:focus {
        outline: 0
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
        border: 0
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
        outline-color: #00b3ff;
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
        outline-offset: 2px;
        outline-style: dotted;
        outline-width: 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
        outline-color: #00b3ff;
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
        outline-offset: 2px;
        outline-style: dotted;
        outline-width: 3px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
        outline-color: #00b3ff;
        outline-color: var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
        outline-offset: 2px;
        outline-style: dotted;
        outline-width: 3px
    }

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

    .plyr__time + .plyr__time:before {
        content: "\2044";
        margin-right: 10px;
        margin-right: var(--plyr-control-spacing,10px)
    }

@media (max-width:calc(768px - 1)) {
    .plyr__time + .plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: hsla(0,0%,100%,.9);
    background: var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius,3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color,#4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small,13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular,400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing,10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

    .plyr__tooltip:before {
        border-left: 4px solid transparent;
        border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
        border-right: 4px solid transparent;
        border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
        border-top: 4px solid hsla(0,0%,100%,.9);
        border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
        bottom: -4px;
        bottom: calc(var(--plyr-tooltip-arrow-size,4px)*-1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

    .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
        left: 16px;
        left: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*0.7)
    }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

    .plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
        left: auto;
        right: 16px;
        right: calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*0.7);
        transform: translateX(50%)
    }

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height,13px)*0.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative
}

    .plyr__progress__buffer, .plyr__progress input[type=range] {
        margin-left: -6.5px;
        margin-left: calc(var(--plyr-range-thumb-height,13px)*-0.5);
        margin-right: -6.5px;
        margin-right: calc(var(--plyr-range-thumb-height,13px)*-0.5);
        width: calc(100% + 13px);
        width: calc(100% + var(--plyr-range-thumb-height,13px))
    }

    .plyr__progress input[type=range] {
        position: relative;
        z-index: 2
    }

    .plyr__progress .plyr__tooltip {
        font-size: 13px;
        font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
        left: 0
    }

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height,5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

    .plyr__progress__buffer::-webkit-progress-bar {
        background: 0 0
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: 5px;
        min-width: var(--plyr-range-track-height,5px);
        -webkit-transition: width .2s ease;
        transition: width .2s ease
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: 5px;
        min-width: var(--plyr-range-track-height,5px);
        -moz-transition: width .2s ease;
        transition: width .2s ease
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        -ms-transition: width .2s ease;
        transition: width .2s ease
    }

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);
    background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 0,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 0,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 0,transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: hsla(0,0%,100%,.25);
    background-color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

    .plyr__volume input[type=range] {
        margin-left: 5px;
        margin-left: calc(var(--plyr-control-spacing,10px)/2);
        margin-right: 5px;
        margin-right: calc(var(--plyr-control-spacing,10px)/2);
        position: relative;
        z-index: 2
    }

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

    .plyr--audio .plyr__controls {
        background: #fff;
        background: var(--plyr-audio-controls-background,#fff);
        border-radius: inherit;
        color: #4a5464;
        color: var(--plyr-audio-control-color,#4a5464);
        padding: 10px;
        padding: var(--plyr-control-spacing,10px)
    }

    .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
        background: #00b3ff;
        background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
        color: #fff;
        color: var(--plyr-audio-control-color-hover,#fff)
    }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193,200,209,.6);
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193,200,209,.6);
    color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video {
    background: #000;
    overflow: hidden
}

    .plyr--video.plyr--menu-open {
        overflow: visible
    }

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

    .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
        border: 0;
        left: 0;
        position: absolute;
        top: 0
    }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(transparent,rgba(0,0,0,.75));
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color,#fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing,10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing,10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing,10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing,10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color,#fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing,10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: .3s;
    z-index: 2
}

    .plyr__control--overlaid svg {
        left: 2px;
        position: relative
    }

    .plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
        opacity: 1
    }

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: hsla(0,0%,100%,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: hsla(0,0%,100%,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: hsla(0,0%,100%,.25);
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer {
    color: hsla(0,0%,100%,.25);
    color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:fullscreen video {
        height: 100%
    }

    .plyr:fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:fullscreen.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-webkit-full-screen video {
        height: 100%
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-webkit-full-screen.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-moz-full-screen video {
        height: 100%
    }

    .plyr:-moz-full-screen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-moz-full-screen.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-ms-fullscreen video {
        height: 100%
    }

    .plyr:-ms-fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-ms-fullscreen.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

    .plyr--fullscreen-fallback video {
        height: 100%
    }

    .plyr--fullscreen-fallback .plyr__video-wrapper {
        height: 100%;
        position: static
    }

    .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative
    }

    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr--fullscreen-fallback.plyr--hide-controls {
        cursor: none
    }

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

    .plyr__ads > div, .plyr__ads > div iframe {
        height: 100%;
        position: absolute;
        width: 100%
    }

    .plyr__ads:after {
        background: #23282f;
        border-radius: 2px;
        bottom: 10px;
        bottom: var(--plyr-control-spacing,10px);
        color: #fff;
        content: attr(data-badge-text);
        font-size: 11px;
        padding: 2px 6px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        right: var(--plyr-control-spacing,10px);
        z-index: 3
    }

        .plyr__ads:after:empty {
            display: none
        }

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin: -var(--plyr-range-track-height,5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: hsla(0,0%,100%,.9);
    background-color: var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing,10px)/2*2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius,3px);
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: 4px solid hsla(0,0%,100%,.9);
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size,4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .plyr__preview-thumb__image-container img {
        height: 100%;
        left: 0;
        max-height: none;
        max-width: none;
        position: absolute;
        top: 0;
        width: 100%
    }

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

    .plyr__preview-thumb__time-container span {
        background-color: rgba(0,0,0,.55);
        border-radius: 2px;
        border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
        color: #fff;
        font-size: 13px;
        font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
        padding: 3px 6px
    }

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.c25-campaign-gallery .content-wrapper {
    padding: 0 2rem
}

.c25-campaign-gallery .gallery-wrapper {
    width: 100%;
    max-width: 144rem;
    margin: 3rem auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c25-campaign-gallery .gallery-image {
    width: 50%;
    padding: 1.5rem
}

.c25-campaign-gallery .gallery-image-inner {
    position: relative;
    border-radius: 1rem;
    overflow: hidden
}

    .c25-campaign-gallery .gallery-image-inner:before {
        content: "";
        display: block;
        padding-top: 73.07692%
    }

@media (min-width:768px) {
    .c25-campaign-gallery .gallery-image {
        width: 33.333%;
        padding: 2rem
    }
}

@media (min-width:1440px) {
    .c25-campaign-gallery .gallery-wrapper {
        padding: 0 2rem
    }

    .c25-campaign-gallery .gallery-image {
        width: 33.333%;
        padding: 3rem
    }
}

.c26-campaign-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

    .c26-campaign-form .content-wrapper {
        padding: 0 2rem;
        position: relative
    }

        .c26-campaign-form .content-wrapper .success-heading {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            -webkit-transition: visibility .25s linear,opacity .25s linear;
            -o-transition: visibility .25s linear,.25s opacity linear;
            transition: visibility .25s linear,opacity .25s linear
        }

        .c26-campaign-form .content-wrapper.has-success .success-heading {
            opacity: 1;
            visibility: visible;
            width: 100%
        }

        .c26-campaign-form .content-wrapper.has-success .contact-form, .c26-campaign-form .content-wrapper.has-success .contact-heading {
            opacity: 0;
            visibility: hidden
        }

    .c26-campaign-form .contact-image, .c26-campaign-form .contact-video {
        display: none
    }

@media (min-width:768px) {
    .c26-campaign-form.is-reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .c26-campaign-form .content-wrapper {
        padding: 0 6rem;
        width: 51.4rem;
        margin: 0 auto
    }

    .c26-campaign-form.has-media .content-wrapper {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff;
        margin: 0;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

        .c26-campaign-form.has-media .content-wrapper .input-field .input-wrapper, .c26-campaign-form.has-media .content-wrapper .text-area .text-area-wrapper {
            background-color: #f2f2f2
        }

    .c26-campaign-form .contact-image, .c26-campaign-form .contact-video {
        top: 0;
        right: auto;
        bottom: auto;
        left: auto;
        display: block;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        overflow: hidden;
        max-height: 100vh
    }

    .no-csspositionsticky .c26-campaign-form .contact-image, .no-csspositionsticky .c26-campaign-form .contact-video {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        height: auto;
        max-height: 100%;
        overflow: visible
    }
}

.c27-cookie-overlay {
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    width: 100%;
    padding: 2rem;
    z-index: 8;
    font-size: 1.6rem
}

    .c27-cookie-overlay .information {
        margin: 2rem auto;
        max-width: 80rem
    }

    .c27-cookie-overlay .close {
        cursor: pointer
    }

    .c27-cookie-overlay a {
        color: #fff
    }

.c28-full-bleed-youtube {
    overflow: hidden
}

    .c28-full-bleed-youtube .plyr {
        max-height: 80vh;
        --plyr-color-main: #006e41
    }

        .c28-full-bleed-youtube .plyr iframe {
            max-height: 80vh
        }

        .c28-full-bleed-youtube .plyr .plyr__poster {
            background-size: cover;
            max-height: 80vh
        }

.c80-markdown-text .content-wrapper {
    max-width: 100rem;
    margin: 0 auto;
    padding: 0 2rem
}

.c80-markdown-text a {
    color: #000
}

.c80-markdown-text h1, .c80-markdown-text h2, .c80-markdown-text h3 {
    font-family: SomersBy-heading,Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

.c80-markdown-text h1 {
    font-size: 6rem;
    line-height: 1
}

@media (min-width:768px) {
    .c80-markdown-text h1 {
        font-size: 9.6rem
    }
}

.c80-markdown-text h2 {
    font-size: 4.8rem;
    line-height: 1
}

@media (min-width:768px) {
    .c80-markdown-text h2 {
        font-size: 6rem
    }
}

.c80-markdown-text h3 {
    font-size: 2rem;
    line-height: 2.8rem
}

.c80-markdown-text h4, .c80-markdown-text h5, .c80-markdown-text h6 {
    font-family: Avenir-Black,Arial,sans-serif
}

.c80-markdown-text h4 {
    font-size: 2rem;
    line-height: 1.4
}

.c80-markdown-text h5 {
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: .3em
}

.c80-markdown-text h6 {
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .c80-markdown-text h6 {
        font-size: 1.6rem;
        line-height: 1.4
    }
}

.c80-markdown-text p {
    font-family: Avenir-Medium,Arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .c80-markdown-text p {
        font-size: 1.6rem
    }
}

.c80-markdown-text blockquote, .c80-markdown-text dl, .c80-markdown-text li, .c80-markdown-text ol, .c80-markdown-text p, .c80-markdown-text pre, .c80-markdown-text table, .c80-markdown-text ul {
    margin: 15px 0
}

.c80-markdown-text ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 1rem 0;
    padding-left: 4rem
}

.c80-markdown-text ol {
    list-style-type: decimal;
    list-style-position: inside
}

    .c80-markdown-text ol ul, .c80-markdown-text ul ul {
        list-style-type: circle;
        list-style-position: inside;
        margin-left: 15px
    }

    .c80-markdown-text ol ol, .c80-markdown-text ul ol {
        list-style-type: lower-latin;
        list-style-position: inside;
        margin-left: 15px
    }

.c80-markdown-text li {
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .c80-markdown-text li {
        font-size: 1.6rem
    }
}

.c80-markdown-text hr {
    border: 0;
    background-color: #000;
    height: 1px;
    padding: 0
}

.c80-markdown-text blockquote {
    border-left: 4px solid #ddd;
    padding: 0 15px;
    color: #777;
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .c80-markdown-text blockquote {
        font-size: 1.6rem
    }
}

.c80-markdown-text blockquote > :first-child {
    margin-top: 0
}

.c80-markdown-text blockquote > :last-child {
    margin-bottom: 0
}

.c80-markdown-text table {
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.4
}

@media (min-width:768px) {
    .c80-markdown-text table {
        font-size: 1.6rem
    }
}

.c80-markdown-text table tr {
    border-top: 1px solid #ccc;
    background-color: #fff;
    margin: 0;
    padding: 0
}

    .c80-markdown-text table tr:nth-child(2n) {
        background-color: #f8f8f8
    }

    .c80-markdown-text table tr th {
        font-weight: 700
    }

    .c80-markdown-text table tr td, .c80-markdown-text table tr th {
        border: 1px solid #ccc;
        text-align: left;
        margin: 0;
        padding: 6px 13px
    }

        .c80-markdown-text table tr td :first-child, .c80-markdown-text table tr th :first-child {
            margin-top: 0
        }

        .c80-markdown-text table tr td :last-child, .c80-markdown-text table tr th :last-child {
            margin-bottom: 0
        }

.style-guide {
    width: 100%;
    min-height: 100vh;
    padding-left: 20rem;
    background-color: #fefefe
}

    .style-guide .style-guide-sidebar {
        width: 20rem;
        background-color: #e4e9ed;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 2rem;
        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
    }

    .style-guide .logo {
        height: 7.2rem;
        width: 7.2rem;
        display: block
    }

        .style-guide .logo img {
            width: 100%;
            height: auto
        }

    .style-guide .style-guide-navigation {
        margin-top: 3rem;
        text-align: left;
        width: 100%;
        font-size: 1.4rem;
        color: #59585c
    }

        .style-guide .style-guide-navigation li {
            -webkit-transition: color .25s linear;
            -o-transition: color .25s linear;
            transition: color .25s linear;
            padding: .5rem 0
        }

            .style-guide .style-guide-navigation li[data-scroll-to] {
                cursor: pointer
            }

html.no-touchevents .style-guide .style-guide-navigation li[data-scroll-to]:hover {
    color: #62a60f
}

.style-guide .content {
    padding: 3rem;
    color: #59585c;
    max-width: 100rem;
    margin: 0 auto
}

    .style-guide .content .style-guide-section {
        margin-bottom: 5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .style-guide .content .section-title {
        width: 100%;
        font-size: 4rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #d9d9ce;
        margin-bottom: 1rem
    }

.style-guide .item-wrapper {
    width: 100%;
    padding: 1rem;
    background-color: #f3f1ef;
    margin-bottom: 3rem
}

    .style-guide .item-wrapper.color {
        width: 150px;
        margin-bottom: 1rem;
        margin-right: 1rem
    }

    .style-guide .item-wrapper.icon {
        height: 10rem;
        width: 10rem;
        margin-bottom: 1rem;
        margin-right: 1rem;
        padding: 1rem;
        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
    }

        .style-guide .item-wrapper.icon svg {
            height: 5rem;
            width: 5rem
        }

.style-guide .item-info {
    display: block;
    font-size: 1.4rem;
    padding: 1rem 0
}

    .style-guide .item-info span {
        padding: .5rem 1rem;
        background-color: #67809f;
        color: #fff
    }

.style-guide .color-item {
    position: relative;
    border: 1px solid #59585c;
    margin-bottom: 1rem
}

    .style-guide .color-item:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }

.style-guide .pattern-image {
    position: relative
}

    .style-guide .pattern-image:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }

    .style-guide .pattern-image[data-theme=apple] {
        background-color: #62a60f
    }

    .style-guide .pattern-image[data-theme=pear] {
        background-color: #e1e000
    }

    .style-guide .pattern-image[data-theme=blackberry] {
        background-color: #80225f
    }

    .style-guide .pattern-image[data-theme=blueberry] {
        background-color: #2c5697
    }

    .style-guide .pattern-image[data-theme=watermelon] {
        background-color: #e12100
    }

    .style-guide .pattern-image[data-theme=red-rhubarb] {
        background-color: #ce1f58
    }

    .style-guide .pattern-image[data-theme=elderflower-lime] {
        background-color: #a2e4b8
    }

    .style-guide .pattern-image[data-theme=sparkling-rose] {
        background-color: #b65a65
    }

    .style-guide .pattern-image[data-theme=sparkling-white] {
        background-color: #f1c400
    }

    .style-guide .pattern-image[data-theme=sparkling-spritz] {
        background-color: #d86017
    }

    .style-guide .pattern-image[data-theme=hops-apples] {
        background-color: #cedd90
    }

    .style-guide .pattern-image[data-theme=citrus] {
        background-color: #fbe438
    }

.secondary-button {
    padding: 1.5rem 3rem;
    -webkit-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    -o-transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    transition: color .25s cubic-bezier(.645,.045,.355,1),background-color .25s linear;
    height: 4.8rem;
    border-radius: 25px;
    border: 0;
    outline: 0;
    margin: 2.4rem 0;
    color: #006e41;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent
}

    .secondary-button .icon {
        display: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .secondary-button .icon [data-component=icon] {
            height: 2rem;
            width: 2rem;
            fill: currentColor
        }

        .secondary-button .icon .main-icon {
            display: none
        }

    .secondary-button .label {
        color: #006e41;
        line-height: 1;
        -webkit-transition: color .25s linear;
        -o-transition: color .25s linear;
        transition: color .25s linear
    }

    .secondary-button[data-icon=true] .icon, .secondary-button[data-icon=true] .main-icon {
        display: block
    }

    .secondary-button[data-icon-alignment=left] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .secondary-button[data-icon-alignment=left] .icon {
            margin-right: .5rem
        }

    .secondary-button.is-disabled {
        cursor: default
    }

        .secondary-button.is-disabled .label {
            color: #949399;
            line-height: 1
        }

html.no-touchevents .secondary-button.is-disabled:hover .label {
    color: #949399
}

html.no-touchevents .secondary-button:hover .label {
    color: #62a60f;
    line-height: 1
}


.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-mango-passionfruit] .content {
    background-color: #ffffff;
    border: 0.1rem solid #519480;
    color: #FFB04D;
}

.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-mango-passionfruit] .seperator {
    color: #519480;
}

.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-mango-passionfruit] .category {
    color: #FFB04D;
}

/*Ravi- green*/
.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-lime] .content {
    background-color: #ffffff;
    border: 0.1rem solid #519480;
    color: #B3C95E;
}

.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-lime] .seperator {
    color: #519480;
}

.c02-product-carousel .product-carousel-item[data-theme=hard-seltzer-lime] .category {
    color: #B3C95E;
}

.c02-product-carousel .product-carousel-item .category .icon[data-icon=premium-cider] > svg, .c02-product-carousel .product-carousel-item .category .icon[data-icon=semi-sweet-cider], .c02-product-carousel .product-carousel-item .category .icon[data-icon=sparkling-cider], .c02-product-carousel .product-carousel-item .category .icon[data-icon=Mango & Passionfruit] {
    height: 2.1rem;
    width: 14rem
}

.Lngdropdown {
    font-size: medium;
    margin: auto 11px auto auto;
    text-align: right;
}

    .Lngdropdown a {
        text-decoration: none;
        color: #949399;
        font-family: Avenir-Medium,Arial,sans-serif;
        /*text-transform: capitalize;*/
    }

        .Lngdropdown a:hover {
            color: #62a60f;
        }

.plHeadingClass {
    max-width: unset !important;
}

.answer .copy-01 ul {
    margin: 0;
    padding: 2rem;
    list-style: disc;
    margin-left: 1em;
    margin-right: 1em;
}

/*#region Quote Section Responsiveness*/


@media (max-width: 1260px) {
    .heading-01 {
        font-size: 9rem;
    }
}

@media (max-width:767px) {
    .c06-quote-of-the-day:before {
        padding-top: 210% !important;
    }

    .heading-01 {
        font-size: 4.8rem;
    }
}

.desktopResImage {
    display: block;
}

.mobileResImage {
    display: none;
}

@media (max-width: 768px) {
    .c06-quote-of-the-day {
        max-height: 85rem;
        height: 85rem;
    }

    .desktopResImage {
        /*display: none;*/
    }

    .mobileResImage {
        display: block;
    }
}

@media (min-width: 768px) {
    .c06-quote-of-the-day {
        max-height: 125rem;
        height: 125rem;
    }
}

@media (min-width: 1024px) {
    .c06-quote-of-the-day {
        max-height: 95rem;
        height: 95rem;
    }
}

@media (min-width: 1280px) {
    .c06-quote-of-the-day {
        max-height: 72rem;
        height: 72rem;
    }
}

@media (min-width: 3000px) {
    .c06-quote-of-the-day:before {
        padding-top: 0 !important;
    }
}

/*endregion*/
.input-field .bTextField {
    height: 5.6rem;
    width: 100% !important;
    border: none !important;
    outline: none;
    padding: 1.2rem 2rem 0 !important;
    font-size: 1.4rem;
    position: relative;
    border-radius: 0.5rem;
    background-color: #f2f2f2;
}

.input-field .bLabelField {
    position: absolute;
    font-size: 1.4rem;
    color: #949399;
    margin-top: 1.5em;
    padding-left: 2rem;
    z-index: 1;
    -webkit-transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
    transition: color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
    -o-transition: transform .15s linear,color .15s linear,font-size .15s linear;
    transition: transform .15s linear,color .15s linear,font-size .15s linear;
    transition: transform .15s linear,color .15s linear,font-size .15s linear,-webkit-transform .15s linear;
}

.input-field.has-value .bLabelField {
    font-size: 1.2rem;
    transform: translateY(-1rem);
}

.input-field .bTextareaField {
    width: 100% !important;
    border: none !important;
    outline: none;
    font-size: 1.4rem;
    position: relative;
    border-radius: 0.5rem;
    padding: 2.2rem 2rem;
    background-color: #f2f2f2;
}

.field-validation-error {
    display:block;
    padding-left: 2rem !important;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #e12100 !important;
}

.umbraco-forms-submitmessage-html {
    font-size: 2rem;
}

.has-media .heading .sub-title, .has-media .heading .title {
    /*color: #1A1919;*/
    color: #006e41;
}

.has-media .primary-button {
    /*background: #f2f2f2;*/
}

.bFileLabelField {
    position: relative;
    display: block !important;
    width: 100%;
    height: 20rem;
    /* line-height: 15em; */
    border: 3px solid #006e41;
    border-radius: 1rem;
    -webkit-transition: background-color .25s linear,color .25s linear;
    -o-transition: background-color .25s linear,color .25s linear;
    transition: background-color .25s linear,color .25s linear;
    display: block;
    cursor: pointer;
    background-size: cover;
    background-position: 50%;
    color: #006e41;
}

    .bFileLabelField:hover {
        background-color: #006e41 !important;
        color: #f1f1de;
    }