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

@font-face {
    font-family: MarkPro;
    src: url(static/MarkPro-Regular-72f024a850a09a920746b9b42c4cb7d2.woff2) format("woff2"),url(static/MarkPro-Regular-0ce0737615937de67ed0067b19f21900.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MarkPro;
    src: url(static/MarkPro-Medium-b8f0d0c4d4faf88a223b9fb744e7e565.woff2) format("woff2"),url(static/MarkPro-Medium-ce57c77b660eadedb7c73ff5d813b9f3.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MarkPro;
    src: url(static/MarkPro-MediumItalic-ad21c73a53663e86dde64d002a2e21d4.woff2) format("woff2"),url(static/MarkPro-MediumItalic-0c1c3d150c198b4dcbd1cdc960542238.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: MarkPro;
    src: url(static/MarkPro-Bold-4d667d139c679a4edd38076669c88da3.woff2) format("woff2"),url(static/MarkPro-Bold-2089e01465b7382290d4b6f8f1e7d443.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html {
    font-family: MarkPro,sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #414042;
}

body {
    font-family: MarkPro,sans-serif;
    line-height: 1.5;
}

.is-relative {
    position: relative !important;
}

main a:link, main a:visited, main a:hover, main a:focus, main a:active {
    color: #eb1b24;
    text-decoration: none;
}

main a:focus, main a:active {
    border: inset 1px rgba(0,0,0,0.2)
}

footer a:link, footer a:visited {
    color: #FFF;
}

footer a:hover, footer a:focus, footer a:active {
    color: #d1d3d4;
    text-decoration: none;
    opacity: 1 !important;
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

@media (min-width: 640px) {
    .text-2xl {
        font-size: 1.5rem
    }
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.tracking-wider {
    letter-spacing: .05em;
}

.h1, h1, .h1 * {
    font-weight: 400;
    letter-spacing: -.025em;
    font-size: 2.625rem;
    line-height: 1.19048
}

@media (min-width:640px) {
    .h1, h1, .h1 * {
        font-size: 3rem;
        line-height: 1.11111
    }
}

@media (min-width:768px) {
    .h1, h1, .h1 * {
        font-size: 3.5rem
    }
}

@media (min-width:1024px) {
    .h1, h1, .h1 * {
        font-size: 4rem
    }
}

@media (min-width:1280px) {
    .h1, h1, .h1 * {
        font-size: 4.5rem
    }
}

.h2, h2, .h2 *, .important-dates span.day {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 2.5rem;
    line-height: 1.15
}

@media (min-width:768px) {
    .h2, h2, .h2 *, .important-dates span.day {
        font-size: 3rem;
        line-height: 1.125
    }
}

.h3, .h3 * {
    font-size: 2.125rem;
    line-height: 1.17647
}

    .h3, .h4, .h3 *, .h4 * {
        font-weight: 500;
        letter-spacing: -.025em
    }

        .h4, .h4 * {
            font-size: 1.5rem;
            line-height: 1.33333
        }

.h5, .h5 * {
    font-size: 1.25rem
}

    .h5, .h6, .h5 *, .h6 * {
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.4
    }

        .h6, .h6 * {
            font-size: 1rem
        }


.max-w-none {
    max-width: none
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-full {
    max-width: 100%
}

.max-w-xxs {
    max-width: 16rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-300 {
            width: 100%;
            height: auto;
            max-width: 300px;
        }

.update::before {
            display: block;
            width: 100px;
            content: "";
            height: 2px;
            background: #f9f164;
            margin-bottom: 10px;
        }

        .calendar-links a[href*="#"] {
            color: inherit !important;
            cursor: default !important;
        }

        @media (min-width: 1600px) {

            .update {
                padding-left: 0 !important;
            }

            .nav-item.active .nav-link:after {
                --transform-scale-x: 1;
                transform-origin: left;
            }
        }

.news-tabs {
            margin: 0px 0px 15px 0px;
            padding: 0px;
        }

        .news-tabs .tablinks {
            margin: 0px;
            padding: 0px 5px 0px 0px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .news-tabs a {
            display: block;
            padding: 5px .8em;
            text-decoration: none;
            text-transform: uppercase;
            -webkit-box-sizing: border-box;
            /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;
            /* Firefox, other Gecko */
            box-sizing: border-box;
            /* Opera/IE 8+ */
        }

        .tablinks a {
            background: #eb1b24;
            color: #fff !important;
            cursor: pointer;
            padding: 5px 1rem;
        }

        .tablinks a:hover,
        .tablinks a:active,
        .tablinks a:focus {
            background: #cc171f;
            color: #fff !important;
        }

        .tablinks a.active {
            background: #cc171f !important;
            color: #fff !important;
        }

.container {
    max-width: 1280px !important;
    max-width: 80rem !important;
}

.h-7vw {
    height: 7vw;
}

.z-0 {
    z-index: 0 !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-40 {
    z-index: 40 !important
}

.z-50 {
    z-index: 50 !important
}


/* background colours */

.bg-current {
    background-color: currentColor
}

.fill-current {
    fill: currentColor !important;
}

.border-current {
    border-color: currentColor !important;
}

.bg-black {
    background-color: #000;
}

.bg-white {
    background-color: #fff;
}

.fill-white {
    fill: #fff
}

.bg-gray-lighter {
    background-color: #f1f2f2 !important;
}

.bg-gray-light {
    background-color: #d1d3d4 !important;
}

.bg-red-500 {
    background-color: #f56565 !important;
}

.bg-primary-grey-one {
    background-color: #949598 !important;
}

.bg-primary-grey-two {
    background-color: #414042 !important;
}

.bg-primary {
    background-color: #eb1b24 !important;
}

.bg-primary-active {
    background-color: #cc171f !important;
}

.bg-secondary-dark {
    background-color: #e0e330 !important;
}

.bg-secondary-light {
    background-color: #f9f164 !important;
}

.bg-secondary-lighter {
    background-color: #f9f4b8 !important;
}

.bg-tertiary-dark {
    background-color: #5ec9cc !important;
}

.bg-tertiary-light {
    background-color: #7eeaea !important;
}

.bg-tertiary-lighter {
    background-color: #bff7f4 !important;
}

.bg-midnight {
    background-color: #414042 !important;
}

.bg-offwhite {
    background-color: #f1f2f2 !important;
}

.bg-opacity-25 {
    opacity: 0.25
}

.bg-opacity-50 {
    opacity: 0.5
}

.bg-opacity-75 {
    opacity: 0.75
}

.shadow-lg {
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%) !important;
}

section.bg-white .shadow-lg {
    box-shadow: 0 4px 30px hsl(0deg 0% 90% / 50%) !important;
}

/* text colour */

.text-black, .text-black * {
    opacity: 1;
    color: #000 !important;
}

.text-white, .text-white * {
    opacity: 1;
    color: #fff !important;
}

.text-gray-light, .text-gray-light * {
    opacity: 1;
    color: #d1d3d4 !important;
}

.text-primary-grey-one, .text-primary-grey-one * {
    opacity: 1;
    color: #949598 !important;
}

.text-primary-grey-two, .text-primary-grey-two * {
    opacity: 1;
    color: #414042 !important;
}

.text-primary, .text-primary * {
    opacity: 1;
    color: #eb1b24 !important;
}

.text-secondary-dark, .text-secondary-dark * {
    opacity: 1;
    color: #e0e330 !important;
}

.text-secondary-light, .text-secondary-light * {
    opacity: 1;
    color: #f9f164 !important;
}

.text-midnight, .text-midnight * {
    opacity: 1;
    color: #414042 !important;
}

.text-offwhite, .text-offwhite * {
    opacity: 1;
    color: #f1f2f2 !important;
}

.hover\:text-black:hover {
    opacity: 1;
    color: #000;
}

.hover\:text-white:hover {
    opacity: 1;
    color: #fff;
}

.hover\:text-gray-light:hover {
    opacity: 1;
    color: #d1d3d4;
}

.hover\:text-primary:hover {
    opacity: 1;
    color: #eb1b24;
}

.hover\:text-midnight:hover {
    opacity: 1;
    color: #414042;
}

.focus\:text-black:focus {
    opacity: 1;
    color: #000;
}

.focus\:text-primary:focus, .group:hover .group-hover\:text-primary {
    opacity: 1;
    color: #eb1b24;
}

.text-opacity-75 {
    opacity: 0.75
}

.border-white {
    border-color: #fff !important;
}

.border-gray-lighter {
    border-color: #f1f2f2 !important;
}

.border-primary {
    border-color: #eb1b24 !important;
}

.border-midnight {
    border-color: #414042 !important;
}



.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-25 {
    opacity: .25
}

.opacity-75 {
    opacity: .75
}



/* buttons */

.c-button {
    padding: 1.5rem !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
}

.btn {
    font-weight: 700 !important;
    border-radius: 0 !important;
}

.btn-primary, .btn-primary:focus,
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    opacity: 1;
    background-color: #eb1b24 !important;
    color: #fff !important;
    border: 2px solid #eb1b24 !important;
}

    .btn-primary:hover {
        opacity: 1;
        background-color: #d91921 !important;
        color: #fff !important;
        border: 2px solid #d91921 !important;
    }

    .btn-primary:active,
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        opacity: 1;
        background-color: #cc171f !important;
        color: #fff !important;
        border: 2px solid #cc171f !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(235 27 36 / 50%);
    }

.btn-secondary, .btn-secondary:focus {
    opacity: 1;
    background-color: transparent !important;
    color: #414042 !important;
    border: 2px solid #414042 !important;
}

    .btn-secondary:hover {
        opacity: 1;
        background-color: transparent !important;
        color: #eb1b24 !important;
        border: 2px solid #eb1b24 !important;
    }

    .btn-secondary:active,
    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        opacity: 1;
        background-color: transparent !important;
        color: #d91921 !important;
        border: 2px solid #d91921 !important;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(33 23 43 / 50%);
    }

.btn-tertiary, .btn-tertiary:focus {
    opacity: 1;
    background-color: #f9f164 !important;
    color: #414042 !important;
    border: 2px solid #f9f164 !important;
}

    .btn-tertiary:hover {
        opacity: 1;
        background-color: #f2eb61 !important;
        color: #414042 !important;
        border: 2px solid #f2eb61 !important;
    }

    .btn-tertiary:active,
    .btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary:not(:disabled):not(.disabled).active, .show > .btn-tertiary.dropdown-toggle {
        opacity: 1;
        background-color: #ede65f !important;
        color: #414042 !important;
        border: 2px solid #ede65f !important;
    }

    .btn-tertiary:focus, .btn-tertiary.focus {
        box-shadow: 0 0 0 0.2rem rgba(248 241 99 / 50%);
    }

/* c-hero */

body:not(.sfPageEditor) .c-hero {
    overflow: hidden;
    position: relative;
}

.c-hero {
    background-color: #f1f2f2;
    margin-bottom: 4rem;
    padding-top: 6rem;
}

.c-hero__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1440px;
}

.c-hero__img {
    position: relative;
    margin-top: 2.5rem;
    margin-left: auto;
    width: 85%;
}

body:not(.sfPageEditor) .c-hero__logo {
    position: absolute;
    z-index: 0;
    width: 42%;
    top: 210px;
    width: 450px;
    left: -140px;
}

@media (min-width: 768px) {
    body:not(.sfPageEditor) .c-hero__img {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        max-width: 75%;
        width: 100%;
    }

    .c-hero--has-blocks {
        height: 90vw;
    }
}

@media (min-width: 768px) {
    body:not(.sfPageEditor) .c-hero__logo {
        top: 280px;
    }
}

@media (min-width: 992px) {
    .c-hero {
        padding-top: 12rem;
        min-height: 900px;
    }

    .c-hero--has-blocks {
        height: 1080px;
    }

    body:not(.sfPageEditor) .c-hero__logo {
        top: 350px;
        width: 643px;
    }
}

body:not(.sfPageEditor) .c-hero__img:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: currentColor;
    content: "";
    transform: rotate( -13.95deg );
}




body:not(.sfPageEditor) .c-hero:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    --bg-opacity: 1;
    background-color: #fff;
    pointer-events: none;
    content: "";
    transform: translateY(-9vw) skewY( -5deg );
    transform-origin: 100%;
}

/* footer */

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

svg {
    width: 100%;
    height: auto;
}

.outline-none:focus, .outline-none {
    outline: 0;
}

/* hide / unhide */

.hidden {
    display: none;
}

.block {
    display: block;
}

@media (min-width: 640px) {
    .block-sm {
        display: block;
    }

    .hide-sm-br br {
        display: none;
    }

    .hidden-sm {
        display: none;
    }
}

@media (min-width: 768px) {
    .block-md {
        display: block;
    }

    .hidden-md {
        display: none;
    }
}

@media (min-width: 992px) {
    .block-lg {
        display: block;
    }

    .hidden-lg {
        display: none;
    }
}

@media (min-width: 1200px) {
    .block-xl {
        display: block;
    }

    .hidden-xl {
        display: none;
    }
}

@media (min-width: 1600px) {
    .block-xxl {
        display: block;
    }

    .hidden-xxl {
        display: none;
    }
}

/* position */

.absolute {
    position: absolute;
}

.top-0 {
    top: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

/* padding / margins */

body:not(.sfPageEditor) .mt-n20 {
    margin-top: -5rem !important
}

body:not(.sfPageEditor) .mt-n24 {
    margin-top: -6rem !important
}

body:not(.sfPageEditor) .mt-n32 {
    margin-top: -8rem !important
}

body:not(.sfPageEditor) .mt-n40 {
    margin-top: -10rem !important
}

body:not(.sfPageEditor) .mt-n48 {
    margin-top: -12rem !important
}

body:not(.sfPageEditor) .mt-n64 {
    margin-top: -16rem !important
}

body:not(.sfPageEditor) .mt-n80 {
    margin-top: -20rem !important
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.px-8 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important
}

.py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.px-18 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important
}

.py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.py-32 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}

.pt-10 {
    padding-top: 2.5rem !important
}

.pb-10 {
    padding-bottom: 2.5rem !important
}

.pt-12 {
    padding-top: 3rem !important
}

.pb-12 {
    padding-bottom: 3rem !important
}

.pl-12 {
    padding-left: 3rem !important
}

.pt-16 {
    padding-top: 4rem !important
}

.pr-16 {
    padding-right: 4rem !important
}

.pb-16 {
    padding-bottom: 4rem !important
}

.pt-18 {
    padding-top: 4.5rem !important
}

.pt-20 {
    padding-top: 5rem !important
}

.pb-20 {
    padding-bottom: 5rem !important
}

.pt-24 {
    padding-top: 6rem !important
}

.pb-24 {
    padding-bottom: 6rem !important
}

.pt-32 {
    padding-top: 8rem !important
}

.pb-32 {
    padding-bottom: 8rem !important
}

.pb-40 {
    padding-bottom: 10rem !important
}

.pt-56 {
    padding-top: 14rem !important
}

.pt-7vw {
    padding-top: 7vw !important
}

.pb-7vw {
    padding-bottom: 7vw !important
}

.w-2 {
    width: .5rem !important
}

.w-3 {
    width: .75rem !important
}

.w-4 {
    width: 1rem !important
}

.w-5 {
    width: 1.25rem !important
}

.w-6 {
    width: 1.5rem !important
}

.w-10 {
    width: 2.5rem !important
}

.w-12 {
    width: 3rem !important
}

.w-16 {
    width: 4rem !important
}

.w-20 {
    width: 5rem !important
}

.w-24 {
    width: 6rem !important
}

.w-32 {
    width: 8rem !important
}

.w-40 {
    width: 10rem !important
}

.w-48 {
    width: 12rem !important
}

.w-56 {
    width: 14rem !important
}

.w-64 {
    width: 16rem !important
}

.w-80 {
    width: 20rem !important
}

.w-125 {
    width: 31.25rem !important
}

.w-auto {
    width: auto !important
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-24 {
    height: 6rem
}

.h-32 {
    height: 8rem
}

.h-40 {
    height: 10rem
}

.h-64 {
    height: 16rem
}

.h-auto {
    height: auto
}

/* grid */

.grid {
    display: grid;
}

/* Investor */

.calendar-links .row.field:nth-child(odd), .calendar-links .row:nth-child(odd),
.news-list .row:nth-child(odd) {
    background-color: #f1f2f2 !important
}

.calendar-links .row.field-header {
    background-color: transparent !important
}

.news-list .row,
.calendar-links .row.field-header,
.calendar-links .row.field, .calendar-links .row {
    border-bottom-color: #d1d3d4
}

/* News Tabs General - to include .row reference, i.i. 'news-tabs-ul row text-center' */

.news-tabs {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

    .news-tabs .tablinks {
        margin: 0px;
        padding: 0px 5px 0px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .news-tabs a {
        display: block;
        padding: 5px .8em;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

.tablinks a {
    background: #eb1b24;
    color: #fff !important;
    cursor: pointer;
    padding: 5px 1rem;
}

    .tablinks a:hover, .tablinks a:active,
    .tablinks a:focus {
        background: #cc171f;
        color: #fff !important;
    }

    .tablinks a.active {
        background: #cc171f !important;
        color: #fff !important;
    }


/* Columns */

.columns-1 {
    -moz-columns: 1;
    columns: 1;
    column-count: 1
}

.columns-2 {
    -moz-columns: 2;
    columns: 2;
    column-count: 2
}

.columns-3 {
    -moz-columns: 3;
    columns: 3;
    column-count: 3;
}

.column-gap-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}


/* media */

@media (min-width:576px) {

    .column-gap-sm-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .columns-sm-2 {
        -moz-columns: 2;
        columns: 2;
        column-count: 2
    }

    .columns-sm-3 {
        -moz-columns: 3;
        columns: 3;
        column-count: 3;
    }

    .grid-md {
        display: grid;
    }

    .mr-sm-20 {
        margin-right: 5rem
    }

    .mb-sm-24 {
        margin-bottom: 6rem
    }

    .mb-sm-32 {
        margin-bottom: 8rem
    }

    .mb-sm-48 {
        margin-bottom: 12rem
    }

    body:not(.sfPageEditor) .mt-sm-n20 {
        margin-top: -5rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n24 {
        margin-top: -6rem !important
    }

    body:not(.sfPageEditor) .mr-sm-n24 {
        margin-right: -6rem !important
    }

    body:not(.sfPageEditor) .ml-sm-n24 {
        margin-left: -6rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n32 {
        margin-top: -8rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n40 {
        margin-top: -10rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n48 {
        margin-top: -12rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n64 {
        margin-top: -16rem !important
    }

    body:not(.sfPageEditor) .mt-sm-n80 {
        margin-top: -20rem !important
    }

    .max-w-sm-none {
        max-width: none
    }

    .max-w-sm-md {
        max-width: 28rem
    }

    .max-w-sm-lg {
        max-width: 32rem
    }

    .py-sm-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-sm-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .px-sm-8 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-sm-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-sm-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-sm-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .py-sm-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .px-sm-18 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-sm-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-sm-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .pt-sm-10 {
        padding-top: 2.5rem !important
    }

    .pb-sm-10 {
        padding-bottom: 2.5rem !important
    }

    .pt-sm-12 {
        padding-top: 3rem !important
    }

    .pb-sm-12 {
        padding-bottom: 3rem !important
    }

    .pl-sm-12 {
        padding-left: 3rem !important
    }

    .pt-sm-16 {
        padding-top: 4rem !important
    }

    .pr-sm-16 {
        padding-right: 4rem !important
    }

    .pb-sm-16 {
        padding-bottom: 4rem !important
    }

    .pt-sm-18 {
        padding-top: 4.5rem !important
    }

    .pt-sm-20 {
        padding-top: 5rem !important
    }

    .pb-sm-20 {
        padding-bottom: 5rem !important
    }

    .pt-sm-24 {
        padding-top: 6rem !important
    }

    .pb-sm-24 {
        padding-bottom: 6rem !important
    }

    .pt-sm-32 {
        padding-top: 8rem !important
    }

    .pb-sm-32 {
        padding-bottom: 8rem !important
    }

    .pb-sm-40 {
        padding-bottom: 10rem !important
    }

    .pt-sm-56 {
        padding-top: 14rem !important
    }

    .pt-sm-7vw {
        padding-top: 7vw !important
    }

    .pb-sm-7vw {
        padding-bottom: 7vw !important
    }

    .w-sm-2 {
        width: .5rem !important
    }

    .w-sm-3 {
        width: .75rem !important
    }

    .w-sm-4 {
        width: 1rem !important
    }

    .w-sm-5 {
        width: 1.25rem !important
    }

    .w-sm-6 {
        width: 1.5rem !important
    }

    .w-sm-10 {
        width: 2.5rem !important
    }

    .w-sm-12 {
        width: 3rem !important
    }

    .w-sm-16 {
        width: 4rem !important
    }

    .w-sm-20 {
        width: 5rem !important
    }

    .w-sm-24 {
        width: 6rem !important
    }

    .w-sm-32 {
        width: 8rem !important
    }

    .w-sm-40 {
        width: 10rem !important
    }

    .w-sm-48 {
        width: 12rem !important
    }

    .w-sm-56 {
        width: 14rem !important
    }

    .w-sm-64 {
        width: 16rem !important
    }

    .w-sm-80 {
        width: 20rem !important
    }

    .w-sm-125 {
        width: 31.25rem !important
    }

    .w-sm-auto {
        width: auto !important
    }

    .text-sm-primary, .text-sm-primary * {
        color: #eb1b24 !important;
    }

    .fill-sm-primary {
        fill: #eb1b24;
    }
}


@media (min-width:768px) {

    .column-gap-md-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .columns-md-2 {
        -moz-columns: 2;
        columns: 2;
        column-count: 2
    }

    .columns-md-3 {
        -moz-columns: 3;
        columns: 3;
        column-count: 3;
    }

    .grid-md {
        display: grid;
    }

    .mr-md-20 {
        margin-right: 5rem
    }

    .mb-md-24 {
        margin-bottom: 6rem
    }

    .mb-md-32 {
        margin-bottom: 8rem
    }

    .mb-md-48 {
        margin-bottom: 12rem
    }

    body:not(.sfPageEditor) .mt-md-n20 {
        margin-top: -5rem !important
    }

    body:not(.sfPageEditor) .mt-md-n24 {
        margin-top: -6rem !important
    }

    body:not(.sfPageEditor) .mr-md-n24 {
        margin-right: -6rem !important
    }

    body:not(.sfPageEditor) .ml-md-n24 {
        margin-left: -6rem !important
    }

    body:not(.sfPageEditor) .mt-md-n32 {
        margin-top: -8rem !important
    }

    body:not(.sfPageEditor) .mt-md-n40 {
        margin-top: -10rem !important
    }

    body:not(.sfPageEditor) .mt-md-n48 {
        margin-top: -12rem !important
    }

    body:not(.sfPageEditor) .mt-md-n64 {
        margin-top: -16rem !important
    }

    body:not(.sfPageEditor) .mt-md-n80 {
        margin-top: -20rem !important
    }

    .max-w-md-none {
        max-width: none
    }

    .max-w-md-md {
        max-width: 28rem
    }

    .max-w-md-lg {
        max-width: 32rem
    }

    .py-md-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-md-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .px-md-8 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-md-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-md-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .py-md-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .px-md-18 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-md-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-md-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .pt-md-10 {
        padding-top: 2.5rem !important
    }

    .pb-md-10 {
        padding-bottom: 2.5rem !important
    }

    .pt-md-12 {
        padding-top: 3rem !important
    }

    .pb-md-12 {
        padding-bottom: 3rem !important
    }

    .pl-md-12 {
        padding-left: 3rem !important
    }

    .pt-md-16 {
        padding-top: 4rem !important
    }

    .pr-md-16 {
        padding-right: 4rem !important
    }

    .pb-md-16 {
        padding-bottom: 4rem !important
    }

    .pt-md-18 {
        padding-top: 4.5rem !important
    }

    .pt-md-20 {
        padding-top: 5rem !important
    }

    .pb-md-20 {
        padding-bottom: 5rem !important
    }

    .pt-md-24 {
        padding-top: 6rem !important
    }

    .pb-md-24 {
        padding-bottom: 6rem !important
    }

    .pt-md-32 {
        padding-top: 8rem !important
    }

    .pb-md-32 {
        padding-bottom: 8rem !important
    }

    .pb-md-40 {
        padding-bottom: 10rem !important
    }

    .pt-md-56 {
        padding-top: 14rem !important
    }

    .pt-md-7vw {
        padding-top: 7vw !important
    }

    .pb-md-7vw {
        padding-bottom: 7vw !important
    }

    .w-md-2 {
        width: .5rem !important
    }

    .w-md-3 {
        width: .75rem !important
    }

    .w-md-4 {
        width: 1rem !important
    }

    .w-md-5 {
        width: 1.25rem !important
    }

    .w-md-6 {
        width: 1.5rem !important
    }

    .w-md-10 {
        width: 2.5rem !important
    }

    .w-md-12 {
        width: 3rem !important
    }

    .w-md-16 {
        width: 4rem !important
    }

    .w-md-20 {
        width: 5rem !important
    }

    .w-md-24 {
        width: 6rem !important
    }

    .w-md-32 {
        width: 8rem !important
    }

    .w-md-40 {
        width: 10rem !important
    }

    .w-md-48 {
        width: 12rem !important
    }

    .w-md-56 {
        width: 14rem !important
    }

    .w-md-64 {
        width: 16rem !important
    }

    .w-md-80 {
        width: 20rem !important
    }

    .w-md-125 {
        width: 31.25rem !important
    }

    .w-md-auto {
        width: auto !important
    }

    .text-md-primary, .text-md-primary * {
        color: #eb1b24 !important;
    }

    .fill-md-primary {
        fill: #eb1b24;
    }
}

@media (min-width:992px) {

    .column-gap-lg-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .columns-lg-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .columns-lg-3 {
        -moz-columns: 3;
        column-count: 3;
    }

    .grid-lg {
        display: grid;
    }

    .h-lg-152 {
        height: 38rem
    }

    body:not(.sfPageEditor) .mr-lg-n48 {
        margin-right: -12rem
    }

    body:not(.sfPageEditor) .ml-lg-n48 {
        margin-left: -12rem
    }

    body:not(.sfPageEditor) .mt-lg-n20 {
        margin-top: -5rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n24 {
        margin-top: -6rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n32 {
        margin-top: -8rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n40 {
        margin-top: -10rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n48 {
        margin-top: -12rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n64 {
        margin-top: -16rem !important
    }

    body:not(.sfPageEditor) .mt-lg-n80 {
        margin-top: -20rem !important
    }

    .max-w-lg-none {
        max-width: none
    }

    .max-w-lg-xl {
        max-width: 36rem
    }

    .py-lg-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .px-lg-8 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-lg-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-lg-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .py-lg-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .px-lg-18 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-lg-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-lg-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .pt-lg-10 {
        padding-top: 2.5rem !important
    }

    .pb-lg-10 {
        padding-bottom: 2.5rem !important
    }

    .pt-lg-12 {
        padding-top: 3rem !important
    }

    .pb-lg-12 {
        padding-bottom: 3rem !important
    }

    .pl-lg-12 {
        padding-left: 3rem !important
    }

    .pt-lg-16 {
        padding-top: 4rem !important
    }

    .pr-lg-16 {
        padding-right: 4rem !important
    }

    .pb-lg-16 {
        padding-bottom: 4rem !important
    }

    .pt-lg-18 {
        padding-top: 4.5rem !important
    }

    .pt-lg-20 {
        padding-top: 5rem !important
    }

    .pb-lg-20 {
        padding-bottom: 5rem !important
    }

    .pt-lg-24 {
        padding-top: 6rem !important
    }

    .pb-lg-24 {
        padding-bottom: 6rem !important
    }

    .pt-lg-32 {
        padding-top: 8rem !important
    }

    .pb-lg-32 {
        padding-bottom: 8rem !important
    }

    .pb-lg-40 {
        padding-bottom: 10rem !important
    }

    .pt-lg-56 {
        padding-top: 14rem !important
    }

    .pt-lg-7vw {
        padding-top: 7vw !important
    }

    .pb-lg-7vw {
        padding-bottom: 7vw !important
    }

    .w-lg-2 {
        width: .5rem !important
    }

    .w-lg-3 {
        width: .75rem !important
    }

    .w-lg-4 {
        width: 1rem !important
    }

    .w-lg-5 {
        width: 1.25rem !important
    }

    .w-lg-6 {
        width: 1.5rem !important
    }

    .w-lg-10 {
        width: 2.5rem !important
    }

    .w-lg-12 {
        width: 3rem !important
    }

    .w-lg-16 {
        width: 4rem !important
    }

    .w-lg-20 {
        width: 5rem !important
    }

    .w-lg-24 {
        width: 6rem !important
    }

    .w-lg-32 {
        width: 8rem !important
    }

    .w-lg-40 {
        width: 10rem !important
    }

    .w-lg-48 {
        width: 12rem !important
    }

    .w-lg-56 {
        width: 14rem !important
    }

    .w-lg-64 {
        width: 16rem !important
    }

    .w-lg-80 {
        width: 20rem !important
    }

    .w-lg-125 {
        width: 31.25rem !important
    }

    .w-lg-auto {
        width: auto !important
    }

    .text-lg-primary, .text-lg-primary * {
        color: #eb1b24 !important;
    }

    .fill-lg-primary {
        fill: #eb1b24;
    }
}

@media (min-width:1200px) {

    .column-gap-xl-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .columns-xl-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .columns-xl-3 {
        -moz-columns: 3;
        column-count: 3;
    }

    .grid-xl {
        display: grid;
    }

    .ml-xl-16 {
        margin-left: 4rem
    }

    body:not(.sfPageEditor) .ml-xl-n16 {
        margin-left: -4rem !important
    }

    body:not(.sfPageEditor) .mr-xl-n24 {
        margin-right: -6rem !important
    }

    body:not(.sfPageEditor) .ml-xl-n24 {
        margin-left: -6rem !important
    }

    body:not(.sfPageEditor) .mr-xl-n64 {
        margin-right: -16rem !important
    }

    body:not(.sfPageEditor) .ml-xl-n64 {
        margin-left: -16rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n20 {
        margin-top: -5rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n24 {
        margin-top: -6rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n32 {
        margin-top: -8rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n40 {
        margin-top: -10rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n48 {
        margin-top: -12rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n64 {
        margin-top: -16rem !important
    }

    body:not(.sfPageEditor) .mt-xl-n80 {
        margin-top: -20rem !important
    }

    .max-w-xl-lg {
        max-width: 32rem
    }

    .py-xl-8 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-xl-10 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .px-xl-8 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .px-xl-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .py-xl-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-xl-14 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

    .py-xl-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .px-xl-18 {
        padding-left: 4.5rem !important;
        padding-right: 4.5rem !important
    }

    .py-xl-20 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-xl-32 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .pt-xl-10 {
        padding-top: 2.5rem !important
    }

    .pb-xl-10 {
        padding-bottom: 2.5rem !important
    }

    .pt-xl-12 {
        padding-top: 3rem !important
    }

    .pb-xl-12 {
        padding-bottom: 3rem !important
    }

    .pl-xl-12 {
        padding-left: 3rem !important
    }

    .pt-xl-16 {
        padding-top: 4rem !important
    }

    .pr-xl-16 {
        padding-right: 4rem !important
    }

    .pb-xl-16 {
        padding-bottom: 4rem !important
    }

    .pt-xl-18 {
        padding-top: 4.5rem !important
    }

    .pt-xl-20 {
        padding-top: 5rem !important
    }

    .pb-xl-20 {
        padding-bottom: 5rem !important
    }

    .pt-xl-24 {
        padding-top: 6rem !important
    }

    .pb-xl-24 {
        padding-bottom: 6rem !important
    }

    .pt-xl-32 {
        padding-top: 8rem !important
    }

    .pb-xl-32 {
        padding-bottom: 8rem !important
    }

    .pb-xl-40 {
        padding-bottom: 10rem !important
    }

    .pt-xl-56 {
        padding-top: 14rem !important
    }

    .pt-xl-7vw {
        padding-top: 7vw !important
    }

    .pb-xl-7vw {
        padding-bottom: 7vw !important
    }

    .w-xl-2 {
        width: .5rem !important
    }

    .w-xl-3 {
        width: .75rem !important
    }

    .w-xl-4 {
        width: 1rem !important
    }

    .w-xl-5 {
        width: 1.25rem !important
    }

    .w-xl-6 {
        width: 1.5rem !important
    }

    .w-xl-10 {
        width: 2.5rem !important
    }

    .w-xl-12 {
        width: 3rem !important
    }

    .w-xl-16 {
        width: 4rem !important
    }

    .w-xl-20 {
        width: 5rem !important
    }

    .w-xl-24 {
        width: 6rem !important
    }

    .w-xl-32 {
        width: 8rem !important
    }

    .w-xl-40 {
        width: 10rem !important
    }

    .w-xl-48 {
        width: 12rem !important
    }

    .w-xl-56 {
        width: 14rem !important
    }

    .w-xl-64 {
        width: 16rem !important
    }

    .w-xl-80 {
        width: 20rem !important
    }

    .w-xl-125 {
        width: 31.25rem !important
    }

    .w-xl-auto {
        width: auto !important
    }

    .columns-xl-2 {
        -moz-columns: 2;
        column-count: 2
    }

    .column-gap-xl-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .text-xl-primary, .text-xl-primary * {
        color: #eb1b24 !important;
    }

    .fill-xl-primary {
        fill: #eb1b24;
    }
}

@media screen and (min-width:1440px) {
    .pl-xxl-80 {
        padding-left: 20rem
    }
}



/* navigation */

.navbar {
    padding: 0;
}

.triangle-up {
    width: 0;
    height: 0;
    border: 0;
    border-bottom: .5em solid;
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
}

.dropdown-menu {
    color: #414042;
    border: 0;
    border-radius: 0;
}

    .dropdown-menu ul {
        list-style: none;
        margin: 0;
        padding: 1rem;
    }

.dropdown-item {
    font-weight: 500;
    white-space: normal !important;
    background: transparent !important;
    padding-left: 0;
    padding-right: 0;
}

.navbar-nav .nav-link,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    font-size: 1.25rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 500;
    display: inline-block;
}

.navbar-nav .nav-item > span {
    display: inline-block;
    width: 13px;
}

@media (min-width: 1200px) {

    .h5-xl, .h5-xl * {
        font-weight: 500;
        letter-spacing: 0;
        font-size: 1.25rem;
        line-height: 1.4
    }

    .navbar-nav .nav-link,
    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        color: #414042;
        padding-left: 0;
        padding-right: 0;
    }

    li.nav-item:not(.dropdown), 
    li.nav-item:not(.dropdown) .nav-link {
        position: relative;
    }

    li.nav-item:hover .dropdown-menu,
    li.nav-item:focus .dropdown-menu,
    li.nav-item.dropdown:focus-within .dropdown-menu {
        display: block !important;
    }

    .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .nav-link:after {
        display: block;
        width: 100%;
        background-color: #eb1b24;
        position: absolute;
        pointer-events: none;
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
        --transform-scale-x: 0;
        transform-origin: right;
        content: "";
        height: 3px;
        bottom: .55rem;
        transition: transform .3s cubic-bezier(.52,.01,.16,1),background-color .3s cubic-bezier(.52,.01,.16,1)
    }

    .nav-link.active:after, 
    .nav-link:active:after {
        background-color: #eb1b24;
    }

    .nav-link.active:after,
    .nav-link:active:after,
    .nav-link:hover:after,
    .nav-link:focus-within:after,
    .c-header-nav__item--has-dropdown:hover .nav-link:after,
    .nav-item:hover .nav-link:after,
    .nav-item:hover .nav-link:after,
    .nav-item:focus-within .nav-link:after {
        --transform-scale-x: 1;
        transform-origin: left
    }

    .dropdown-menu {
        left: 50%
    }

        .dropdown-menu ul {
            padding-left: 0;
            padding-right: 0;
        }

    .dropdown-menu .block-lg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 18px;
        margin: auto;
        margin-top: -9px;
    }

    .dropdown-menu ul li:not(:first-child) {
        margin-top: 0.75rem;
    }

    li.nav-item:not(:first-child) {
        margin-left: 1rem;
    }

    .dropdown-item {
        padding-left: 2rem;
        padding-right: 2rem;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .dropdown-item {
        color: #414042;
    }

        .dropdown-item:hover, .dropdown-item:focus,
        .dropdown-item.active, .dropdown-item:active {
            border-left: 4px solid #eb1b24;
            color: #414042;
        }

    .transform-xl {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    }

    .translate-x-50-xl {
        --transform-translate-x: -50%;
    }
}


@media (max-width: 1199px) {

    html.no-scroll, body.no-scroll {
        overflow: hidden;
    }

    .offcanvas-collapse {
        position: fixed;
        top: 4rem; /* Height of navbar */
        bottom: 0;
        right: -100%;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 4rem;
        overflow-y: auto;
        background-color: #eb1b24;
        height: calc(100% - 4rem);
        z-index: 2;
    }

        .offcanvas-collapse * {
            color: #FFF;
        }

        .offcanvas-collapse.open {
            right: 0;
        }

    ul.dropdown-menu {
        background: #cc171f;
    }

    .navbar button {
        position: relative;
        border: 0;
        padding: 0;
    }

        .navbar button div {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: column;
            height: 4rem;
            width: 4rem;
            justify-content: center;
        }

        .navbar button span {
            display: block;
            width: 1.5rem;
            border-bottom: 3px solid #fff;
            margin-bottom: 3px;
        }

        .navbar button.opened span {
            border-color: #eb1b24;
            margin-bottom: 5px;
        }

    .opened .navbar-menu-icon {
        opacity: 0;
    }

        .opened .navbar-menu-icon:first-child {
            transform: rotate(45deg);
            opacity: 1;
        }

        .opened .navbar-menu-icon:last-child {
            transform: rotate(-45deg);
            opacity: 1;
            margin-top: -16px;
        }

    .navbar-nav .nav-item > span {
        position: absolute;
        right: 0;
        height: 46px;
        line-height: 46px;
        width: 46px;
        padding: 0 1rem;
        margin: 0 !important;
    }
}