.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 1rem)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: .4rem;
    font-size: 1.4rem;
    line-height: 1.4;
    outline: 0;
    -webkit-transition-property: visibility,opacity,-webkit-transform;
    transition-property: visibility,opacity,-webkit-transform;
    transition-property: transform,visibility,opacity;
    transition-property: transform,visibility,opacity,-webkit-transform
}

    .tippy-box[data-placement^=top] > .tippy-arrow {
        bottom: 0
    }

        .tippy-box[data-placement^=top] > .tippy-arrow:before {
            bottom: -7px;
            left: 0;
            border-width: .8rem .8rem 0;
            border-top-color: initial;
            -webkit-transform-origin: center top;
            transform-origin: center top
        }

    .tippy-box[data-placement^=bottom] > .tippy-arrow {
        top: 0
    }

        .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
            top: -7px;
            left: 0;
            border-width: 0 .8rem .8rem;
            border-bottom-color: initial;
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }

    .tippy-box[data-placement^=left] > .tippy-arrow {
        right: 0
    }

        .tippy-box[data-placement^=left] > .tippy-arrow:before {
            border-width: .8rem 0 .8rem .8rem;
            border-left-color: initial;
            right: -7px;
            -webkit-transform-origin: center left;
            transform-origin: center left
        }

    .tippy-box[data-placement^=right] > .tippy-arrow {
        left: 0
    }

        .tippy-box[data-placement^=right] > .tippy-arrow:before {
            left: -7px;
            border-width: .8rem .8rem .8rem 0;
            border-right-color: initial;
            -webkit-transform-origin: center right;
            transform-origin: center right
        }

    .tippy-box[data-inertia][data-state=visible] {
        -webkit-transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
        transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
    }

.tippy-arrow {
    width: 1.6rem;
    height: 1.6rem;
    color: #333
}

    .tippy-arrow:before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid
    }

.tippy-content {
    position: relative;
    padding: .5rem .9rem;
    z-index: 1
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.show {
        opacity: 1
    }

@-webkit-keyframes fadeOutCategories {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        width: 0;
        height: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }
}

@keyframes fadeOutCategories {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        width: 0;
        height: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@-webkit-keyframes fadeInCategories {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fadeInCategories {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0,80%,0);
        transform: translate3d(0,80%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0,80%,0);
        transform: translate3d(0,80%,0)
    }
}

@-webkit-keyframes selectCategory {
    0% {
        opacity: 0;
        width: 100%;
        height: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        padding: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        height: auto;
        width: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }
}

@keyframes selectCategory {
    0% {
        opacity: 0;
        width: 100%;
        height: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        padding: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        height: auto;
        width: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

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

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

body {
    margin: 0
}

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
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

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

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 {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

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
}

input::-ms-clear, textarea::-ms-clear {
    display: none
}

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

.lazy {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.lazyload, .lazyloading {
    opacity: 0
}

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

main {
    background-color: #f2f2f2
}

.c-page-container {
    background-color: #fff;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

@media (min-width:576px) {
    .c-page-container {
        padding: .8rem 3rem
    }

        .c-page-container .grid-section section > .o-container, .c-page-container .grid-section section > .o-grid, .c-page-container > .o-container, .c-page-container > .o-grid {
            padding: 0
        }
}

@media (max-width:964px) {
    .c-page-container .grid-section section:last-of-type .c-feefo__carousel {
        bottom: -22px
    }
}

@media (min-width:576px) {
    .c-page-container .o-section-full:not(.o-row) {
        margin-right: -3rem;
        margin-left: -3rem;
        padding: 0 3rem
    }

        .c-page-container .o-section-full:not(.o-row):first-child {
            margin-top: -1.5rem
        }
}

@media (min-width:576px) {
    .c-page-container {
        width: 57.6rem
    }
}

@media (min-width:720px) {
    .c-page-container {
        width: 72rem
    }
}

@media (min-width:965px) {
    .c-page-container {
        width: 96.5rem
    }
}

@media (min-width:1200px) {
    .c-page-container {
        width: 117rem
    }
}

.img--nofluid {
    orphans: 2
}

img:not(.img--nofluid) {
    max-width: 100%
}

.o-main--with-aside h2 {
    margin-bottom: 1rem
}

@media (min-width:1200px) {
    .o-main--with-aside h2 {
        padding-top: .5rem
    }
}

.o-main--with-aside p {
    margin-bottom: 2.4rem
}

@media (max-width:720px) {
    .o-image--aside {
        text-align: center
    }
}

@media (min-width:720px) {
    .o-image--aside {
        margin-top: 7rem
    }
}

@media (min-width:965px) {
    .o-image--aside {
        margin-top: 6rem
    }
}

@media (min-width:1200px) {
    .o-image--aside {
        margin-top: 7.2rem
    }
}

.datepickerfieldshadow {
    display: none
}

.o-image {
    margin-bottom: 2rem
}

a, button {
    cursor: pointer
}

    a:focus, a:hover {
        text-decoration: underline
    }

    a:active, a:hover {
        outline-width: 0
    }

ul {
    margin: 0
}

ol, ul {
    list-style: none;
    line-height: 2.4rem;
    padding: 0
}

ol {
    margin: 0 0 1.5rem
}

.o-iframe iframe {
    width: 100%
}

blockquote {
    margin: 0
}

small {
    font-size: 1.4rem
}

@font-face {
    font-family: genshi-icons;
    src: url("Fonts/Genshi/genshi-icons.eot");
    src: url("Fonts/Genshi/genshi-icons.eot?#iefix") format("embedded-opentype"),url("Fonts/Genshi/genshi-icons.woff") format("woff"),url("Fonts/Genshi/genshi-icons.ttf") format("truetype"),url("Fonts/Genshi/genshi-icons.svg#genshi-icons") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/silka-light-webfont.eot");
    src: url("Fonts/Silka/silka-light-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/silka-light-webfont.woff") format("woff"),url("Fonts/Silka/silka-light-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/silka-regular-webfont.eot");
    src: url("Fonts/Silka/silka-regular-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/silka-regular-webfont.woff") format("woff"),url("Fonts/Silka/silka-regular-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/silka-medium-webfont.eot");
    src: url("Fonts/Silka/silka-medium-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/silka-medium-webfont.woff") format("woff"),url("Fonts/Silka/silka-medium-webfont.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/silka-semibold-webfont.eot");
    src: url("Fonts/Silka/silka-semibold-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/silka-semibold-webfont.woff") format("woff"),url("Fonts/Silka/silka-semibold-webfont.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/Italic/silka-lightitalic-webfont.eot");
    src: url("Fonts/Silka/Italic/silka-lightitalic-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/Italic/silka-lightitalic-webfont.woff") format("woff"),url("Fonts/Silka/Italic/silka-lightitalic-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/Italic/silka-regularitalic-webfont.eot");
    src: url("Fonts/Silka/Italic/silka-regularitalic-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/Italic/silka-regularitalic-webfont.woff") format("woff"),url("Fonts/Silka/Italic/silka-regularitalic-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/Italic/silka-mediumitalic-webfont.eot");
    src: url("Fonts/Silka/Italic/silka-mediumitalic-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/Italic/silka-mediumitalic-webfont.woff") format("woff"),url("Fonts/Silka/Italic/silka-mediumitalic-webfont.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: silka;
    src: url("Fonts/Silka/Italic/silka-semibolditalic-webfont.eot");
    src: url("Fonts/Silka/Italic/silka-semibolditalic-webfont.eot?#iefix") format("eot"),url("Fonts/Silka/Italic/silka-semibolditalic-webfont.woff") format("woff"),url("Fonts/Silka/Italic/silka-semibolditalic-webfont.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: hitachi-font;
    src: url("Fonts/Hitachi/hitachi-font.eot?");
    src: url("Fonts/Hitachi/hitachi-font.eot?#iefix") format("embedded-opentype"),url("Fonts/Hitachi/hitachi-font.woff") format("woff"),url("Fonts/Hitachi/hitachi-font.ttf") format("truetype"),url("Fonts/Hitachi/hitachi-font.svg#hitachi-font") format("svg");
    font-weight: 400;
    font-style: normal
}

.sr-only {
    margin: -.1rem
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.sr-only {
    position: absolute;
    width: .1rem;
    height: .1rem;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

html {
    font: 62.5%/1.65rem Arial,sans-serif;
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: 1.6rem;
    font-family: Arial,sans-serif;
    line-height: 1.2;
    color: #1a1a1a
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: silka,Arial,sans-serif;
    line-height: normal;
    font-weight: 400
}

    .h1.bold, .h1.h--bold, .h2.bold, .h2.h--bold, .h3.bold, .h3.h--bold, .h4.bold, .h4.h--bold, .h5.bold, .h5.h--bold, .h6.bold, .h6.h--bold, h1.bold, h1.h--bold, h2.bold, h2.h--bold, h3.bold, h3.h--bold, h4.bold, h4.h--bold, h5.bold, h5.h--bold, h6.bold, h6.h--bold {
        font-family: silka,Arial,sans-serif;
        font-weight: 600
    }

    .h1.h--light, .h1.light, .h1.weightLight, .h2.h--light, .h2.light, .h2.weightLight, .h3.h--light, .h3.light, .h3.weightLight, .h4.h--light, .h4.light, .h4.weightLight, .h5.h--light, .h5.light, .h5.weightLight, .h6.h--light, .h6.light, .h6.weightLight, h1.h--light, h1.light, h1.weightLight, h2.h--light, h2.light, h2.weightLight, h3.h--light, h3.light, h3.weightLight, h4.h--light, h4.light, h4.weightLight, h5.h--light, h5.light, h5.weightLight, h6.h--light, h6.light, h6.weightLight {
        font-family: silka,Arial,sans-serif;
        font-weight: 300
    }

    .h1.red, .h2.red, .h3.red, .h4.red, .h5.red, .h6.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
        color: #b1000e
    }

    .h1.purple, .h2.purple, .h3.purple, .h4.purple, .h5.purple, .h6.purple, h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
        color: #3d0061
    }

    .h1.dark, .h2.dark, .h3.dark, .h4.dark, .h5.dark, .h6.dark, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark {
        color: #1a1a1a
    }

.h1, h1 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 2.5rem
}

.h2, h2 {
    font-size: 3rem;
    line-height: 3.5rem
}

.h2, .h3, h2, h3 {
    margin-bottom: 2rem
}

.h3, h3 {
    font-size: 2.5rem;
    line-height: 3.2rem
}

.h4, .h5, .h6, h4, h5, h6 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 2rem
}

.strong, b, strong {
    font-family: Arial,sans-serif;
    font-weight: 600
}

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

.text-sm, .text-xs {
    line-height: 2.2rem
}

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

p {
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem
}

a {
    text-decoration: none;
    color: #3d0061
}

    a.text-link {
        color: #86609c
    }

.c-callToActionButtonsList {
    display: block
}

.c-callToActionButtonsList, .c-callToActionButtonsList__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-callToActionButtonsList__container {
    background-color: #f2f2f2;
    padding: 1.5rem 2rem 2rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .c-callToActionButtonsList__container a {
        width: 100%;
        margin-top: 1rem;
        min-width: auto
    }

        .c-callToActionButtonsList__container a:first-of-type {
            margin-top: 0
        }

        .c-callToActionButtonsList__container a.o-btn--link {
            width: auto;
            margin-left: auto;
            margin-right: auto
        }

.c-fcard {
    color: #fff;
    margin: 0 -1.5rem 2rem
}

@media (min-width:575px) {
    .c-fcard {
        margin: 0 0 2rem
    }
}

.c-fcard .c-fcard__image {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%
}

.c-fcard .c-fcard__picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: none;
    min-height: 335px;
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-fcard .c-fcard__picture--for-col-6 {
    display: none
}

@media (min-width:720px) {
    .c-fcard.c-fcard--left, .c-fcard.c-fcard--right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .c-fcard.c-fcard--left .c-fcard__image, .c-fcard.c-fcard--left .c-fcard__panel, .c-fcard.c-fcard--right .c-fcard__image, .c-fcard.c-fcard--right .c-fcard__panel {
            width: 50%;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

    .c-fcard--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.c-fcard__panel {
    padding: 4rem 0
}

    .c-fcard__panel.u-backgroundColor--primary {
        background-color: #e60000;
        color: #fff
    }

        .c-fcard__panel.u-backgroundColor--primary a {
            color: inherit
        }

            .c-fcard__panel.u-backgroundColor--primary a.o-btn {
                color: #fff;
                background: #333;
                border-color: #333
            }

                .c-fcard__panel.u-backgroundColor--primary a.o-btn:hover {
                    background: #1a1a1a;
                    border-color: #1a1a1a
                }

            .c-fcard__panel.u-backgroundColor--primary a.c-fcard__link .c-fcard__link-underline {
                background-color: currentColor
            }

    .c-fcard__panel.u-backgroundColor--secondary {
        background-color: #333;
        color: #fff
    }

        .c-fcard__panel.u-backgroundColor--secondary a {
            color: inherit
        }

            .c-fcard__panel.u-backgroundColor--secondary a.o-btn {
                color: #fff
            }

            .c-fcard__panel.u-backgroundColor--secondary a.c-fcard__link .c-fcard__link-underline {
                background-color: currentColor
            }

    .c-fcard__panel.u-backgroundColor--lightgrey {
        background-color: #e0dee3;
        color: #333
    }

        .c-fcard__panel.u-backgroundColor--lightgrey a {
            color: inherit
        }

            .c-fcard__panel.u-backgroundColor--lightgrey a.o-btn {
                color: #fff;
                background: #333;
                border-color: #333
            }

                .c-fcard__panel.u-backgroundColor--lightgrey a.o-btn:hover {
                    background: #1a1a1a;
                    border-color: #1a1a1a
                }

            .c-fcard__panel.u-backgroundColor--lightgrey a.c-fcard__link .c-fcard__link-underline {
                background-color: currentColor
            }

    .c-fcard__panel.u-backgroundColor--darkgrey {
        background-color: #333;
        color: #fff
    }

        .c-fcard__panel.u-backgroundColor--darkgrey a {
            color: inherit
        }

            .c-fcard__panel.u-backgroundColor--darkgrey a.o-btn {
                color: #333
            }

            .c-fcard__panel.u-backgroundColor--darkgrey a.c-fcard__link .c-fcard__link-underline {
                background-color: currentColor
            }

.c-fcard__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 61.1rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    width: 100%
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-fcard__content {
        display: block
    }
}

@media (max-width:1199px) {
    .c-fcard__content--cols2 {
        padding: 0 1.5rem
    }
}

.c-fcard__content h2, .c-fcard__content h3, .c-fcard__content h4 {
    color: inherit;
    text-align: center
}

.c-fcard__content p {
    color: inherit;
    font-weight: 400
}

.c-fcard__content > .o-btn, .c-fcard__link {
    margin-top: 3.2rem
}

.c-fcard__link {
    display: inline-block;
    font-weight: 600;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.c-fcard__link-underline {
    display: inline-block;
    width: 70%;
    height: .3rem;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out
}

.c-fcard__link:focus, .c-fcard__link:hover {
    text-decoration: none
}

    .c-fcard__link:focus .c-fcard__link-underline, .c-fcard__link:hover .c-fcard__link-underline {
        width: 100%
    }

.o-col-lg-6 .c-fcard--top .c-fcard__picture--for-col-6 {
    display: block
}

.o-col-lg-6 .c-fcard--top .c-fcard__picture--for-col-12 {
    display: none
}

@media (min-width:720px) and (max-width:964px) {
    .o-col-xs-12 .c-fcard--left .c-fcard__image {
        height: auto
    }
}

.o-col-xs-12 .c-fcard--left .c-fcard__picture {
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem
}

@media (max-width:719px) {
    .o-col-xs-12 .c-fcard--left .c-fcard__picture {
        border-top-right-radius: 1.2rem;
        border-bottom-left-radius: 0
    }
}

.o-col-xs-12 .c-fcard--left .c-fcard__panel {
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem
}

@media (max-width:719px) {
    .o-col-xs-12 .c-fcard--left .c-fcard__panel {
        border-top-right-radius: 0;
        border-bottom-left-radius: 1.2rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .o-col-xs-12 .c-fcard--right .c-fcard__image {
        height: auto
    }
}

.o-col-xs-12 .c-fcard--right .c-fcard__picture {
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem
}

@media (max-width:719px) {
    .c-fcard .c-fcard__image {
        height: 33.5rem;
    }

    .o-col-xs-12 .c-fcard--right .c-fcard__picture {
        border-top-left-radius: 1.2rem;
        border-bottom-right-radius: 0
    }
}

.o-col-xs-12 .c-fcard--right .c-fcard__panel {
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem
}

@media (max-width:719px) {
    .o-col-xs-12 .c-fcard--right .c-fcard__panel {
        border-top-left-radius: 0;
        border-bottom-right-radius: 1.2rem
    }
}

.o-col-xs-12 .c-fcard--top .c-fcard__picture {
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem
}

.o-col-xs-12 .c-fcard--top .c-fcard__panel {
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem
}

.o-col-xs-12 .c-fcard__panel.u-backgroundColor--primary {
    background-color: #3d0061;
    color: #fff
}

    .o-col-xs-12 .c-fcard__panel.u-backgroundColor--primary a {
        color: inherit
    }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--primary a.o-btn {
            color: #333;
            background: -webkit-gradient(linear,left top,left bottom,from(#71dc99),to(#55a573));
            background: linear-gradient(180deg,#71dc99,#55a573);
            border-color: #71dc99
        }

            .o-col-xs-12 .c-fcard__panel.u-backgroundColor--primary a.o-btn:hover {
                background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
                background: linear-gradient(180deg,#55a573,#228865);
                border-color: #55a573
            }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--primary a.c-fcard__link .c-fcard__link-underline {
            background-color: currentColor
        }

.o-col-xs-12 .c-fcard__panel.u-backgroundColor--secondary {
    background-color: #2db587;
    color: #333
}

    .o-col-xs-12 .c-fcard__panel.u-backgroundColor--secondary a {
        color: inherit
    }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--secondary a.o-btn {
            color: #fff
        }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--secondary a.c-fcard__link .c-fcard__link-underline {
            background-color: currentColor
        }

.o-col-xs-12 .c-fcard__panel.u-backgroundColor--lightgrey {
    background-color: #e0dee3;
    color: #333
}

    .o-col-xs-12 .c-fcard__panel.u-backgroundColor--lightgrey a {
        color: inherit
    }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--lightgrey a.o-btn {
            color: #fff;
            background: #3d0061;
            border-color: #3d0061
        }

            .o-col-xs-12 .c-fcard__panel.u-backgroundColor--lightgrey a.o-btn:hover {
                background: #1d002e;
                border-color: #1d002e
            }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--lightgrey a.c-fcard__link .c-fcard__link-underline {
            background-color: currentColor
        }

.o-col-xs-12 .c-fcard__panel.u-backgroundColor--darkgrey {
    background-color: #333;
    color: #fff
}

    .o-col-xs-12 .c-fcard__panel.u-backgroundColor--darkgrey a {
        color: inherit
    }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--darkgrey a.o-btn {
            color: #333
        }

        .o-col-xs-12 .c-fcard__panel.u-backgroundColor--darkgrey a.c-fcard__link .c-fcard__link-underline {
            background-color: currentColor
        }

@media (min-width:965px) {
    .o-col-lg-6 .c-fcard--left .c-fcard__image, .o-col-lg-6 .c-fcard--right .c-fcard__image {
        height: auto
    }
}

.c-hero__eyebrow, .c-hero__h1 {
    font-size: 1.4rem;
    line-height: 2.8rem
}

@media (min-width:575px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.2rem
    }
}

@media (min-width:720px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.6rem
    }
}

@media (min-width:965px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.9rem
    }
}

@media (min-width:1170px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 4.2rem
    }
}

.c-hero__panel2--feefo.c-hero__panel2--dark--lg, .c-hero__panel2--feefo.c-hero__panel2--light--lg {
    padding-bottom: 1.6rem
}

@media (min-width:575px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg, .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        padding-bottom: 2rem
    }
}

.c-hero {
    z-index: 1;
    height: 100%
}

.c-hero, .c-hero--container {
    position: relative
}

@media (min-width:1170px) {
    .c-hero--container + .c-page-container {
        margin-top: -3rem;
        z-index: 2;
        position: relative
    }
}

@media (max-width:575px) {
    .c-hero--container.c-hero--carousel + .c-page-container {
        padding-top: 1.5rem
    }
}

@media (max-width:574.9px) {
    .c-hero.c-hero--hideSecondCta .o-btn:last-child {
        display: none
    }

    .c-hero.c-hero--hideSecondCta .c-hero__image {
        min-height: 356px
    }

    .c-hero .o-btn:not(:last-child) {
        margin-bottom: 2rem
    }
}

@media (min-width:965px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50rem;
        max-width: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .c-hero--has-no-panels .c-hero__panel2 {
        width: 50rem
    }
}

@media (min-width:965px) and (min-width:965px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 55rem
    }

    .c-hero--has-no-panels .c-hero__panel2 {
        max-width: 55rem
    }
}

@media (min-width:965px) and (max-width:964px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        height: auto
    }

    .c-hero--has-no-panels .c-hero__image {
        background-position: right 0;
        background-size: auto 350px;
        height: 35rem
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__image picture {
        left: 12%;
        right: unset
    }

    .c-hero--has-right-panel .c-hero__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-hero--has-right-panel .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 40rem
    }
}

@media (min-width:965px) and (min-width:1200px) {
    .c-hero--has-right-panel .c-hero__panel1 {
        max-width: 50rem
    }
}

@media (min-width:1170px) {
    .c-hero {
        height: 38rem
    }

        .c-hero + .c-page-container, .c-hero + .container.page {
            margin-top: -3rem;
            z-index: 2;
            position: relative
        }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-hero .c-hero__panel2:not(.c-hero__panel2--buttons-only) {
        position: absolute !important;
        right: 0;
        height: 35rem
    }
}

.c-hero__image {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media (min-width:965px) {
    .c-hero__image {
        width: 96.5rem
    }
}

@media (min-width:1200px) {
    .c-hero__image {
        width: 117rem
    }
}

.c-hero__image picture {
    display: block
}

    .c-hero__image picture img {
        width: 100%
    }

@media (min-width:965px) {
    .c-hero__image picture {
        position: absolute;
        right: 0
    }
}

@media (max-width:964px) {
    .c-hero__image picture {
        height: 25rem;
        position: relative;
        width: 100%
    }

        .c-hero__image picture img {
            width: 100%;
            height: 100%;
            position: absolute;
            -o-object-fit: cover;
            object-fit: cover
        }
}

@media (min-width:576px) and (max-width:719px) {
    .c-hero__image picture {
        height: 32rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__image picture {
        height: 35rem
    }
}

@media (min-width:965px) {
    .c-hero__image {
        height: 35rem
    }
}

@media (min-width:1170px) {
    .c-hero__image--gradient:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 4rem;
        height: 100%
    }

    .c-hero__image--gradient.c-hero__image--dark:after {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(51,51,51,0)),to(#333));
        background: linear-gradient(90deg,rgba(51,51,51,0),#333)
    }

    .c-hero__image--gradient.c-hero__image--light:after {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,87.1%,0)),to(#dedede));
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),#dedede)
    }
}

.c-hero__content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@media (max-width:719px) {
    .c-hero__content {
        height: auto;
        margin-top: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        background: none !important
    }
}

.c-hero__content:before {
    content: "";
    width: 100%;
    height: 15.8rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 158px;
    -ms-flex: 0 0 158px;
    flex: 0 0 15.8rem;
    display: none
}

@media (min-width:720px) {
    .c-hero__content:before {
        display: block
    }
}

@media (min-width:575px) {
    .c-hero__content:before {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 192px;
        -ms-flex: 0 0 192px;
        flex: 0 0 19.2rem
    }
}

@media (min-width:720px) {
    .c-hero__content {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .c-hero__content:before {
            display: none
        }
}

.c-hero__content:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width:575px) {
    .c-hero__content:after {
        display: none
    }
}

.c-hero__eyebrow {
    display: block
}

.c-hero__h1 {
    font-weight: 500;
    font-size: 2.2rem;
    margin-bottom: 0
}

@media (min-width:575px) {
    .c-hero__h1 {
        font-size: 2.6rem
    }
}

@media (min-width:720px) {
    .c-hero__h1 {
        font-size: 3.2rem
    }
}

@media (min-width:965px) {
    .c-hero__h1 {
        max-width: 90%;
        font-size: 3.8rem;
        margin-bottom: .5rem
    }
}

.c-hero__subtext {
    padding-top: .8rem
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-hero__subtext {
        width: 45rem
    }
}

.c-hero__subtext p {
    margin: 0 0 1rem;
    font-size: 1.65rem;
    line-height: 2.4rem
}

@media (min-width:720px) {
    .c-hero__subtext p {
        font-size: 1.8rem
    }
}

.c-hero__subtext p:last-child {
    margin: 0
}

.c-hero__panel1 {
    padding: 2rem
}

@media (max-width:720px -1) {
    .c-hero__panel1 {
        margin-top: auto;
        margin-bottom: -.1rem
    }
}

@media (min-width:575px) {
    .c-hero__panel1 {
        padding: 2.9rem 3rem
    }
}

@media (min-width:720px) {
    .c-hero__panel1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:965px) {
    .c-hero__panel1 {
        width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem;
        height: auto
    }
}

@media (min-width:1200px) {
    .c-hero__panel1 {
        width: 50rem;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__panel1 {
        width: 72rem;
        margin: 0 auto
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__panel1 {
        width: 57.6rem;
        margin: 0 auto
    }
}

.c-hero__panel1--light .c-hero__feefo-sticker-stars, .c-hero__panel1--light .c-hero__feefo-sticker-stars--filled {
    background-image: url("/_res/dist/img/css-images/stars_dark.svg")
}

.c-hero__panel2 {
    padding: 0 2rem 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .c-hero__panel2.c-hero__panel2--feefo {
        padding-top: 1.8rem
    }

@media (min-width:575px) {
    .c-hero__panel2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 3rem 2.4rem
    }

        .c-hero__panel2 .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }

        .c-hero__panel2.c-hero__panel2--feefo {
            padding: 2.4rem 0 2rem
        }
}

@media (min-width:720px) {
    .c-hero__panel2.c-hero__panel2--feefo {
        padding: 2rem 0;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__panel2 {
        width: 72rem;
        margin: 0 auto
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__panel2 {
        width: 57.6rem;
        margin: 0 auto
    }
}

@media (min-width:965px) {
    .c-hero__panel2.c-hero__panel2--show {
        padding-left: 5.8rem;
        padding-right: 2.2rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 280px;
        -ms-flex: 0 0 280px;
        flex: 0 0 28rem;
        max-width: 28rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .c-hero__panel2.c-hero__panel2--show:before {
            position: absolute;
            content: "";
            top: 0;
            left: 8px;
            display: block !important
        }

        .c-hero__panel2.c-hero__panel2--show:after {
            position: absolute;
            content: "";
            top: 0;
            left: 36px;
            width: 1rem;
            height: 35rem;
            display: block !important;
            -webkit-transform: skew(-12.095deg);
            transform: skew(-12.095deg)
        }

    .c-hero__panel2 .o-btn:not(:last-child) {
        margin: 0 0 1rem
    }
}

@media (min-width:1170px) {
    .c-hero__panel2.c-hero__panel2--show {
        padding-left: 5rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 300px;
        -ms-flex: 0 0 300px;
        flex: 0 0 30rem;
        max-width: 30rem
    }
}

.c-hero__feefo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__feefo {
        width: 72rem;
        margin: 0 auto;
        padding: 0 3rem
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__feefo {
        width: 57.6rem;
        margin: 0 auto;
        padding: 0 3rem
    }
}

@media (min-width:576px) {
    .c-hero__feefo {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:965px) {
    .c-hero__feefo {
        position: relative;
        z-index: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ffd000;
        padding: 1.3rem 1.3rem 1.2rem;
        border-radius: .5rem;
        margin-bottom: 1.6rem
    }
}

@media (min-width:1170px) {
    .c-hero__feefo {
        padding: 2rem 1.8rem 1.8rem;
        margin-bottom: 2rem
    }
}

.c-hero__feefo-badge {
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-repeat: no-repeat;
    display: block;
    width: 7.3rem;
    height: 3.6rem;
    background-size: 102px auto;
    margin: 0 1.2rem .8rem 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 73px;
    -ms-flex: 0 0 73px;
    flex: 0 0 7.3rem
}

@media (min-width:575px) {
    .c-hero__feefo-badge {
        margin: 0 1.4rem 0 0
    }
}

@media (min-width:965px) {
    .c-hero__feefo-badge {
        background-position: left -27px;
        background-size: 117px 85px;
        width: 8.5rem;
        height: 1.3rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 13px;
        -ms-flex: 0 0 13px;
        flex: 0 0 1.3rem;
        margin: 0 0 .5rem
    }
}

.c-hero__feefo-badge-lg {
    display: none
}

@media (min-width:965px) {
    .c-hero__feefo-badge-lg {
        background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
        background-repeat: no-repeat;
        background-size: 102px auto;
        display: block;
        width: 7.3rem;
        height: 2rem;
        margin: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
        flex: 0 0 2rem
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-badge-lg {
        display: block;
        background-size: auto auto;
        height: 2rem;
        width: 8.1rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
        flex: 0 0 2rem
    }
}

.c-hero__feefo-score {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.2rem
}

@media (min-width:575px) {
    .c-hero__feefo-score {
        margin: 0 3rem 0 0
    }
}

@media (min-width:720px) {
    .c-hero__feefo-score {
        margin: 0 3.6rem 0 0
    }
}

@media (min-width:965px) {
    .c-hero__feefo-score {
        color: #000;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        font-size: 1.4rem;
        text-align: center;
        border-bottom: .1rem solid #e5c300
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-score {
        font-size: 1.6rem;
        margin: 0 0 1.2rem;
        padding: 0 0 1.2rem
    }
}

.c-hero__feefo-stars {
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 74px 49px;
    display: inline-block;
    height: 1.2rem;
    width: 7.4rem;
    margin: .3rem 0 .5rem;
    position: relative
}

@media (min-width:965px) {
    .c-hero__feefo-stars {
        margin-top: 0;
        height: 1.7rem;
        width: 9.2rem;
        background-size: 92px auto
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-stars {
        height: 2rem;
        width: 11.7rem;
        background-size: auto auto;
        margin-bottom: 1rem
    }
}

.c-hero__feefo-stars--filled {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-position: left -25px;
    background-repeat: no-repeat;
    background-size: 74px 49px
}

@media (min-width:965px) {
    .c-hero__feefo-stars--filled {
        background-position: left -33px;
        background-size: 92px auto
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-stars--filled {
        height: 2rem;
        width: 11.7rem;
        background-position: left -43px;
        background-size: auto auto
    }
}

@media (max-width:575px) {
    .c-hero__feefo-text {
        padding-top: 1rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.c-hero__feefo-text, .c-hero__feefo-text p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6rem
}

    .c-hero__feefo-text a {
        color: inherit;
        font-weight: 600;
        font-family: silka,Arial,sans-serif
    }

@media (min-width:720px) {
    .c-hero__feefo-text {
        max-width: 35rem
    }
}

@media (min-width:965px) {
    .c-hero__feefo-text {
        display: none
    }
}

.c-hero__feefo-text--lg {
    display: none
}

@media (min-width:965px) {
    .c-hero__feefo-text--lg {
        position: relative;
        display: block;
        text-align: center;
        line-height: 1.7rem;
        z-index: 2;
        max-width: 22.5rem
    }
}

.c-hero__feefo-sticker {
    margin-top: 2.2rem;
    width: 14.3rem;
    height: 5.5rem
}

.c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/feefo-logo-white-and-yellow.png");
    background-repeat: no-repeat;
    background-size: 64px 15px;
    display: block;
    width: 6.4rem;
    height: 1.5rem;
    margin-top: 1rem
}

.c-hero__feefo-sticker-stars {
    margin-right: .3rem;
    background-position: left -20px;
    height: 1.8rem;
    width: 9.2rem;
    position: relative;
    top: 1px;
    vertical-align: bottom
}

.c-hero__feefo-sticker-stars, .c-hero__feefo-sticker-stars--filled {
    background-image: url("/_res/dist/img/css-images/stars.svg");
    background-repeat: repeat-x;
    display: inline-block
}

.c-hero__feefo-sticker-stars--filled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0
}

.c-hero__feefo-sticker-score {
    text-align: right;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    border-bottom: .1rem solid #fff;
    padding-bottom: .8rem
}

.c-hero__apr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    z-index: 1
}

@media (min-width:575px) {
    .c-hero__apr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:965px) {
    .c-hero__apr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-hero__apr-buttons {
    margin-top: 1rem
}

@media (min-width:575px) {
    .c-hero__apr-buttons {
        margin-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-hero__apr-buttons .o-btn:not(:last-child) {
            margin: 0 0 1rem
        }
}

@media (min-width:720px) {
    .c-hero__apr-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-hero__apr-buttons .o-btn {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%;
            max-width: 50%
        }

            .c-hero__apr-buttons .o-btn:not(:last-child) {
                margin: 0 1rem 0 0
            }
}

@media (min-width:965px) {
    .c-hero__apr-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-hero__apr-buttons .o-btn {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: 100%
        }

            .c-hero__apr-buttons .o-btn:not(:last-child) {
                margin: 0 0 1rem
            }
}

.c-hero__apr--small-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:575px) {
    .c-hero__apr--small-only {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 35rem;
        margin-right: 1rem
    }
}

@media (min-width:965px) {
    .c-hero__apr--small-only {
        margin-right: 0
    }
}

.c-hero__apr-rate {
    margin-bottom: 0;
    line-height: 1;
    height: 5.4rem;
    width: 11rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 110px;
    -ms-flex: 0 0 110px;
    flex: 0 0 11rem
}

@media (min-width:965px) {
    .c-hero__apr-rate {
        margin: 0 auto
    }
}

.c-hero__apr-rate-number {
    font-size: 6rem;
    letter-spacing: -4px;
    line-height: 6rem;
    height: 5.4rem;
    width: 7.8rem;
    display: inline-block;
    margin-top: -.8rem
}

.c-hero__apr-rate-sign {
    height: 6rem;
    width: 3.2rem;
    top: -54px;
    margin-bottom: -5.4rem;
    left: 78px;
    position: relative;
    display: block
}

.c-hero__apr-rate--percent {
    position: absolute;
    bottom: 28px;
    height: 2.6rem;
    width: 3.2rem;
    font-size: 3.1rem;
    line-height: 3.2rem
}

.c-hero__apr-rate--apr {
    position: absolute;
    bottom: 2px;
    height: 2rem;
    width: 3.2rem;
    font-size: 1.7rem;
    line-height: 1.8rem
}

.c-hero__apr-text-desktop {
    display: none
}

.c-hero__apr-text-smalldevice {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem
}

@media (min-width:965px) {
    .c-hero__apr-text-smalldevice {
        display: none
    }

    .c-hero__apr-text-desktop {
        text-align: center;
        display: block;
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.c-hero--has-right-panel .c-hero__panel1--dark {
    color: #fff
}

@media (min-width:720px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        position: relative;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 100px,rgba(51,51,51,0))
    }
}

@media (min-width:1170px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 250px,rgba(51,51,51,0))
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero--has-right-panel .c-hero__panel1--dark:after {
        content: "";
        width: 100%;
        height: 5rem;
        position: absolute;
        top: 100%;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%);
        left: 0
    }
}

.c-hero--has-right-panel .c-hero__panel1--dark .c-hero__feefo-sticker-score {
    color: #fff;
    border-color: #fff
}

.c-hero--has-right-panel .c-hero__panel1--light {
    color: #000
}

@media (min-width:720px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        position: relative;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 100px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:1170px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 250px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero--has-right-panel .c-hero__panel1--light:after {
        content: "";
        width: 100%;
        height: 5rem;
        position: absolute;
        top: 100%;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%);
        left: 0
    }
}

.c-hero--has-right-panel .c-hero__panel1--light .c-hero__feefo-sticker-score {
    color: #000;
    border-color: #000
}

.c-hero--has-right-panel .c-hero__panel1--light .c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/Feefo_logo_grey.png")
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
    color: #fff
}

@media (min-width:720px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 234px,rgba(51,51,51,0))
    }
}

@media (min-width:1170px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(30%,#333),color-stop(30%,#333));
        background: linear-gradient(270deg,rgba(51,51,51,0),#333 30%,#333 0)
    }
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark .c-hero__feefo-sticker-score {
    color: #fff;
    border-color: #fff
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
    color: #000
}

@media (min-width:720px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 234px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:1170px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(30%,#dedede),color-stop(30%,#dedede));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),#dedede 30%,#dedede 0)
    }
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light .c-hero__feefo-sticker-score {
    color: #000;
    border-color: #000
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light .c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/Feefo_logo_grey.png")
}

.c-hero__panel2--dark {
    color: #fff;
    background-color: #333
}

@media (min-width:720px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        color: #fff;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#333 234px,rgba(51,51,51,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--dark.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(30%,#333),color-stop(30%,#333));
        background: linear-gradient(270deg,rgba(51,51,51,0),#333 30%,#333 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--dark {
        color: #fff;
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,#333 0)
    }

        .c-hero__panel2--dark:before {
            background: linear-gradient(90deg,rgba(51,51,51,.4),#333 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--dark {
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,rgba(51,51,51,.8) 0,#333 95px)
    }

        .c-hero__panel2--dark:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(51,51,51,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem
        }
}

@media (min-width:965px) {
    .c-hero__panel2--dark:after {
        background: rgba(51,51,51,.4)
    }
}

.c-hero__panel2--light {
    background-color: #dedede;
    color: #000
}

@media (min-width:720px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        color: #000;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#dedede 234px,hsla(0,0%,87.1%,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--light.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(30%,#dedede),color-stop(30%,#dedede));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),#dedede 30%,#dedede 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--light {
        color: #000;
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,#dedede 0)
    }

        .c-hero__panel2--light:before {
            background: linear-gradient(90deg,hsla(0,0%,87.1%,.4),#dedede 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--light {
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,hsla(0,0%,87.1%,.8) 0,#dedede 95px)
    }

        .c-hero__panel2--light:before {
            width: 0;
            height: 0;
            border-color: transparent transparent hsla(0,0%,87.1%,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem
        }
}

@media (min-width:965px) {
    .c-hero__panel2--light:after {
        background: hsla(0,0%,87.1%,.4)
    }
}

.c-hero__panel2--feefo {
    background-color: #ffd000;
    color: #000;
    z-index: 1
}

@media (min-width:720px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        color: #000;
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,208,0,0)),color-stop(28%,rgba(255,208,0,.3)),color-stop(83%,rgba(255,208,0,.75)));
        background: linear-gradient(270deg,rgba(255,208,0,0),rgba(255,208,0,.3) 28%,rgba(255,208,0,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#ffd000 234px,rgba(255,208,0,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--feefo.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,208,0,0)),color-stop(30%,#ffd000),color-stop(30%,#ffd000));
        background: linear-gradient(270deg,rgba(255,208,0,0),#ffd000 30%,#ffd000 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo {
        color: #000;
        background: linear-gradient(90deg,rgba(255,208,0,0),rgba(255,208,0,0) 82px,#ffd000 0)
    }

        .c-hero__panel2--feefo:before {
            background: linear-gradient(90deg,rgba(255,208,0,.4),#ffd000 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo {
        background: linear-gradient(90deg,rgba(255,208,0,0),rgba(255,208,0,0) 82px,rgba(255,208,0,.8) 0,#ffd000 95px)
    }

        .c-hero__panel2--feefo:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(255,208,0,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo:after {
        background: rgba(255,208,0,.4)
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg {
        color: #fff;
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,#333 0)
    }

        .c-hero__panel2--feefo.c-hero__panel2--dark--lg:before {
            background: linear-gradient(90deg,rgba(51,51,51,.4),#333 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg {
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,rgba(51,51,51,.8) 0,#333 95px)
    }

        .c-hero__panel2--feefo.c-hero__panel2--dark--lg:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(51,51,51,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg:after {
        background: rgba(51,51,51,.4)
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        color: #000;
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,#dedede 0)
    }

        .c-hero__panel2--feefo.c-hero__panel2--light--lg:before {
            background: linear-gradient(90deg,hsla(0,0%,87.1%,.4),#dedede 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,hsla(0,0%,87.1%,.8) 0,#dedede 95px)
    }

        .c-hero__panel2--feefo.c-hero__panel2--light--lg:before {
            width: 0;
            height: 0;
            border-color: transparent transparent hsla(0,0%,87.1%,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg:after {
        background: hsla(0,0%,87.1%,.4)
    }
}

@media (max-width:719px) {
    .c-hero.c-hero--dark .c-hero__content {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(51,51,51,0)),color-stop(15%,#333),color-stop(50%,#333));
        background: linear-gradient(180deg,rgba(51,51,51,0),#333 15%,#333 50%)
    }

    .c-hero.c-hero--light .c-hero__content {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,87.1%,0)),color-stop(15%,#dedede),color-stop(50%,#dedede));
        background: linear-gradient(180deg,hsla(0,0%,87.1%,0),#dedede 15%,#dedede 50%)
    }
}

.c-hero__panel1--dark .btn.btn--transparent, .c-hero__panel1--dark .o-btn--dark-outline, .c-hero__panel1--dark .o-btn--primary-outline, .c-hero__panel1--dark .o-btn--secondary-outline, .c-hero__panel2--dark .btn.btn--transparent, .c-hero__panel2--dark .o-btn--dark-outline, .c-hero__panel2--dark .o-btn--primary-outline, .c-hero__panel2--dark .o-btn--secondary-outline {
    color: #fff
}

.c-hero .c-hero__h1 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 300;
    margin-bottom: 2rem
}

@media (min-width:576px) {
    .c-hero .c-hero__h1 {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

@media (min-width:965px) {
    .c-hero .c-hero__h1 {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.c-hero .c-hero__subtext {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300;
    font-family: silka,Arial,sans-serif;
    padding-top: 0
}

@media (min-width:965px) {
    .c-hero .c-hero__subtext {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}

.c-hero .c-hero__subtext p {
    font-family: silka,Arial,sans-serif
}

@media (min-width:720px) {
    .c-hero__panel1--color-000000 {
        color: #000
    }

    .c-hero__panel1--color-ffffff {
        color: #fff
    }
}


.c-tabs__body a:not(.o-btn), .cms-rich-text-container a:not(.o-btn), .sitemap-list a:not(.o-btn) {
    font-weight: 600;
    color: #3d0061;
    font-family: Arial,sans-serif
}

    .c-tabs__body a:not(.o-btn) :focus, .c-tabs__body a:not(.o-btn):hover, .cms-rich-text-container a:not(.o-btn) :focus, .cms-rich-text-container a:not(.o-btn):hover, .sitemap-list a:not(.o-btn) :focus, .sitemap-list a:not(.o-btn):hover {
        color: #86609c
    }

[class~=p--borderLeft]:last-of-type {
    padding-bottom: 0
}

.text-align--left {
    text-align: left
}

.text-align--center {
    text-align: center
}

.text-align--right {
    text-align: right
}

#ccc #ccc-icon {
    display: none
}

#ccc #ccc-content {
    padding: 0;
    border-radius: 0 !important
}

@media (min-width:965px) {
    #ccc #ccc-content {
        max-height: 90% !important;
        height: auto !important
    }
}

#ccc .ccc-panel {
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

    #ccc .ccc-panel > hr:first-of-type {
        display: none
    }

#ccc .ccc-svg-element {
    top: 0 !important
}

#ccc .ccc-link {
    font-weight: 600
}

#ccc #ccc-info {
    display: none
}

#ccc #ccc-button-holder, #ccc #ccc-end, #ccc #ccc-statement, #ccc #ccc-title {
    padding: 0 2.4rem;
    background-color: #333;
    color: #fff !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#ccc #ccc-end {
    margin: 0
}

    #ccc #ccc-end .ccc-close-button {
        margin: 1.6rem 0 3.2rem
    }

#ccc #ccc-statement {
    margin: -.1rem 0
}

    #ccc #ccc-statement a, #ccc #ccc-statement p, #ccc #ccc-statement span {
        color: #fff !important;
        fill: #fff !important
    }

#ccc .ccc-intro {
    display: none
}

#ccc #ccc-button-holder {
    padding-bottom: 2.4rem
}

#ccc #ccc-title {
    padding-top: 2.4rem;
    margin-bottom: 0
}

#ccc hr {
    width: calc(100% - 4.8rem);
    margin: 1rem auto !important;
    opacity: 1 !important;
    border-top-color: #000 !important
}

#ccc #ccc-necessary-title {
    padding: 2.4rem 2.4rem 0
}

#ccc #ccc-necessary-description {
    padding: 0 2.4rem
}

#ccc #ccc-optional-categories {
    padding: 1rem 2.4rem
}

    #ccc #ccc-optional-categories hr {
        width: 100%
    }

    #ccc #ccc-optional-categories .optional-cookie:last-child hr {
        display: none
    }

#ccc .checkbox-toggle-toggle {
    margin-top: 0;
    margin-bottom: 0
}

#ccc .checkbox-toggle, #ccc .checkbox-toggle-toggle {
    border-radius: .5rem !important
}

    #ccc .checkbox-toggle-toggle.active, #ccc .checkbox-toggle.active {
        background-color: #269b29 !important;
        border-color: #269b29 !important
    }

    #ccc .checkbox-toggle-toggle .checkbox-toggle-off, #ccc .checkbox-toggle .checkbox-toggle-off {
        opacity: 1 !important
    }

#ccc #ccc-overlay {
    background: rgba(0,0,0,.6)
}

#ccc .ccc-notify-text {
    display: block
}

#ccc .ccc-svg-element svg {
    vertical-align: bottom
}

#ccc #ccc-notify .ccc-notify-button.ccc-accept-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3.7rem;
    text-align: center;
    white-space: normal;
    border-radius: .5rem;
    background-color: #86609c;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    min-height: 40px;
    text-decoration: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    color: #333;
    background: #55a573;
    border: 2px solid #71dc99;
    background: -webkit-gradient(linear,left top,left bottom,from(#71dc99),to(#55a573));
    background: linear-gradient(180deg,#71dc99,#55a573);
    color: #333 !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3rem;
    text-transform: none;
    border: 4px solid #71dc99 !important;
    max-height: 40px
}

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):active, #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):hover {
        text-decoration: none;
        cursor: pointer
    }

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):hover {
        color: #333;
        background: #44835c;
        border-color: #48d27c;
        text-decoration: none
    }

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):active {
        color: #333;
        background-color: #3f7b56;
        border-color: #3ecf74;
        text-decoration: none
    }

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):hover {
        background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
        background: linear-gradient(180deg,#55a573,#228865);
        border-color: #55a573 !important
    }

        #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):hover span {
            color: #fff !important
        }

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):active {
        background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
        background: linear-gradient(180deg,#55a573,#228865);
        border-color: #55a573 !important
    }

        #ccc #ccc-notify .ccc-notify-button.ccc-accept-button:not(.disabled):active span {
            color: #fff !important
        }

    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button span {
        background-color: transparent !important;
        color: #333 !important
    }

@media (min-width:720px) {
    #ccc #ccc-notify .ccc-notify-button.ccc-accept-button {
        font-size: 1.7rem;
        padding: 2.5rem !important
    }
}

#ccc #ccc-notify .ccc-notify-button.ccc-notify-link {
    text-decoration: underline;
    text-underline-offset: 1px;
    font-size: 1.4rem
}

@media (min-width:720px) {
    #ccc #ccc-notify .ccc-notify-button.ccc-notify-link {
        border: none;
        color: #000;
        padding: 0 !important;
        margin-top: 1rem;
        font-size: 1.4rem;
        font-weight: 600
    }
}

#ccc #cc-panel .ccc-notify-button.ccc-accept-button, #ccc #cc-panel .ccc-notify-button.ccc-close-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3.7rem;
    text-align: center;
    white-space: normal;
    border-radius: .5rem;
    background-color: #86609c;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    min-height: 40px;
    text-decoration: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    color: #333;
    background: #55a573;
    border: 2px solid #71dc99;
    background: -webkit-gradient(linear,left top,left bottom,from(#71dc99),to(#55a573));
    background: linear-gradient(180deg,#71dc99,#55a573);
    color: #333 !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3rem;
    text-transform: none;
    border: 4px solid #71dc99 !important
}

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):active, #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):hover, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):active, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):hover {
        text-decoration: none;
        cursor: pointer
    }

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):hover, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):hover {
        color: #333;
        background: #44835c;
        border-color: #48d27c;
        text-decoration: none
    }

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):active, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):active {
        color: #333;
        background-color: #3f7b56;
        border-color: #3ecf74;
        text-decoration: none
    }

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):hover, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):hover {
        background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
        background: linear-gradient(180deg,#55a573,#228865);
        border-color: #55a573 !important
    }

        #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):hover span, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):hover span {
            color: #fff !important
        }

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):active, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):active {
        background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
        background: linear-gradient(180deg,#55a573,#228865);
        border-color: #55a573 !important
    }

        #ccc #cc-panel .ccc-notify-button.ccc-accept-button:not(.disabled):active span, #ccc #cc-panel .ccc-notify-button.ccc-close-button:not(.disabled):active span {
            color: #fff !important
        }

    #ccc #cc-panel .ccc-notify-button.ccc-accept-button span, #ccc #cc-panel .ccc-notify-button.ccc-close-button span {
        background-color: transparent !important;
        color: #333 !important
    }

@media (min-width:720px) {
    #ccc #ccc-notify:not(.ccc-banner)[role=region] {
        max-height: 600px;
        max-width: 65rem;
        top: 50%;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important;
        -webkit-animation: none !important;
        animation: none !important;
        border-radius: .3rem;
        z-index: 1;
        padding: 2.5rem 2rem;
        opacity: 1;
        display: block
    }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] #ccc-notify-dismiss {
            display: none
        }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] .ccc-accept-button {
            font-weight: 700
        }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] .ccc-notify-button.ccc-link:not(.ccc-accept-button) {
            border: none;
            color: #000;
            text-decoration: underline;
            padding: 0 !important;
            margin-top: 1rem;
            font-size: 1.4rem;
            font-weight: 600
        }

            #ccc #ccc-notify:not(.ccc-banner)[role=region] .ccc-notify-button.ccc-link:not(.ccc-accept-button) span {
                color: #000
            }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] p {
            text-align: center;
            margin-bottom: 1em;
            font-size: 1.3rem
        }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] h3 {
            text-align: center;
            font-size: 2.8rem !important;
            margin-bottom: 1rem
        }

        #ccc #ccc-notify:not(.ccc-banner)[role=region] .ccc-notify-buttons {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 30rem;
            margin: 2rem auto 0
        }

    #ccc[popupActive]:not([closed]) #ccc-overlay {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    #ccc #ccc-notify.ccc-banner[role=region] {
        background-color: #333 !important;
        fill: #fff !important;
        display: block
    }

        #ccc #ccc-notify.ccc-banner[role=region] h3, #ccc #ccc-notify.ccc-banner[role=region] p {
            color: #fff !important;
            margin-bottom: 1em
        }

        #ccc #ccc-notify.ccc-banner[role=region] .ccc-accept-button {
            font-weight: 700
        }

        #ccc #ccc-notify.ccc-banner[role=region] .ccc-notify-button.ccc-link:not(.ccc-accept-button) {
            border: none;
            text-decoration: underline;
            padding: 0 !important;
            margin-top: 2rem;
            margin-left: 2rem
        }

        #ccc #ccc-notify.ccc-banner[role=region] #ccc-notify-dismiss {
            display: none
        }
}

@media (max-width:719px) {
    #ccc #ccc-notify[role=region] {
        background-color: #333 !important;
        fill: #fff !important;
        display: block
    }

        #ccc #ccc-notify[role=region] .ccc-notify-text {
            margin-right: 1rem
        }

        #ccc #ccc-notify[role=region] h3, #ccc #ccc-notify[role=region] p {
            color: #fff !important;
            margin-bottom: 1em
        }

        #ccc #ccc-notify[role=region] #ccc-notify-dismiss {
            display: none
        }
}

.c-header {
    background-color: #7d3cff;
    position: relative;
    z-index: 10
}

.c-header__stickyHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11
}

@media (-ms-high-contrast:none) {
    .c-header__stickyHeader {
        position: fixed;
        width: 100%
    }
}

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

    .c-header__logo picture {
        margin-top: auto
    }

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .c-header__logo picture {
        margin-top: 1rem
    }
}

.c-header__logo picture img {
    display: block;
    height: .78rem;
    margin-bottom: 0
}

@media (min-width:720px) and (max-width:964px) {
    .c-header__logo picture img {
        height: 1.1rem
    }
}

@media (min-width:965px) {
    .c-header__logo picture img {
        height: 2.33rem
    }
}

@media (max-width:964px) {
    .c-header__logo picture .logo__desktop {
        display: none
    }
}

@media (min-width:965px) {
    .c-header__logo picture .logo__mobile {
        display: none
    }
}

.c-header__logo:focus, .c-header__logo:hover {
    text-decoration: none
}

@media (max-width:964px) {
    .c-header__logo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .c-header__logo picture {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }
}

.c-header .logo__siteBrand {
    width: 10rem
}

@media (min-width:965px) and (max-width:1200px -1px) {
    .c-header .logo__siteBrand {
        width: 14.798rem
    }
}

@media (min-width:965px) {
    .c-header .logo__siteBrand {
        margin-right: .8rem;
        height: 3.2rem;
        width: 14.802rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-header__logo img {
        display: block
    }

    .c-header__logo .logo__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-header__logo .logo__siteBrand {
        max-height: 30.65px;
        width: 14.188rem;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-bottom: .461rem
    }
}

.c-header__top {
    max-height: 100px;
    min-height: 60px;
}

@media (max-width:719px) {
    .c-header__top {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .c-header__top-nav a.search-toggle.c-header__search-icon {
        height: 100%;
        width: 4.8rem !important
    }

    .c-header__top-nav a.o-btn--link {
        width: 4.8rem
    }
}

.c-header__top img, .c-header__top object {
    margin: 0 0 .324rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (min-width:720px) {
    .c-header__top img, .c-header__top object {
        margin: auto 0
    }
}

.c-header .o-container, .c-header .o-grid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:576px) {
    .c-header .o-container, .c-header .o-grid {
        padding: 0 3rem
    }
}

.c-header__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:720px) {
    .c-header__main {
        padding: 2.5rem 0
    }
}

.c-header__main-nav-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5rem;
    height: 4rem;
    background-color: #7d3cff;
    display: flex;
    right: 0;
    z-index: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:720px) {
    .c-header__main-nav-control {
        top: 0;
        height: 5rem;
        margin-left: 1.5rem
    }
}

.c-header__main-nav-control:after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 7.5px);
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-top: .5rem solid #7d3cff;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.c-header__main-nav-control.open .burger span {
    opacity: 0
}

.c-header__main-nav-control.open .burger:after, .c-header__main-nav-control.open .burger:before {
    top: 40%
}

.c-header__main-nav-control.open .burger:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5)
}

.c-header__main-nav-control.open .burger:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5)
}

.c-header__main-nav-control.open:after {
    opacity: 1
}

.c-header__main-nav-control .burger {
    width: 2.6rem;
    height: 2.2rem;
    margin: auto;
    cursor: pointer;
    position: relative
}

    .c-header__main-nav-control .burger:focus {
        outline: none
    }

    .c-header__main-nav-control .burger:after, .c-header__main-nav-control .burger:before, .c-header__main-nav-control .burger span {
        width: 100%;
        height: .2rem;
        display: block;
        background: #fff;
        border-radius: .2rem;
        position: absolute;
        opacity: 1
    }

    .c-header__main-nav-control .burger:after, .c-header__main-nav-control .burger:before {
        -webkit-transition: top .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1);
        transition: top .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1);
        transition: top .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1);
        transition: top .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1),opacity .35s cubic-bezier(.23,1,.32,1),background-color 1.15s cubic-bezier(.86,0,.07,1),-webkit-transform .35s cubic-bezier(.23,1,.32,1);
        content: ""
    }

    .c-header__main-nav-control .burger:before {
        top: 0
    }

    .c-header__main-nav-control .burger span {
        top: 10px
    }

    .c-header__main-nav-control .burger:after {
        top: 20px
    }

.c-header__secondary {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    width: 100%
}

.c-header__secondary, .c-header__top-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .c-header__top-right .gi-icon-search {
        line-height: 1.4rem
    }

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .c-header__top-right .gi-icon-search:before {
        top: 9px !important
    }
}

.c-header__top-right .gi-icon-account {
    line-height: 1.4rem
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    .c-header__top-right .gi-icon-account:before {
        top: 9px !important
    }
}

@media (max-width:720px) {
    .c-header__top-right {
        margin-right: -1.5rem
    }
}

.c-header__top-right .main-nav__toggle {
    position: relative;
    top: 0;
    height: 5.3rem
}

@media (max-width:720px) {
    .c-header__top-right .main-nav__toggle {
        font-size: 3rem
    }
}

.c-header__bottom {
    padding: 0;
    z-index: 1;
    position: relative;
    font-family: silka,Arial,sans-serif;
    font-size: 1.5rem
}

@media (max-width:964px) {
    .c-header__bottom {
        padding: 0
    }
}

.c-header__top-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .c-header__top-nav .o-btn {
        line-height: 1.4rem !important;
        min-width: 5rem;
        font-family: Arial;
        padding-left: 1.1rem;
        padding-right: 1.1rem
    }

@media (max-width:719px) {
    .c-header__top-nav .o-btn {
        padding: 0
    }
}

@media (min-width:720px) {
    .c-header__top-nav .o-btn {
        min-width: auto;
        min-height: 50px;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 1rem
    }
}

.c-header__top-nav .o-btn:last-child {
    margin-right: 0
}

.c-header__top-nav .o-btn span:not(.strong) {
    font-weight: 400;
    font-size: 1.4rem
}

.c-header__top-nav .o-btn:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    font-size: 2.5rem;
    line-height: 2.5rem
}

@media (min-width:720px) {
    .c-header__top-nav .o-btn:before {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
}

.c-header__top-nav .o-btn .o-icon-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .c-header__top-nav .o-btn .o-icon-phone:before {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

.c-header__top-nav .o-btn--secondary-outline {
    color: #fff
}

@media (max-width:719px) {
    .c-header__top-nav .o-btn--secondary-outline {
        border: none
    }

        .c-header__top-nav .o-btn--secondary-outline.o-btn.gi-icon-btn {
            padding-right: 0
        }

            .c-header__top-nav .o-btn--secondary-outline.o-btn.gi-icon-btn:before {
                position: relative;
                right: 0
            }
}

@media (max-width:575px) {
    .c-header__top-nav .o-btn--secondary-outline:focus, .c-header__top-nav .o-btn--secondary-outline:hover {
        background-color: transparent !important;
        color: #fff !important
    }
}

@media (max-width:719px) {
    .c-header__top-nav .o-btn--secondary {
        border: none;
        background: none;
        color: #fff;
        padding-right: 0
    }
}

.c-header__top-nav .o-btn--secondary-outline:focus, .c-header__top-nav .o-btn--secondary-outline:hover, .c-header__top-nav .o-btn--secondary:focus, .c-header__top-nav .o-btn--secondary:hover {
    text-decoration: none
}

.c-header__bottom-nav {
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.5rem;
    margin: 0;
    padding: 0
}

    .c-header__bottom-nav, .c-header__bottom-nav li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .c-header__bottom-nav li {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c-header__bottom-nav a {
            color: #fff;
            display: inline-block;
            line-height: 2rem;
            padding: .8rem .75rem;
            border-radius: .5rem;
            border: 2px solid transparent;
            text-decoration: none
        }

            .c-header__bottom-nav a:focus, .c-header__bottom-nav a:hover {
                text-decoration: underline
            }

.c-header__search {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.c-header__search-wrapper {
    background-color: #7d3cff;
    z-index: 2;
    padding: 1rem;
    position: absolute;
    width: 100%
}

@media (min-width:965px) {
    .c-header__search-wrapper {
        padding: 3rem
    }
}

.c-header__search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-header__search:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .7
}

.c-header__search-close {
    color: #fff;
    font-size: 2.4rem;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    height: 2.4rem;
    margin: auto 0
}

    .c-header__search-close:focus, .c-header__search-close:hover {
        text-decoration: none;
        color: #71dc99
    }

.c-header__search .o-form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 2.5rem;
    border: 1px solid #fff;
    padding: 0;
    margin-bottom: 0;
    margin-right: 1.9rem;
    width: 25rem
}

@media (min-width:575px) and (max-width:719px) {
    .c-header__search .o-form-group {
        width: 33.2rem
    }
}

@media (min-width:720px) {
    .c-header__search .o-form-group {
        width: 42.5rem
    }
}

.c-header__search .o-form-group .o-input {
    background-color: transparent;
    outline: none;
    border: none;
    color: #c1abee;
    height: 3.8rem
}

    .c-header__search .o-form-group .o-input::-webkit-input-placeholder {
        font-size: 1.5rem;
        font-weight: 400;
        font-style: normal;
        font-family: Arial,sans-serif
    }

.c-header__search .o-form-group .o-btn {
    min-width: auto;
    font-size: 1.4rem;
    font-family: Arial,sans-serif;
    font-weight: 400;
    min-height: 38px;
    width: 3.8rem;
    padding: 0
}

@media (min-width:576px) {
    .c-header__search .o-form-group .o-btn {
        min-height: 25px;
        width: auto;
        padding: 0 2rem
    }
}

.c-header__search .o-form-group .o-btn:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    font-size: 2.2rem;
    color: #fff;
    position: static
}

@media (min-width:576px) {
    .c-header__search .o-form-group .o-btn:before {
        display: none
    }
}

@media (max-width:575px) {
    .c-header__search .o-form-group .o-btn span {
        display: none
    }
}

.c-nav {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-nav a.mega-menu-back-link {
        padding-left: 1.5rem !important
    }

.c-nav__mega {
    display: none;
    background-color: #3d0061;
    height: 40rem;
    position: absolute;
    width: 100%;
    top: 100%;
    max-width: 117rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
    min-height: 400px;
    padding: 3rem
}

.c-nav__mega--container {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

    .c-nav__mega--container .item {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr auto;
        grid-template-rows: 1fr auto;
        margin-bottom: 1rem;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .c-nav__mega--container .item ul {
            color: #fff;
            margin-top: 2rem
        }

            .c-nav__mega--container .item ul a.mega-nav-header-link {
                font-weight: 700 !important;
                padding-left: 0 !important
            }

                .c-nav__mega--container .item ul a.mega-nav-header-link:hover {
                    text-decoration: underline !important
                }

            .c-nav__mega--container .item ul a.mega-nav-link {
                padding-left: 0 !important
            }

                .c-nav__mega--container .item ul a.mega-nav-link:hover {
                    text-decoration: underline !important
                }

.c-nav__mega .current-link {
    color: #71dc99;
    font-weight: 700;
    font-size: 1.5rem;
    text-decoration: none
}

    .c-nav__mega .current-link:hover {
        text-decoration: underline
    }

@media (min-width:965px) {
    .c-nav {
        min-height: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-nav .mega-active {
            display: block
        }
}

@media (max-width:719px) {
    .c-nav {
        height: 6rem
    }
}

@media (max-width:964px) {
    .c-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 100;
        height: calc(100vh - 6rem);
        margin-left: 0;
        overflow-y: auto
    }

        .c-nav, .c-nav > li:not(.c-nav__global-link) {
            background: #7d3cff
        }

            .c-nav li {
                border-top: .1rem solid #fff;
                position: relative;
                max-height: 60px
            }

                .c-nav li:last-of-type {
                    border-bottom: .1rem solid #fff
                }

            .c-nav .c-nav__link--sub-panel {
                background-color: #3d0061;
                z-index: 99;
                overflow-x: hidden;
                overflow-y: scroll;
                top: 0;
                right: 0;
                width: 100%;
                z-index: 1;
                height: 100%;
                position: fixed;
                -webkit-transform: translate(100%);
                transform: translate(100%);
                -webkit-transition: -webkit-transform .25s ease-in;
                transition: -webkit-transform .25s ease-in;
                transition: transform .25s ease-in;
                transition: transform .25s ease-in,-webkit-transform .25s ease-in
            }

            .c-nav .sub-active {
                position: unset
            }

                .c-nav .sub-active .c-nav__subNav-toggle {
                    top: 1px
                }

                .c-nav .sub-active .c-nav__link--sub-panel.subpanel-active {
                    -webkit-transform: translate(0);
                    transform: translate(0);
                    -webkit-transition: -webkit-transform .25s ease-out;
                    transition: -webkit-transform .25s ease-out;
                    transition: transform .25s ease-out;
                    transition: transform .25s ease-out,-webkit-transform .25s ease-out
                }

                .c-nav .sub-active .c-nav__subNav {
                    display: block
                }

                    .c-nav .sub-active .c-nav__subNav li {
                        background-color: #3d0061
                    }

                        .c-nav .sub-active .c-nav__subNav li.header {
                            background-color: #7d3cff;
                            padding-left: 5.5rem
                        }
}

.c-nav__link {
    display: block
}

@media (min-width:965px) {
    .c-nav__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 2rem .5rem 0
    }

        .c-nav__link a {
            position: relative
        }
}

@media (max-width:964px) {
    .c-nav__link {
        width: 100%;
        position: relative;
        border-bottom: .1rem solid #737373
    }
}

@media (min-width:965px) {
    .c-nav__link.active a:not(.current-link):not(.mega-nav-link):not(.mega-nav-header-link):after, .c-nav__link a:hover:not(.current-link):not(.mega-nav-link):not(.mega-nav-header-link):after {
        background-color: #71dc99;
        content: "";
        height: .5rem;
        position: absolute;
        top: calc(100% - 5px);
        left: 0;
        width: 100%
    }
}

.c-nav__link a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header):not(.current-link) {
    color: inherit;
    height: 100%;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: -.5px;
    position: relative;
    line-height: 2rem;
    padding: .75rem 1.5rem;
    vertical-align: middle;
    border-radius: .5rem;
    background-clip: padding-box;
    border: .2rem solid transparent
}

@media (max-width:964px) {
    .c-nav__link a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header):not(.current-link) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        color: #fff;
        line-height: 5.4rem;
        height: 6rem;
        border: 0
    }
}

@media (min-width:576px) {
    .c-nav__link a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header):not(.current-link) {
        padding-left: 3rem
    }
}

@media (min-width:965px) {
    .c-nav__link a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header):not(.current-link) {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:719px) {
    .c-nav__link.active > a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header) {
        position: relative
    }

        .c-nav__link.active > a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header):before {
            content: "";
            background: #7d3cff;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: .5rem
        }
}

.c-nav__global-link {
    border-bottom: none
}

@media (min-width:965px) {
    .c-nav__global-link {
        display: none
    }
}

.c-nav__global-link a:not(.c-nav__subNav-toggle):not(.c-nav__subSubNav-toggle):not(.c-nav__subSubNav-header) {
    font-size: 1.4rem;
    height: 5rem
}

.c-nav__pointer {
    border-color: transparent transparent #333;
    border-style: solid;
    border-width: 0 1.1rem .8rem;
    bottom: -.5rem;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    bottom: -7px
}

@media (max-width:719px) {
    .c-nav__pointer {
        display: none
    }
}

.c-nav__subSubNav-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    background: #6b38d0;
    width: 5rem;
    height: 5.8rem;
    top: 0;
    left: 0
}

    .c-nav__subSubNav-header:before {
        content: "";
        width: 1.6rem;
        height: 2.9rem;
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background-image: url("../Images/Icons/sub-nav-toggle-open-left.png")
    }

@media (min-width:965px) {
    .c-nav__subSubNav-header {
        display: none
    }
}

.c-nav__subSubNav-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    background: #51226c;
    width: 5rem;
    height: 5.8rem;
    right: 0;
    top: 0
}

    .c-nav__subSubNav-toggle:before {
        content: "";
        width: 1.6rem;
        height: 2.9rem;
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background-image: url("../Images/Icons/sub-nav-toggle-open-right.png")
    }

@media (min-width:965px) {
    .c-nav__subSubNav-toggle {
        display: none
    }
}

.c-nav__subNav-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    background: #6b38d0;
    width: 5rem;
    height: 5.8rem;
    right: 0;
    top: 0
}

    .c-nav__subNav-toggle:before {
        content: "";
        width: 1.6rem;
        height: 2.9rem;
        -webkit-transform: scale(.6);
        transform: scale(.6);
        background-image: url("../Images/Icons/sub-nav-toggle-open-right.png")
    }

    .c-nav__subNav-toggle.open:before {
        background-image: url("../Images/Icons/sub-nav-toggle-close.png")
    }

@media (min-width:965px) {
    .c-nav__subNav-toggle {
        display: none
    }
}

.c-nav__subNav {
    display: none;
    background-color: #333;
    position: relative;
    z-index: 0;
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width:719px) {
    .c-nav__subNav:before {
        content: "";
        position: absolute;
        background: #333;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }
}

.c-nav__subNav:before {
    content: "";
    position: absolute;
    background: #333;
    z-index: -1;
    height: 100%;
    left: -100%;
    top: 0
}

@media (max-width:719px) {
    .c-nav__subNav li.active > a {
        position: relative
    }

        .c-nav__subNav li.active > a:before {
            content: "";
            background: #7d3cff;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: .5rem
        }
}

.c-page-subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media (max-width:964px) {
    .c-page-subnav {
        display: none
    }
}

.c-page-subnav__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.15rem 1.5rem 0 0
}

    .c-page-subnav__link a {
        text-decoration: none;
        color: inherit;
        font-family: silka,Arial,sans-serif;
        font-size: 1.5rem;
        position: relative;
        line-height: 2rem;
        word-spacing: -.5px;
        padding-bottom: .75rem
    }

@media (min-width:965px) {
    .c-page-subnav__link.active a:not(.current-link):not(.mega-nav-link):not(.mega-nav-header-link):after, .c-page-subnav__link a:hover:not(.current-link):not(.mega-nav-link):not(.mega-nav-header-link):after {
        background-color: #71dc99;
        content: "";
        height: .5rem;
        position: absolute;
        top: calc(100% - 5px);
        left: 0;
        width: 100%
    }
}

.c-header__main-nav, .c-header__page-nav {
    width: 100%
}

.c-header__page-nav {
    min-height: 60px;
    padding: 1.05rem 0
}

@media (max-width:964px) {
    .c-header__page-nav {
        display: none
    }
}

.c-header__main-nav.open {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

@media (max-width:719px) {
    .c-header__main-nav {
        top: 60px
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-header__main-nav {
        top: 100px
    }
}

@media (max-width:964px) {
    .c-header__main-nav {
        right: 0;
        width: 100%;
        z-index: 1;
/*        -webkit-box-shadow: -3px 3px .2rem 2px rgba(0,0,0,.24);
        box-shadow: -3px 3px .2rem 2px rgba(0,0,0,.24);*/
        height: 100%;
        position: fixed;
        -webkit-transform: translate(100%);
        transform: translate(100%);
        -webkit-transition: -webkit-transform .25s ease-in;
        transition: -webkit-transform .25s ease-in;
        transition: transform .25s ease-in;
        transition: transform .25s ease-in,-webkit-transform .25s ease-in
    }
}

@media (min-width:965px) {
    .c-header__main-nav {
        min-height: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-stickywidget {
    width: 5rem;
    position: fixed;
    z-index: 2;
    top: 50%;
    right: 0
}

.c-stickywidget--1 {
    margin-top: -2.5rem;
    height: 5rem
}

.c-stickywidget--2 {
    margin-top: -5.25rem;
    height: 10.5rem
}

.c-stickywidget--3 {
    margin-top: -8rem;
    height: 16rem
}

.c-stickywidget--4 {
    margin-top: -10.75rem;
    height: 21.5rem
}

.c-stickywidget__item {
    width: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: max-height .3s ease-in;
    transition: max-height .3s ease-in;
    max-height: 50px
}

    .c-stickywidget__item:not(:last-child) {
        margin-bottom: .5rem
    }

.c-stickywidget__content {
    width: 28rem;
    -webkit-flex: 0 0 280px;
    -ms-flex: 0 0 280px;
    flex: 0 0 28rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    left: 0;
    background-color: #333;
    overflow: hidden;
    border-radius: .5rem 0 0 .5rem;
    -webkit-transition: left .3s cubic-bezier(.65,0,.35,1);
    transition: left .3s cubic-bezier(.65,0,.35,1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px 2px rgba(0,0,0,.2)
}

.c-stickywidget__content, .c-stickywidget__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0
}

.c-stickywidget__icon {
    height: 5rem;
    width: 5rem;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .3s;
    transition: background .3s
}

.c-stickywidget__icon--tab {
    border-radius: .5rem 0 0 .5rem;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    left: 0;
    -webkit-transition: left .3s cubic-bezier(.65,0,.35,1);
    transition: left .3s cubic-bezier(.65,0,.35,1)
}

.c-stickywidget__icon--b1000e {
    background: #86609c
}

    .c-stickywidget__icon--b1000e:hover {
        background: #9e7fb0
    }

.c-stickywidget__icon--009f83 {
    background: #55a573
}

    .c-stickywidget__icon--009f83:hover {
        background: #75b88e
    }

.c-stickywidget__icon--333333:hover {
    background: #4d4d4d
}

.c-stickywidget__icon--close-icon {
    background: #828282;
    cursor: pointer
}

    .c-stickywidget__icon--close-icon:hover {
        background: #9c9c9c
    }

    .c-stickywidget__icon--close-icon .c-stickywidget__icon-glyph {
        font-size: 2.2rem;
        margin: .4rem 0 0 .2rem
    }

.c-stickywidget__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #86609c;
    width: 100%;
    margin-bottom: 0
}

.c-stickywidget__title--b1000e {
    background: #86609c
}

.c-stickywidget__title--009f83 {
    background: #55a573
}

.c-stickywidget__title-text {
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1.65rem;
    line-height: 2.4rem;
    font-weight: 600
}

.c-stickywidget__radio {
    display: none
}

    .c-stickywidget__radio:checked + .c-stickywidget__item {
        max-height: 240px
    }

        .c-stickywidget__radio:checked + .c-stickywidget__item .c-stickywidget__icon--tab {
            left: 0
        }

        .c-stickywidget__radio:checked + .c-stickywidget__item .c-stickywidget__content {
            left: -280px
        }

.c-stickywidget__radio--close:checked ~ .c-stickywidget__item .c-stickywidget__icon--tab {
    left: 0;
    -webkit-transition: left .3s cubic-bezier(.65,0,.35,1) .3s;
    transition: left .3s cubic-bezier(.65,0,.35,1) .3s
}

.c-stickywidget__radio--close:checked ~ .c-stickywidget__item .c-stickywidget__content {
    -webkit-transition: left .3s cubic-bezier(.65,0,.35,1);
    transition: left .3s cubic-bezier(.65,0,.35,1)
}

.c-stickywidget__text {
    margin: 1.2rem 2rem 3.8rem;
    color: #fff
}

    .c-stickywidget__text, .c-stickywidget__text p {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

        .c-stickywidget__text p:last-child {
            margin-bottom: 0
        }

        .c-stickywidget__text P.blue.size17, .c-stickywidget__text P.blue.size17 a {
            color: #00b3e6;
            font-size: 1.7rem;
            text-decoration: none
        }

            .c-stickywidget__text P.blue.size17 a:hover, .c-stickywidget__text P.blue.size17:hover {
                text-decoration: none
            }

.c-stickywidget__icon-image {
    height: 5rem;
    width: 5rem;
    display: inline-block;
    background-image: url("/_res/dist/img/css-images/sticky-icons.png")
}

.c-stickywidget__icon-image--call {
    background-position: 0 0
}

.c-stickywidget__icon-image--email {
    background-position: 0 -50px
}

.c-stickywidget__icon-image--chat {
    background-position: 0 -100px
}

.c-stickywidget__icon-image--chevron {
    background-position: 0 -150px
}

.c-stickywidget__icon--71dc99 .c-stickywidget__icon-image--call, .c-stickywidget__title--71dc99 .c-stickywidget__icon-image--call {
    background-position: 50px 0
}

.c-stickywidget__icon--71dc99 .c-stickywidget__icon-image--email, .c-stickywidget__title--71dc99 .c-stickywidget__icon-image--email {
    background-position: 50px -50px
}

.c-stickywidget__icon--71dc99 .c-stickywidget__icon-image--chat, .c-stickywidget__title--71dc99 .c-stickywidget__icon-image--chat {
    background-position: 50px -100px
}

.c-stickywidget__icon--71dc99 .c-stickywidget__icon-image--chevron, .c-stickywidget__title--71dc99 .c-stickywidget__icon-image--chevron {
    background-position: 50px -150px
}

.c-stickywidget {
    z-index: 12
}

.c-stickywidget__title {
    border-radius-topleft: .5rem 0 0 .5rem
}

.c-stickywidget__title--71dc99 {
    background: #71dc99
}

    .c-stickywidget__title--71dc99:hover {
        background: #48d27c
    }

    .c-stickywidget__title--71dc99 .c-stickywidget__icon, .c-stickywidget__title--71dc99 .c-stickywidget__title-text {
        color: #333
    }

.c-stickywidget__title--3d0061 {
    background: #3d0061
}

    .c-stickywidget__title--3d0061:hover {
        background: #1d002e
    }

.c-stickywidget__title--333333 {
    background: #333
}

    .c-stickywidget__title--333333:hover {
        background: #1a1a1a
    }

.c-stickywidget__title-text {
    font-size: 1.7rem
}

.c-stickywidget__text {
    margin: 1.2rem 2rem 2.8rem
}

    .c-stickywidget__text, .c-stickywidget__text p {
        font-size: 1.3rem
    }

.c-stickywidget__content {
    left: 2px
}

.c-stickywidget__icon-image {
    background-image: url("/_res/dist/img/css-images/sticky-icons-ps.png?1")
}

.c-stickywidget__icon--tab {
    border-radius: 2.5rem 0 0 2.5rem
}

.c-stickywidget__icon--71dc99 {
    background: #71dc99
}

    .c-stickywidget__icon--71dc99:hover {
        background: #48d27c
    }

.c-stickywidget__icon--3d0061 {
    background: #3d0061
}

    .c-stickywidget__icon--3d0061:hover {
        background: #1d002e
    }

.c-stickywidget__icon--333333 {
    background: #333
}

    .c-stickywidget__icon--333333:hover {
        background: #1a1a1a
    }

.c-footer {
    background-color: #7d3cff;
    color: #fff;
    padding: 1.8rem .1rem 2.4rem
}

@media (min-width:576px) {
    .c-footer {
        padding: 2.5rem 1rem
    }
}

@media (min-width:1200px) {
    .c-footer {
        padding: 3rem 1.1rem 4rem
    }
}

.c-footer p {
    font-size: 1.2rem;
    line-height: 1.6rem
}

@media (min-width:1200px) {
    .c-footer .o-container, .c-footer .o-grid {
        padding: 0 3rem
    }
}

.c-footer .o-row {
    margin: 0
}

.c-footer .o-row--first {
    margin-bottom: 3rem
}

@media (min-width:576px) {
    .c-footer .o-row--first {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:720px) {
    .c-footer .o-row--first {
        margin-bottom: 3.2rem
    }
}

@media (min-width:965px) {
    .c-footer .o-row--first {
        margin-bottom: 2.8rem
    }
}

@media (min-width:1200px) {
    .c-footer .o-row--first {
        margin-bottom: 1.6rem
    }
}

.c-footer__logo {
    margin-bottom: 2.6rem;
    text-align: right
}

@media (min-width:576px) {
    .c-footer__logo {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .c-footer__logo {
        margin-top: -.5rem
    }
}

.c-footer__logo img {
    margin-right: -1.5rem;
    width: 13rem
}

@media (min-width:576px) {
    .c-footer__logo img {
        width: 15.1rem
    }
}

.c-footer .c-footer__logos {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:576px) {
    .c-footer .c-footer__logos {
        margin-bottom: .8rem
    }
}

.c-footer .c-footer__logos picture {
    margin: 0 .5rem 2.1rem
}

    .c-footer .c-footer__logos picture img {
        max-height: 87px;
        display: inline-block;
        width: 100%;
        max-width: 100%
    }

    .c-footer .c-footer__logos picture:nth-of-type(1n+7) {
        display: none
    }

.c-footer .c-footer__nav {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 100%;
    margin-bottom: 2.3rem
}

@media (min-width:576px) {
    .c-footer .c-footer__nav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin-bottom: 2.4rem
    }
}

@media (min-width:720px) {
    .c-footer .c-footer__nav {
        margin-bottom: 2.5rem
    }
}

@media (min-width:965px) {
    .c-footer .c-footer__nav {
        margin-bottom: 2.7rem
    }
}

@media (min-width:1200px) {
    .c-footer .c-footer__nav {
        margin-bottom: 1.5rem
    }
}

.c-footer .c-footer__nav a {
    color: #fff;
    text-decoration: none;
    font-size: 1.3rem;
    line-height: 2.4rem;
    display: block;
    width: 50%
}

    .c-footer .c-footer__nav a:hover {
        text-decoration: underline
    }

@media (min-width:576px) {
    .c-footer .c-footer__nav a {
        width: auto;
        display: inline-block
    }

        .c-footer .c-footer__nav a:not(:last-child) {
            padding-right: 2.6rem
        }
}

.c-footer hr {
    border: 0;
    border-top: .1rem solid #fff;
    width: 100%;
    margin: 0 0 1.9rem
}

@media (min-width:576px) {
    .c-footer hr {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin-bottom: 3.1rem
    }
}

.c-footer .c-footer__content {
    width: 100%
}

    .c-footer .c-footer__content p:last-of-type {
        margin-bottom: 0
    }

.c-footer p a {
    color: #fff
}

    .c-footer p a:hover {
        text-decoration: underline
    }

.c-footer .c-footer__copyright {
    width: 100%;
    margin-bottom: 3.5rem
}

@media (min-width:576px) {
    .c-footer .c-footer__copyright {
        margin-bottom: 2.2rem
    }
}

.c-footer .c-footer__copyright p:last-of-type, .c-footer .c-social-icons {
    margin-bottom: 0
}

@media (min-width:576px) {
    .c-footer .c-social-icons {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0
    }
}

.c-footer .c-social-icons img, .c-footer .c-social-icons picture {
    display: block;
    height: 3.5rem;
    width: 3.5rem
}

.c-footer__back-to-top {
    height: 3.5rem;
    width: 11rem;
    border-radius: 1rem 1rem 0 0;
    background-color: #3d0061;
    -webkit-box-shadow: inset 0 -4px 2px 0 rgba(51,51,51,.4);
    box-shadow: inset 0 -4px 2px 0 rgba(51,51,51,.4);
    bottom: calc(100% + 24px);
    position: absolute;
    right: 0;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

@media (min-width:720px) {
    .c-footer__back-to-top {
        bottom: 0;
        right: 30px
    }
}

.c-footer__back-to-top:focus, .c-footer__back-to-top:hover {
    text-decoration: none;
    background-color: #1d002e
}

.c-share-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1rem
}

@media (min-width:320px) and (max-width:575px) {
    .c-share-icons {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .c-share-icons ul {
            margin-left: 5.3rem
        }
}

.c-share-icons ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-share-icons_item {
    display: inline-block;
    margin: 0 .75rem;
    height: 3.5rem;
    width: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .c-share-icons_item span {
        font-size: 2rem
    }

        .c-share-icons_item span:before {
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 2rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

.c-share-icons_item--twitter span:before {
    background-color: #1da1f2;
    color: #fff;
    font-size: 2rem
}

.c-share-icons_item--facebook {
    vertical-align: bottom
}

    .c-share-icons_item--facebook a {
        vertical-align: text-top
    }

        .c-share-icons_item--facebook a span:not(.sr-only) {
            background-color: #3b5998;
            color: #fff;
            padding: 1.75rem;
            border-radius: 2rem;
            position: relative
        }

            .c-share-icons_item--facebook a span:not(.sr-only):before {
                position: absolute;
                bottom: -22px;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                font-size: 2.6rem;
                padding: .45rem .938rem
            }

.c-share-icons_item--linkedin {
    vertical-align: bottom;
    margin-right: 0
}

    .c-share-icons_item--linkedin span:before {
        background-color: #007bb5;
        color: #fff;
        font-size: 2rem
    }

.c-share-icons_item--email {
    margin-left: 1.5rem;
    margin-right: 0
}

    .c-share-icons_item--email a span {
        vertical-align: top
    }

        .c-share-icons_item--email a span:before {
            color: #828282;
            font-size: 3.3rem
        }

.c-share-icons_item a:focus, .c-share-icons_item a:hover {
    text-decoration: none;
    outline: none
}

    .c-share-icons_item a:focus span, .c-share-icons_item a:hover span {
        opacity: .8
    }

.c-share-icons_item--email a {
    vertical-align: sub
}

    .c-share-icons_item--email a span {
        vertical-align: initial
    }

        .c-share-icons_item--email a span:before {
            background-color: #826ca0;
            color: #fff;
            font-size: 2rem;
            padding: .75rem
        }

.c-social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:964px) {
    .c-social-icons {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 1.5rem
    }
}

.c-social-icons img {
    width: 3.5rem;
    height: 3.5rem
}

.c-social-icons a {
    margin-right: 4.5rem;
    position: relative
}

@media (min-width:576px) {
    .c-social-icons a {
        margin-right: 2rem
    }
}

.c-social-icons a:last-child {
    margin-right: 0
}

.c-social-icons a:focus:after, .c-social-icons a:hover:after {
    background-color: hsla(0,0%,100%,.3);
    border-radius: 50%;
    content: "";
    height: 3.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 3.5rem
}

.c-contact-box {
    height: 100%;
    overflow: inherit !important
}

@media (max-width:719px) {
    .c-contact-box {
        padding: 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-contact-box--slide-on {
    cursor: pointer
}

.c-contact-box.active, .c-contact-box.o-btn.active:focus, .c-contact-box.o-btn.active:hover {
    height: 110%;
    background: #71dc99 !important;
    background-color: #71dc99 !important;
    border-color: #71dc99 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

@media (min-width:720px) {
    .c-contact-box.active, .c-contact-box.o-btn.active:focus, .c-contact-box.o-btn.active:hover {
        border-top-left-radius: 3rem !important;
        border-top-right-radius: 3rem !important
    }
}

.c-contact-box.active .icon-call svg g, .c-contact-box.o-btn.active:focus .icon-call svg g, .c-contact-box.o-btn.active:hover .icon-call svg g {
    fill: #000
}

.c-contact-box.active .c-contact-box__icon.gi-icon-arrow-down:before, .c-contact-box.o-btn.active:focus .c-contact-box__icon.gi-icon-arrow-down:before, .c-contact-box.o-btn.active:hover .c-contact-box__icon.gi-icon-arrow-down:before {
    content: "\f111"
}

.c-contact-box-container {
    padding: 0 !important;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    color: #1a1a1a;
    height: 100%;
    margin: 0 .05rem;
    position: relative
}

@media (max-width:719px) {
    .c-contact-box-container {
        width: 5rem;
        height: 6rem;
        margin-right: 1rem;
        text-decoration: none;
        position: static
    }
}

.c-contact-box-container .InfinityNumber {
    color: #1a1a1a;
    font-weight: 600
}

@media (max-width:719px) {
    .c-contact-box-container .o-btn--secondary {
        position: static
    }
}

.c-contact-box-container .o-btn--secondary:not(.disabled):hover {
    color: #1a1a1a !important
}

@media (max-width:719px) {
    .c-contact-box-container .o-btn--secondary:not(.disabled):hover {
        background: transparent
    }
}

.c-contact-box-container .icon-call svg {
    width: 2.5rem;
    height: 2.5rem
}

    .c-contact-box-container .icon-call svg g {
        fill: #fff
    }

.c-contact-box__inner {
    padding: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #71dc99;
    position: absolute;
    right: -4px;
    top: 36px;
    margin-top: 1.5rem;
    z-index: 9999;
    border-radius: 1rem 0 1rem 1rem;
    width: 28rem
}

.c-contact-box__inner__content p, .c-contact-box__inner__content span {
    font-size: 1.4rem !important
}

@media (max-width:719px) {
    .c-contact-box__inner__header {
        text-align: left;
        font-size: 1.8rem !important;
        color: #1a1a1a
    }
}

.c-contact-box__inner .o-btn {
    margin-right: auto !important;
    min-width: 20rem;
    height: 4rem;
    min-height: 40px;
    margin: 0 auto
}

@media (max-width:719px) {
    .c-contact-box__inner .o-btn {
        min-width: 80%
    }
}

@media (max-width:719px) {
    .c-contact-box__inner {
        width: 100%;
        border-radius: 0 0 1rem 1rem;
        margin-top: .15rem;
        right: 0;
        top: 58px;
        z-index: 100;
        max-height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        border: 1px solid #e0dee3;
        border-top: 0 solid #e0dee3
    }
}

.c-contact-box__inner p {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000
}

@media (max-width:720px) {
    .c-contact-box {
        border-radius: 0;
        width: 100%;
        max-width: none
    }

    .c-contact-box__icon {
        float: right
    }
}

.c-breadcrumb {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #1a1a1a
}

.c-breadcrumb--container.o-container .o-row, .c-breadcrumb--container.o-grid .o-row {
    margin-top: 0;
    margin-bottom: 0
}

.c-breadcrumb--container.o-container [class^=o-col], .c-breadcrumb--container.o-grid [class^=o-col] {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:576px) {
    .c-breadcrumb--container.o-container, .c-breadcrumb--container.o-grid {
        padding-left: 3rem;
        padding-right: 3rem
    }

        .c-breadcrumb--container.o-container .o-row, .c-breadcrumb--container.o-grid .o-row {
            margin: 1.7rem -3rem
        }

        .c-breadcrumb--container.o-container [class^=o-col], .c-breadcrumb--container.o-grid [class^=o-col] {
            padding-left: 3rem;
            padding-right: 3rem
        }
}

.c-breadcrumb .gi-icon-arrow-left, .c-breadcrumb .gi-icon-arrow-right {
    color: #3d0061
}

.c-breadcrumb > ul {
    margin: 0 0 .4rem
}

.c-breadcrumb .u-display--hidden-md {
    margin: 0
}

@media (min-width:720px) {
    .c-breadcrumb .u-display--hidden-md {
        border: none
    }
}

.c-breadcrumb__item {
    display: inline-block;
    margin: 0 .3rem
}

    .c-breadcrumb__item:not(.c-breadcrumb__item--back):first-child {
        text-transform: uppercase
    }

    .c-breadcrumb__item > a, .c-breadcrumb__item > span {
        display: inline-block;
        color: inherit;
        vertical-align: middle;
        font-size: 1.4rem;
        margin: 0 .8rem
    }

    .c-breadcrumb__item:first-child {
        margin: 0 .3rem 0 0
    }

        .c-breadcrumb__item:first-child a {
            margin-left: 0
        }

    .c-breadcrumb__item .gi-icon-arrow-left:before, .c-breadcrumb__item .gi-icon-arrow-right:before {
        display: inline-block;
        color: #3d0061;
        font-size: 1.2rem;
        vertical-align: middle
    }

@media (min-width:576px) {
    .c-breadcrumb .c-breadcrumb__item--back .gi-icon-arrow-left {
        padding: 0 1.5rem 0 0
    }
}

.c-main {
    display: block;
    min-height: 60vh
}

.c-main__content-center {
    width: 90%;
    text-align: center;
    margin: 0 auto
}

@media (min-width:576px) {
    .c-main__content-center {
        width: 70%;
        margin-bottom: 5rem
    }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    main.clear-header {
        margin-top: 19.8rem
    }
}

@media (-ms-high-contrast:active) and (max-width:964px),(-ms-high-contrast:none) and (max-width:964px) {
    main.clear-header {
        margin-top: 10.2rem
    }
}

@media (-ms-high-contrast:active) and (max-width:719px),(-ms-high-contrast:none) and (max-width:719px) {
    main.clear-header {
        margin-top: 9.8rem
    }
}

main .o-list {
    list-style: none;
    margin: 2.5rem 0;
    padding: 0
}

main .o-list__core-style li {
    position: relative;
    padding-left: 5.2rem;
    margin-bottom: 1rem
}

    main .o-list__core-style li:last-child {
        margin-bottom: 0
    }

    main .o-list__core-style li:before {
        background-color: #86609c;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 18px;
        content: "";
        width: 1.6rem;
        height: 1.6rem
    }

.sitemap-list {
    list-style: disc;
    padding-left: 4rem;
    margin-bottom: .6rem;
    width: 100%
}

.c-forms__page {
    width: 100%
}

.o-radio-checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.o-radio-checkbox {
    position: relative;
    display: inline-block;
    min-height: 30px
}

    .o-radio-checkbox input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .o-radio-checkbox .o-label {
        padding-left: 4rem;
        min-height: 35px;
        padding-top: .5rem;
        line-height: 2.2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .o-radio-checkbox .o-form-group__indicator {
        width: 3rem;
        height: 3rem;
        margin-top: .3rem
    }

.o-checkbox:hover .o-form-group__indicator-icon {
    display: block
}

.o-checkbox .o-label {
    font-size: medium
}

.o-checkbox input[type=checkbox]:checked ~ .o-form-group__indicator {
    background-color: #737373;
    border-color: #737373
}

    .o-checkbox input[type=checkbox]:checked ~ .o-form-group__indicator .o-form-group__indicator-icon {
        color: #fff;
        display: block;
        background: #737373
    }

.o-radio {
    line-height: 4rem
}

    .o-radio .o-form-group__indicator {
        border-radius: 50%;
        width: 3.6rem;
        height: 3.6rem
    }

        .o-radio .o-form-group__indicator:after {
            background: #cbcbcb;
            border-radius: 50%;
            content: " ";
            height: 2rem;
            left: 6px;
            line-height: 2rem;
            position: absolute;
            top: 6px;
            width: 2rem
        }

    .o-radio .o-label {
        padding-left: 5.7rem;
        padding-top: 0;
        line-height: 4rem;
        margin-bottom: 0
    }

        .o-radio .o-label:hover .o-form-group__indicator:after, .o-radio input[type=radio]:checked ~ .o-form-group__indicator:after {
            background-color: #737373
        }

    .o-radio:hover {
        cursor: pointer
    }

        .o-radio:hover .o-label {
            color: #86609c
        }

        .o-radio:hover .o-form-group__indicator:after {
            background-color: #737373
        }

.checkboxlist .o-form-group, .radiobuttonlist .o-form-group {
    margin-bottom: 0
}

.field-validation-error {
    margin-top: 1.1rem;
    padding: .75rem 1.5rem .75rem .5rem;
    display: block;
    background-color: #f8ddd9;
    border: 2px solid #d31c00;
    border-radius: .3rem;
    color: #1a1a1a
}

.o-file {
    display: inline-block;
    margin-bottom: 0
}

.o-file, .o-file-input {
    position: relative;
    width: 100%;
    height: 4.1rem
}

.o-file-input {
    z-index: 2;
    margin: 0;
    opacity: 0
}

    .o-file-input:focus ~ .custom-file-label {
        border-color: #ffbf47
    }

    .o-file-input:disabled ~ .custom-file-label {
        background-color: #737373
    }

    .o-file-input ~ .custom-file-label[data-browse]:after {
        content: attr(data-browse)
    }

.o-file-label {
    left: 0;
    z-index: 1;
    height: 4.1rem;
    font-family: Arial,sans-serif;
    font-weight: 400;
    background-color: #fff;
    border: 2px solid #999;
    border-radius: .4rem
}

    .o-file-label, .o-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: .6rem;
        line-height: 2.4rem;
        color: #1a1a1a
    }

        .o-file-label:after {
            bottom: 0;
            z-index: 3;
            display: block;
            height: 2.9rem;
            content: "Browse";
            background-color: pink;
            border-left: inherit;
            border-radius: 0 .4rem .4rem 0
        }

.o-form-group {
    border: 1px solid transparent;
    padding: .4rem .8rem;
    border-radius: .5rem;
    margin: 0 -.8rem 1.5rem
}

.o-form-group__indicator {
    background: #fff;
    border: 2px solid #737373;
    border-radius: .4rem;
    content: " ";
    display: block;
    margin-right: 1.5rem;
    margin-top: .7rem;
    position: absolute;
    z-index: 1
}

.o-form-group__indicator-icon {
    display: none;
    margin-left: .4rem;
    margin-top: .2rem;
    background: transparent;
    color: #737373
}

.o-form-group__select {
    max-width: 32rem
}

@media (max-width:575px) {
    .o-form-group .g-recaptcha {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.o-form-group.recaptcha2 {
    max-width: 23rem
}

.umbraco-forms-form {
    padding: 1rem 0
}

.o-help-block {
    margin-top: -.4rem;
    margin-bottom: .4rem;
    display: block;
    font-size: 1.3rem
}

.o-indicator {
    padding-left: .4rem;
    font-size: 1.6rem;
    color: #d31c00
}

.o-input {
    display: block;
    width: 100%;
    height: 4.1rem;
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: #1a1a1a;
    background-color: #f5f5f5;
    background-clip: padding-box;
    border: 2px solid #999;
    border-radius: .4rem;
    padding: 0 1.5rem
}

.o-input__small {
    height: 3.6rem
}

.o-input::-ms-expand {
    background-color: transparent;
    border: 0
}

.o-input:disabled {
    background-color: #f5f5f5;
    color: #999;
    border: 0;
    opacity: 1
}

.o-input:focus {
    border: 2px solid #86609c;
    outline: none
}

.o-input--textarea {
    min-height: 80px;
    height: auto
}

.o-input--hidden {
    height: 0;
    padding: 0;
    overflow: hidden;
    border: none
}

    .o-input--hidden:focus {
        border: none
    }

        .o-input--hidden:focus ~ .summary-input {
            border: 2px solid #86609c;
            outline: none
        }

.o-input::-webkit-input-placeholder {
    font-style: italic;
    color: #cbcbcb;
    font-weight: 500
}

.o-input::-moz-placeholder {
    font-style: italic;
    color: #cbcbcb;
    font-weight: 500
}

.o-input:-ms-input-placeholder {
    font-style: italic;
    color: #cbcbcb;
    font-weight: 500
}

.o-input::-ms-input-placeholder {
    font-style: italic;
    color: #cbcbcb;
    font-weight: 500
}

.o-input::placeholder {
    font-style: italic;
    color: #cbcbcb;
    font-weight: 500
}

.o-input[readonly] {
    background-color: #737373;
    color: #fff
}

.umbraco-forms-form .o-input {
    width: 95%;
    max-width: 40rem
}

.umbraco-forms-form .o-input--textarea {
    height: 25rem
}

.umbraco-forms-form h2 {
    margin: 0 0 1.5rem;
    font-size: 1.8rem;
    color: #1a1a1a
}

input[type=file] {
    width: 95%
}

.o-label {
    display: block;
    margin-bottom: .75rem;
    line-height: 2.1rem;
    color: #000;
    text-transform: uppercase;
    font-size: 1.2rem
}

.o-select {
    display: inline-block;
    width: 100%;
    height: 4.1rem;
    padding: .6rem 2.2rem .6rem .6rem;
    font-family: Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: #1a1a1a;
    vertical-align: middle;
    background: #f5f5f5 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2386609C' d='M9.914 11.086l-2.829 2.829 8.914 8.914 8.914-8.914-2.828-2.828-6.086 6.086z'/%3E%3C/svg%3E") no-repeat right 6px center/18px 18px;
    border: 2px solid #999;
    border-radius: .4rem;
    -webkit-appearance: none
}

    .o-select:focus {
        border: 2px solid #86609c;
        outline: none
    }

        .o-select:focus::-ms-value {
            color: #1a1a1a;
            background-color: #fff
        }

    .o-select[multiple], .o-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .6rem;
        background-image: none
    }

    .o-select:disabled {
        color: #999;
        background-color: #f2f2f2
    }

    .o-select::-ms-expand {
        display: none
    }

.o-legend {
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-weight: 300;
    color: #86609c;
    margin: 0 0 1.5rem
}

.o-form__terms {
    margin: 0
}

.o-form__terms--overflow {
    background: #fff;
    border: 1px solid #cbcbcb;
    padding: 1.5rem;
    height: 40rem;
    overflow-y: scroll
}

.list--icon-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-width: 11.5em;
    -moz-column-width: 11.5em;
    column-width: 11.5em
}

    .list--icon-list li {
        position: relative;
        padding-left: 7rem;
        margin: 0 1rem
    }

        .list--icon-list li .Icon {
            position: absolute;
            top: 4px;
            left: 10px
        }

        .list--icon-list li .Icon--stacked .gi-icon-tick {
            font-size: .8em
        }

        .list--icon-list li p {
            padding-top: .5rem
        }

    .list--icon-list.o-gi-icon {
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -webkit-flex-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto !important;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

        .list--icon-list.o-gi-icon, .list--icon-list.o-gi-icon li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

            .list--icon-list.o-gi-icon li {
                padding-left: 0;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                font-weight: 600;
                min-width: calc(33% - 2rem);
                margin-bottom: 1rem
            }

                .list--icon-list.o-gi-icon li:before {
                    font-family: genshi-icons !important;
                    font-style: normal;
                    font-weight: 400 !important;
                    font-size: 1rem;
                    vertical-align: middle;
                    display: inline-block;
                    background-color: #dfe6e8;
                    border-radius: 50%;
                    padding: .5rem;
                    color: #659600;
                    margin-right: 1rem;
                    line-height: 1rem
                }

    .list--icon-list.o-gi-icon-tick li:before {
        content: "\f14d"
    }

@media (max-width:575px) {
    .list--icon-list.u-border--solid li {
        padding-left: 0;
        margin-bottom: 1rem
    }

        .list--icon-list.u-border--solid li .Icon {
            position: static;
            display: block;
            margin-bottom: 1rem
        }
}

.o-alert {
    border-width: .2rem;
    border-style: solid;
    position: relative;
    border-radius: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2rem
}

    .o-alert .icon-container {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-basis: 52px;
        -ms-flex-preferred-size: 52px;
        flex-basis: 5.2rem
    }

        .o-alert .icon-container, .o-alert .icon-container .o-icon {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .o-alert .icon-container .o-icon {
                height: 100%;
                padding: 1rem 1.5rem;
                color: #fff;
                font-size: 2.2rem;
                line-height: 1em
            }

    .o-alert .icon-container--top .o-icon {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

.o-alert__info {
    border-color: #86609c;
    background-color: #d9f4fb
}

    .o-alert__info .o-icon {
        background-color: #86609c
    }

.o-alert__success {
    border-color: #659600;
    background-color: #eff4e5
}

    .o-alert__success .o-icon {
        background-color: #659600
    }

.o-alert__error {
    border-color: #d31c00;
    background-color: #f8ddd9
}

    .o-alert__error .o-icon {
        background-color: #d31c00
    }

.o-alert__attention {
    border-color: #ffbf47;
    background-color: #fff4e0
}

    .o-alert__attention .o-icon {
        background-color: #ffbf47
    }

    .o-alert__attention [data-name=alert-msg] {
        margin-bottom: 1rem
    }

    .o-alert__attention [data-name=alert-list] {
        padding-left: 1rem;
        margin: 0
    }

        .o-alert__attention [data-name=alert-list] a {
            display: block
        }

            .o-alert__attention [data-name=alert-list] a:not(:last-of-type) {
                padding-bottom: .5rem
            }

            .o-alert__attention [data-name=alert-list] a:hover {
                text-decoration: underline
            }

.o-alert__msg {
    padding: .8rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(100% - 52px);
    -ms-flex: 1 0 calc(100% - 52px);
    flex: 1 0 calc(100% - 5.2rem);
    max-width: calc(100% - 5.2rem)
}

.o-alert > p {
    font-weight: 600;
    margin-bottom: 0;
    padding: 1.5rem;
    font-size: 1.8rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.o_video_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 0
}

.o_video_wrapper--in-pop-up {
    margin: 0 auto;
    width: 80%
}

.o_video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-article-grid .o-container .o-row:first-of-type, .o-article-grid .o-grid .o-row:first-of-type {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 0
}

.o-container, .o-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 117rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width:720px) {
    .o-container, .o-grid {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.o-grid {
    padding: 3rem 0
}

@media (min-width:576px) {
    .o-grid {
        background-color: #fff;
        padding: 3rem .8rem
    }
}

.o-grid article, .o-grid section {
    margin-bottom: 1.6rem
}

@media (min-width:720px) {
    .o-grid article, .o-grid section {
        margin-bottom: 3.2rem
    }
}

.o-row {
    margin: 1.5rem -1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    max-width: -moz-available
}

.o-row--overflow-hidden {
    overflow: hidden
}

.o-row--min-width-100 {
    width: auto;
    min-width: 100%
}

.o-row--no-margin-top {
    margin-top: 0
}

.o-row--no-margin-bottom {
    margin-bottom: 0
}

.o-row--no-margin {
    margin-top: 0;
    margin-bottom: 0
}

.o-row .o-row {
    width: auto
}

@media (max-width:1199px) {
    .o-article-grid .o-container > .o-row, .o-article-grid .o-grid > .o-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

[class^=o-col] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

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

.o-col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

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

.o-col-1, .o-col-2 {
    -webkit-box-flex: 0
}

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

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

.o-col-3, .o-col-4 {
    -webkit-box-flex: 0
}

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

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

.o-col-5, .o-col-6 {
    -webkit-box-flex: 0
}

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

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

.o-col-7, .o-col-8 {
    -webkit-box-flex: 0
}

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

.o-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.o-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.o-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.o-col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .o-col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .o-col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .o-col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .o-col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .o-col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .o-col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .o-col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .o-col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .o-col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .o-col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .o-col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .o-col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .o-col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .o-col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:720px) {
    .o-col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .o-col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .o-col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .o-col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .o-col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .o-col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .o-col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .o-col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .o-col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .o-col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .o-col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .o-col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .o-col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .o-col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:965px) {
    .o-col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .o-col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .o-col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .o-col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .o-col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .o-col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .o-col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .o-col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .o-col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .o-col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .o-col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .o-col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .o-col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .o-col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .o-col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .o-col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .o-col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .o-col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .o-col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .o-col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .o-col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .o-col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .o-col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .o-col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .o-col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .o-col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .o-col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .o-col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

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

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

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

@media (min-width:576px) {
    .o-order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

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

    .o-order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:720px) {
    .o-order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

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

    .o-order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:965px) {
    .o-order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

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

    .o-order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.o-icon {
    display: inline-block;
    line-height: 1
}

.o-icon-menu-home path {
    fill: #fff
}

@media (min-width:720px) {
    .o-icon-menu-home path {
        fill: #000
    }
}

.o-icon-arrow-right-2layer:before {
    content: "\61"
}

.o-icon-arrow-right:before {
    content: "\62"
}

.o-icon-plus:before {
    content: "\63"
}

.o-icon-minus:before {
    content: "\64"
}

.o-icon-back:before {
    content: "\65"
}

.o-icon-info:before {
    content: "\66"
}

.o-icon-success:before {
    content: "\67"
}

.o-icon-error:before {
    content: "\68"
}

.o-icon-person:before {
    content: "\69"
}

.o-icon-warning:before {
    content: "\6a"
}

.o-icon-download:before {
    content: "\6b"
}

.o-icon-arrow-down:before {
    content: "\6c"
}

.o-icon-folder:before {
    content: "\6d"
}

.o-icon-phone:before {
    content: "\6e"
}

.o-icon__bg {
    position: absolute;
    z-index: -1;
    opacity: .1
}

.o-icon__bg--small {
    width: 17.5rem;
    height: 18rem
}

    .o-icon__bg--small:before {
        font-size: 17.5rem;
        line-height: 17.5rem
    }

.o-icon__bg--mid {
    width: 20rem;
    height: 21rem
}

    .o-icon__bg--mid:before {
        font-size: 18rem;
        line-height: 18rem
    }

.o-icon__bg--large {
    width: 23rem;
    height: 24rem
}

    .o-icon__bg--large:before {
        font-size: 34rem;
        line-height: 34rem
    }

.o-icon__bg--top-left {
    top: 0;
    left: 0
}

    .o-icon__bg--top-left:before {
        position: absolute;
        bottom: 0;
        right: 0
    }

.o-icon__bg--top-right {
    top: 0;
    right: 0
}

    .o-icon__bg--top-right:before {
        position: absolute;
        bottom: 0;
        left: 0
    }

.o-icon__bg--tilt-left {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.o-icon__bg--tilt-left-d10 {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.o-icon__bg--tilt-right {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.o-icon__bg--tilt-right-d10 {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.o-icon__stacked {
    width: 3.4rem;
    height: 3.8rem;
    display: inline-block;
    line-height: 3.8rem;
    overflow: hidden;
    position: relative
}

.o-icon__stacked-background {
    font-size: 3.3rem;
    text-align: center;
    width: 100%
}

.o-icon__stacked-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

    .o-icon__stacked-inner.gi-icon-tick {
        font-size: 1.35rem
    }

.o-icon__lg {
    font-size: 3.3rem
}

.c-menu-trigger .o-icon-menu-down {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

    .c-menu-trigger .o-icon-menu-down path {
        fill: #fff
    }

.c-menu-trigger:focus {
    background-color: #00b3e6
}

.c-menu-trigger.c-menu-trigger--show .o-icon-menu-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.o-icon-btn:before, [class*=o-icon-]:before, [class^=o-icon-]:before {
    font-family: hitachi-font !important
}

.gi-icon-btn:before, .o-icon-btn:before, [class*=gi-]:before, [class*=o-icon-]:before, [class^=gi-]:before, [class^=o-icon-]:before {
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gi-icon-btn:before, [class*=gi-]:before, [class^=gi-]:before {
    font-family: genshi-icons !important;
    vertical-align: middle
}

.gi-icon__asset_details:before {
    content: "\f109"
}

.gi-icon_progress_arrow_right:before {
    content: "\f10a"
}

.gi-icon-account:before {
    content: "\f10b"
}

.gi-icon-add:before {
    content: "\f10c"
}

.gi-icon-anchor:before {
    content: "\f10d"
}

.gi-icon-arrow-down:before {
    content: "\f10e"
}

.gi-icon-arrow-left:before {
    content: "\f10f"
}

.gi-icon-arrow-right:before {
    content: "\f110"
}

.gi-icon-arrow-up:before {
    content: "\f111"
}

.gi-icon-attention-outline:before {
    content: "\f112"
}

.gi-icon-attention-part-element:before {
    content: "\f113"
}

.gi-icon-breakdown:before {
    content: "\f114"
}

.gi-icon-browse:before {
    content: "\f115"
}

.gi-icon-business:before {
    content: "\f116"
}

.gi-icon-calendar:before {
    content: "\f117"
}

.gi-icon-callout-cta:before {
    content: "\f118"
}

.gi-icon-callout-sidebar-left:before {
    content: "\f119"
}

.gi-icon-callout-sidebar-right:before {
    content: "\f11a"
}

.gi-icon-chat:before {
    content: "\f11b"
}

.gi-icon-circle-:before {
    content: "\f11c"
}

.gi-icon-clock:before {
    content: "\f11d"
}

.gi-icon-close:before {
    content: "\f11e"
}

.gi-icon-configure:before {
    content: "\f11f"
}

.gi-icon-currency-gbp:before {
    content: "\f120"
}

.gi-icon-delete:before {
    content: "\f121"
}

.gi-icon-download:before {
    content: "\f122"
}

.gi-icon-edit:before {
    content: "\f123"
}

.gi-icon-email:before {
    content: "\f124"
}

.gi-icon-enquiry:before {
    content: "\f125"
}

.gi-icon-expand-heirarchy:before {
    content: "\f126"
}

.gi-icon-file-cvs:before {
    content: "\f127"
}

.gi-icon-file-pdf:before {
    content: "\f128"
}

.gi-icon-globe-header:before {
    content: "\f129"
}

.gi-icon-go-to:before {
    content: "\f12a"
}

.gi-icon-guides:before {
    content: "\f12b"
}

.gi-icon-heart-outline:before {
    content: "\f12c"
}

.gi-icon-heart:before {
    content: "\f12d"
}

.gi-icon-help:before {
    content: "\f12e"
}

.gi-icon-hierarchy:before {
    content: "\f12f"
}

.gi-icon-home:before {
    content: "\f130"
}

.gi-icon-information-outline:before {
    content: "\f131"
}

.gi-icon-information-part-element:before {
    content: "\f132"
}

.gi-icon-information-solid:before {
    content: "\f133"
}

.gi-icon-link-new-window:before {
    content: "\f134"
}

.gi-icon-location:before {
    content: "\f135"
}

.gi-icon-locked:before {
    content: "\f136"
}

.gi-icon-menu-dots {
    content: "\f137"
}

.gi-icon-menu:before {
    content: "\f138"
}

.gi-icon-message:before {
    content: "\f139"
}

.gi-icon-mileage:before {
    content: "\f13a"
}

.gi-icon-mot:before {
    content: "\f13b"
}

.gi-icon-my-account:before {
    content: "\f13c"
}

.gi-icon-offer-solid:before {
    content: "\f13d"
}

.gi-icon-offer:before {
    content: "\f13e"
}

.gi-icon-phone:before {
    content: "\f13f"
}

.gi-icon-print:before {
    content: "\f140"
}

.gi-icon-quotes:before {
    content: "\f141"
}

.gi-icon-refresh:before {
    content: "\f142"
}

.gi-icon-register:before {
    content: "\f143"
}

.gi-icon-retrieve:before {
    content: "\f144"
}

.gi-icon-return:before {
    content: "\f145"
}

.gi-icon-roadtax:before {
    content: "\f146"
}

.gi-icon-save:before {
    content: "\f147"
}

.gi-icon-search:before {
    content: "\f148"
}

.gi-icon-servicing:before {
    content: "\f149"
}

.gi-icon-social-media-facebook:before {
    content: "\f14a"
}

.gi-icon-social-media-linkedin:before {
    content: "\f14b"
}

.gi-icon-social-media-twitter:before {
    content: "\f14c"
}

.gi-icon-social-media-youtube:before {
    content: "\f14d"
}

.gi-icon-star-ncap-outline:before {
    content: "\f14e"
}

.gi-icon-star:before {
    content: "\f14f"
}

.gi-icon-submit:before {
    content: "\f150"
}

.gi-icon-subtract:before {
    content: "\f151"
}

.gi-icon-tick-outline:before {
    content: "\f152"
}

.gi-icon-tick-solid:before {
    content: "\f153"
}

.gi-icon-tick:before {
    content: "\f154"
}

.gi-icon-unlocked:before {
    content: "\f155"
}

.gi-icon-validation-warning-triangle-outline:before {
    content: "\f156"
}

.gi-icon-validation-warning-triangle-solid:before {
    content: "\f157"
}

.gi-icon-van:before {
    content: "\f158"
}

.gi-icon-view-grid:before {
    content: "\f159"
}

.gi-icon-view-list:before {
    content: "\f15a"
}

.gi-icon-windscreen:before {
    content: "\f15b"
}

.gi-circle:before {
    content: "\f107"
}

.gi-circle-dot:before {
    content: "\f101"
}

.gi-circle-dot1:before {
    content: "\f102"
}

.gi-circle-dot2:before {
    content: "\f103"
}

.gi-circle-dot3:before {
    content: "\f104"
}

.gi-circle-dot4:before {
    content: "\f105"
}

.gi-circle-solid:before {
    content: "\f106"
}

.gi-emblem:before {
    content: "\f108"
}

.gi-logo-bvrla:before {
    content: "\f15c"
}

.gi-logo-hitachi-strapline-colour:before {
    content: "\f15d"
}

.gi-logo-ics:before {
    content: "\f15e"
}

.gi-logo-whatcar:before {
    content: "\f15f"
}

.gi-square-solid:before {
    content: "\f160"
}

.gi-square:before {
    content: "\f161"
}

.gi-triangle-solid:before {
    content: "\f162"
}

.gi-triangle:before {
    content: "\f163"
}

.ErrorModal.ErrorModal-tryLater .ErrorModal-header-errorTypeIcon:after, .ErrorPlaceholder.ErrorPlaceholder-tryLater .ErrorTypeIcon:after {
    content: "\f11a"
}

.ErrorPlaceholder.ErrorPlaceholder-notFound .ErrorTypeIcon:after {
    content: "\f11e"
}

.ErrorPlaceholder.ErrorPlaceholder-unauthorised .ErrorTypeIcon:after {
    content: "\f131"
}

.o-link {
    color: #86609c;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    line-height: 1em;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .o-link:hover {
        color: #00b3e6
    }

.o-link__text {
    width: auto
}

.o-link--lg {
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: 400
}

@media (min-width:965px) {
    .o-link--lg {
        font-size: 2.4rem;
        line-height: 2.8rem;
        width: 100%
    }
}

.o-link--lg .o-icon {
    font-size: 1.5rem
}

.o-link .o-icon {
    margin-left: 1rem
}

.o-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

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

.o-modal-open {
    overflow: hidden
}

.o-modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 4px solid #cbcbcb;
    border-radius: .4rem;
    -webkit-box-shadow: 0 .25rem .5rem rgba(0,0,0,.5);
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.5);
    outline: 0
}

.o-modal-header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem;
    border-bottom: .4rem solid #cbcbcb;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    background-color: #232323
}

.o-modal-dialog-centered, .o-modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.o-modal-dialog-centered {
    min-height: calc(100% - 1rem)
}

.o-modal-close {
    font-size: 1.4rem;
    color: #fff;
    line-height: 2rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .o-modal-close .close-icon {
        font-size: 2.2rem;
        border-radius: 50%;
        float: right;
        margin-left: 0;
        padding: 1.1rem;
        color: #86609c
    }

    .o-modal-close:hover {
        text-decoration: none
    }

        .o-modal-close:hover .close-icon {
            background-color: #86609c;
            color: #fff
        }

    .o-modal-close .close-title {
        color: #fff;
        font-size: 1.4rem;
        line-height: 1rem;
        padding-left: 1rem;
        position: relative;
        margin-right: .5rem
    }

@media (max-width:575px) {
    .o-modal-close .close-title {
        display: none
    }
}

.o-modal-title {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 2rem;
    font-weight: 400;
    color: #fff
}

.o-modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width:577px) {
    .o-modal-body {
        padding: 1rem
    }
}

.o-modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    border-top: .4rem solid #cbcbcb;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .o-modal-footer .o-btn {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .o-modal-footer > :not(:last-child) {
        margin-bottom: .6rem
    }

@media (min-width:576px) {
    .o-modal-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .o-modal-footer > :not(:first-child) {
            margin-left: .25rem
        }

        .o-modal-footer > :not(:last-child) {
            margin-right: .25rem;
            margin-bottom: 0
        }
}

.o-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 5rem;
    height: 5rem;
    overflow: scroll
}

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

.o-modal.fade .o-modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.o-modal.show .o-modal-dialog {
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:576px) {
    .o-modal-dialog {
        max-width: 50rem;
        margin: 0 auto
    }

    .o-modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .o-modal-content {
        -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.5);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.5)
    }

    .o-modal-sm {
        max-width: 30rem
    }
}

@media (min-width:720px) {
    .o-modal-lg {
        max-width: 80rem
    }
}

.ng-scope .o-modal {
    display: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .8
    }

.modal-controller-container a:hover {
    text-decoration: none
}

.o-notes {
    background-color: #163338;
    border-radius: .5rem;
    padding: 2rem;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 1.6rem
}

@media (min-width:720px) {
    .o-notes {
        margin-top: 3.3rem
    }
}

.o-panel {
    background-color: #efefef;
    padding: 2rem;
    margin-bottom: 3rem;
    width: 100%;
    border-radius: 0 0 .5rem .5rem
}

.o-panel--fixed {
    position: fixed;
    -webkit-box-shadow: 0 -6px 12px 0 rgba(0,0,0,.28);
    box-shadow: 0 -6px 12px 0 rgba(0,0,0,.28);
    height: 12rem
}

@media (min-width:576px) {
    .o-panel--fixed {
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto
    }
}

.o-panel--buttons {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .o-panel--buttons .o-btn:not(:last-child) {
        margin-bottom: .8rem
    }

@media (min-width:576px) {
    .o-panel--buttons {
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 2rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .o-panel--buttons .o-btn:not(:last-child) {
            margin-bottom: 0;
            margin-right: 1rem
        }
}

.o-panel--mobile.fixed-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    width: auto;
    border-radius: 0
}

@media (max-width:574px) {
    .o-panel--mobile.fixed-top {
        -webkit-box-shadow: 0 4px 11px -6px rgba(0,0,0,.28);
        box-shadow: 0 4px 11px -6px rgba(0,0,0,.28);
        margin-right: -1.6rem;
        margin-left: -1.6rem
    }
}

@media (min-width:576px) {
    .o-panel--mobile {
        background-color: transparent;
        padding: 0
    }

        .o-panel--mobile.fixed-top {
            position: static
        }
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .mfp-container:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #ccc
    }

        .mfp-preloader a:hover {
            color: #fff
        }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 1.8rem 1rem;
    color: #fff;
    font-style: normal;
    font-size: 2.8rem;
    cursor: pointer;
    z-index: 1046
}

    .mfp-close:focus, .mfp-close:hover {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: .6rem;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 1.2rem;
    line-height: 1.8rem;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -5.5rem 0 0;
    padding: 0;
    width: 9rem;
    height: 11rem;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .mfp-arrow:active {
        margin-top: -5.4rem
    }

    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1
    }

    .mfp-arrow:after, .mfp-arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 3.5rem;
        margin-left: 3.5rem;
        border: inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 1.3rem;
        border-bottom-width: 1.3rem;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 2.1rem;
        border-bottom-width: 2.1rem;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 1.7rem solid #fff;
        margin-left: 3.1rem
    }

    .mfp-arrow-left:before {
        margin-left: 2.5rem;
        border-right: 2.7rem solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 1.7rem solid #fff;
        margin-left: 3.9rem
    }

    .mfp-arrow-right:before {
        border-left: 2.7rem solid #3f3f3f
    }

.mfp-iframe-holder {
    padding-top: 4rem;
    padding-bottom: 4rem
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 90rem
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4rem 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 1.2rem;
        line-height: 1.4rem
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -3.6rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 1.8rem;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 3.6rem
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: .5rem
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: .3rem .5rem;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: .6rem;
        padding-right: .6rem
    }
}

table td, table th {
    text-align: left
}

.table {
    border-collapse: collapse;
    width: 100%
}

    .table .thead {
        font-weight: 600
    }

    .table td, .table th {
        border-bottom: .1rem solid #cbcbcb
    }

.table-theme--alternate td, .table-theme--alternate th {
    padding: 1.1rem
}

.table-theme--alternate tbody tr:nth-child(odd) {
    background-color: #f2f2f2
}

.table-theme--dark td, .table-theme--dark th {
    padding: 1.1rem .56rem;
    font-size: inherit;
    line-height: 1.6rem
}

.table-theme--dark thead {
    background-color: #333;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3rem
}

.table-theme--dark tbody {
    background-color: #4d4d4d;
    color: #fff;
    font-size: 1.4rem
}

.tippy-box {
    border: 3px solid #007393;
    background-color: #fff;
    border-radius: .5rem;
    color: inherit;
    padding: .5rem 1rem;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.5);
    box-shadow: 4px 4px 4px rgba(0,0,0,.5)
}

    .tippy-box .tippy-content p {
        font-size: 1.4rem
    }

    .tippy-box[data-placement^=top] > .tippy-arrow:before {
        border-top-color: #007393;
        border-width: 1rem .5rem 0;
        bottom: -12px;
        height: 0;
        left: 50%;
        margin-left: -.5rem;
        position: absolute;
        width: 0
    }

    .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
        border-bottom-color: #007393;
        border-width: 0 .5rem 1rem;
        height: 0;
        left: 50%;
        margin-left: -.5rem;
        position: absolute;
        top: -12px;
        width: 0
    }

    .tippy-box[data-placement^=left] > .tippy-arrow:before {
        border-left-color: #007393;
        border-width: .5rem 0 .5rem 1rem;
        height: 0;
        margin-top: -.5rem;
        position: absolute;
        right: -12px;
        top: 50%;
        width: 0
    }

    .tippy-box[data-placement^=right] > .tippy-arrow.tippy-arrow:before {
        border-right-color: #007393;
        border-width: .5rem 1rem .5rem 0;
        height: 0;
        left: -12px;
        margin-top: -.5rem;
        position: absolute;
        top: 50%;
        width: 0
    }

.o-tooltip {
    color: #007393;
    font-size: 2.4rem;
    border: none;
    background-color: transparent;
    width: 2.4rem
}

    .o-tooltip:focus, .o-tooltip:hover {
        text-decoration: none;
        outline: none
    }

.o-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: .9rem 2.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-align: center;
    white-space: normal;
    border-radius: 3rem;
    background-color: #86609c;
    border: 4px solid #86609c;
    color: #fff;
    overflow: hidden;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    font-family: silka;
    font-weight: 600;
    min-height: 40px;
    text-decoration: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 20rem
}

    .o-btn:not(.disabled):active, .o-btn:not(.disabled):hover {
        text-decoration: none;
        cursor: pointer
    }

.o-btn--outline {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: #3d0061
}

    .o-btn--outline:not(.disabled):hover {
        color: #000;
        border-color: #1d002e;
        text-decoration: none;
        background-color: #3d0061
    }

    .o-btn--outline:not(.disabled):active {
        color: #000;
        border-color: #150021;
        text-decoration: none;
        background-color: #3d0061
    }

    .o-btn--outline:not(.disabled):active, .o-btn--outline:not(.disabled):hover {
        color: #fff
    }

.o-btn--brandMid, .o-btn--primary {
    color: #fff;
    background: #3d0061;
    border-color: #3d0061
}

    .o-btn--brandMid:not(.disabled):hover, .o-btn--primary:not(.disabled):hover {
        color: #fff;
        background: #1d002e;
        border-color: #1d002e;
        text-decoration: none
    }

    .o-btn--brandMid:not(.disabled):active, .o-btn--primary:not(.disabled):active {
        color: #fff;
        background-color: #150021;
        border-color: #150021;
        text-decoration: none
    }

.o-btn--primary-outline {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: #3d0061
}

    .o-btn--primary-outline:not(.disabled):hover {
        color: #000;
        border-color: #1d002e;
        text-decoration: none;
        background-color: #3d0061
    }

    .o-btn--primary-outline:not(.disabled):active {
        color: #000;
        border-color: #150021;
        text-decoration: none;
        background-color: #3d0061
    }

    .o-btn--primary-outline:not(.disabled):active, .o-btn--primary-outline:not(.disabled):hover {
        color: #fff
    }

.o-btn--secondary {
    color: #333;
    background: #2db587;
    border-color: #71dc99;
    background: -webkit-gradient(linear,left top,left bottom,from(#71dc99),to(#2db587));
    background: linear-gradient(180deg,#71dc99,#2db587)
}

    .o-btn--secondary:not(.disabled):hover {
        color: #333;
        background: #238c69;
        border-color: #48d27c;
        text-decoration: none
    }

    .o-btn--secondary:not(.disabled):active {
        color: #333;
        background-color: #208261;
        border-color: #3ecf74;
        text-decoration: none
    }

    .o-btn--secondary:not(.disabled):hover {
        color: #fff
    }

    .o-btn--secondary:not(.disabled):active, .o-btn--secondary:not(.disabled):hover {
        background: -webkit-gradient(linear,left top,left bottom,from(#55a573),to(#228865));
        background: linear-gradient(180deg,#55a573,#228865);
        border-color: #55a573
    }

.o-btn--secondary-solid {
    color: #333;
    background: #71dc99;
    border-color: #71dc99
}

    .o-btn--secondary-solid:not(.disabled):hover {
        color: #333;
        background: #48d27c;
        border-color: #48d27c;
        text-decoration: none
    }

    .o-btn--secondary-solid:not(.disabled):active {
        color: #333;
        background-color: #3ecf74;
        border-color: #3ecf74;
        text-decoration: none
    }

    .o-btn--secondary-solid:not(.disabled):hover {
        color: #fff
    }

    .o-btn--secondary-solid:not(.disabled):active {
        border-color: #55a573
    }

.o-btn--secondary-outline {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: #71dc99
}

    .o-btn--secondary-outline:not(.disabled):hover {
        color: #000;
        border-color: #71dc99;
        text-decoration: none;
        background-color: #71dc99
    }

    .o-btn--secondary-outline:not(.disabled):active {
        color: #000;
        border-color: #3ecf74;
        text-decoration: none;
        background-color: #71dc99
    }

.o-btn--dark, .o-btn--neutralDarkest {
    color: #fff;
    background: #333;
    border-color: #333
}

    .o-btn--dark:not(.disabled):hover, .o-btn--neutralDarkest:not(.disabled):hover {
        color: #fff;
        background: #1a1a1a;
        border-color: #1a1a1a;
        text-decoration: none
    }

    .o-btn--dark:not(.disabled):active, .o-btn--neutralDarkest:not(.disabled):active {
        color: #fff;
        background-color: #131313;
        border-color: #131313;
        text-decoration: none
    }

.o-btn--grey, .o-btn--neutralDark {
    color: #fff;
    background: #737373;
    border-color: #737373
}

    .o-btn--grey:not(.disabled):hover, .o-btn--neutralDark:not(.disabled):hover {
        color: #fff;
        background: #5a5a5a;
        border-color: #5a5a5a;
        text-decoration: none
    }

    .o-btn--grey:not(.disabled):active, .o-btn--neutralDark:not(.disabled):active {
        color: #fff;
        background-color: #535353;
        border-color: #535353;
        text-decoration: none
    }

.o-btn--dark-outline {
    color: #4d4d4d;
    background-color: transparent;
    background-image: none;
    border-color: #333
}

    .o-btn--dark-outline:not(.disabled):hover {
        color: #4d4d4d;
        border-color: #1a1a1a;
        text-decoration: none;
        background-color: #e6e6e6
    }

    .o-btn--dark-outline:not(.disabled):active {
        color: #4d4d4d;
        border-color: #131313;
        text-decoration: none;
        background-color: #e6e6e6
    }

.o-btn--grey-outline {
    color: #4d4d4d;
    background-color: transparent;
    background-image: none;
    border-color: #737373
}

    .o-btn--grey-outline:not(.disabled):hover {
        color: #4d4d4d;
        border-color: #5a5a5a;
        text-decoration: none;
        background-color: #e6e6e6
    }

    .o-btn--grey-outline:not(.disabled):active {
        color: #4d4d4d;
        border-color: #535353;
        text-decoration: none;
        background-color: #e6e6e6
    }

.o-btn--green {
    color: #333;
    background: #71dc99;
    border-color: #71dc99
}

    .o-btn--green:not(.disabled):hover {
        color: #333;
        background: #48d27c;
        border-color: #48d27c;
        text-decoration: none
    }

    .o-btn--green:not(.disabled):active {
        color: #333;
        background-color: #3ecf74;
        border-color: #3ecf74;
        text-decoration: none
    }

.o-btn.o-btn--large {
    min-height: 60px
}

.o-btn--link {
    font-weight: 400;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3d0061;
    background-color: transparent;
    font-weight: 600;
    font-family: silka,Arial,sans-serif;
    font-size: 1.65rem;
    text-transform: none;
    border: none;
    min-width: auto
}

    .o-btn--link:focus, .o-btn--link:hover {
        text-decoration: none;
        color: #86609c
    }

.o-btn--white {
    color: #86609c;
    background: #fff;
    border-color: #fff
}

    .o-btn--white:not(.disabled):hover {
        color: #86609c;
        background: #e6e6e6;
        border-color: #e6e6e6;
        text-decoration: none
    }

    .o-btn--white:not(.disabled):active {
        color: #86609c;
        background-color: #dfdfdf;
        border-color: #dfdfdf;
        text-decoration: none
    }

.o-btn--neutralMid {
    color: #333;
    background: #cbcbcb;
    border-color: #cbcbcb
}

    .o-btn--neutralMid:not(.disabled):hover {
        color: #333;
        background: #b2b2b2;
        border-color: #b2b2b2;
        text-decoration: none
    }

    .o-btn--neutralMid:not(.disabled):active {
        color: #333;
        background-color: #ababab;
        border-color: #ababab;
        text-decoration: none
    }

.o-btn--brand {
    color: #fff;
    background: #7d3cff;
    border-color: #7d3cff
}

    .o-btn--brand:not(.disabled):hover {
        color: #fff;
        background: #5b09ff;
        border-color: #5b09ff;
        text-decoration: none
    }

    .o-btn--brand:not(.disabled):active {
        color: #fff;
        background-color: #5400fb;
        border-color: #5400fb;
        text-decoration: none
    }

.o-btn--danger {
    color: #fff;
    background: #d31c00;
    border-color: #d31c00
}

    .o-btn--danger:not(.disabled):hover {
        color: #fff;
        background: #a01500;
        border-color: #a01500;
        text-decoration: none
    }

    .o-btn--danger:not(.disabled):active {
        color: #fff;
        background-color: #931400;
        border-color: #931400;
        text-decoration: none
    }

.o-btn--success {
    color: #fff;
    background: red;
    border-color: red
}

    .o-btn--success:not(.disabled):hover {
        color: #fff;
        background: #c00;
        border-color: #c00;
        text-decoration: none
    }

    .o-btn--success:not(.disabled):active {
        color: #fff;
        background-color: #bf0000;
        border-color: #bf0000;
        text-decoration: none
    }

.o-btn--light {
    color: #86609c;
    background: #f2f2f2;
    border-color: #f2f2f2
}

    .o-btn--light:not(.disabled):hover {
        color: #86609c;
        background: #d9d9d9;
        border-color: #d9d9d9;
        text-decoration: none
    }

    .o-btn--light:not(.disabled):active {
        color: #86609c;
        background-color: #d2d2d2;
        border-color: #d2d2d2;
        text-decoration: none
    }

.o-btn--green-outline {
    color: #55a573;
    background-color: transparent;
    background-image: none;
    border-color: #55a573
}

    .o-btn--green-outline:not(.disabled):hover {
        color: #55a573;
        border-color: #44835c;
        text-decoration: none;
        background-color: #71dc99
    }

    .o-btn--green-outline:not(.disabled):active {
        color: #55a573;
        border-color: #3f7b56;
        text-decoration: none;
        background-color: #71dc99
    }

.o-btn--info-dark-outline {
    color: #86609c;
    background-color: transparent;
    background-image: none;
    border-color: #86609c
}

    .o-btn--info-dark-outline:not(.disabled):hover {
        color: #86609c;
        border-color: #6b4d7c;
        text-decoration: none;
        background-color: transparent
    }

    .o-btn--info-dark-outline:not(.disabled):active {
        color: #86609c;
        border-color: #644875;
        text-decoration: none;
        background-color: transparent
    }

.o-btn--toggle {
    color: #86609c;
    background: #f5f5f5;
    border-color: #f5f5f5;
    text-transform: none
}

    .o-btn--toggle:not(.disabled):hover {
        color: #86609c;
        background: #dcdcdc;
        border-color: #dcdcdc;
        text-decoration: none
    }

    .o-btn--toggle:not(.disabled):active {
        color: #86609c;
        background-color: #d5d5d5;
        border-color: #d5d5d5;
        text-decoration: none
    }

.o-btn--toggled .o-btn__icon-right, .o-btn.active .o-btn__icon-right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.o-btn--wide {
    width: 100%;
    max-width: 31.2rem
}

.o-btn.disabled {
    opacity: .45;
    cursor: not-allowed;
    text-decoration: none
}

.o-btn.o-btn--block {
    display: block
}

.o-btn--brandFinance {
    background-color: #55a573;
    border: 2px solid #55a573;
    color: #fff;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#33b989),to(#55a573));
    background-image: linear-gradient(0deg,#33b989,#55a573)
}

    .o-btn--brandFinance:focus, .o-btn--brandFinance:hover {
        background-color: #55a573;
        border: 2px solid #55a573;
        color: #fff;
        background-image: -webkit-gradient(linear,left bottom,left top,from(#228865),to(#33b989));
        background-image: linear-gradient(0deg,#228865,#33b989)
    }

    .o-btn--brandFinance:active, .o-btn--brandFinance:link, .o-btn--brandFinance:visited {
        color: #fff
    }

    .o-btn--brandFinance:active {
        border-color: #71dc99
    }

.o-btn--brandFinance-inverse {
    background-color: #fff;
    border: 2px solid #55a573;
    color: #4d4d4d
}

    .o-btn--brandFinance-inverse:focus, .o-btn--brandFinance-inverse:hover {
        background-color: #e6e6e6;
        border-color: #55a573;
        color: #4d4d4d
    }

    .o-btn--brandFinance-inverse:active, .o-btn--brandFinance-inverse:link, .o-btn--brandFinance-inverse:visited {
        color: #4d4d4d
    }

    .o-btn--brandFinance-inverse:active {
        border-color: #71dc99
    }

.o-btn--faq {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    min-width: 10rem !important;
    text-transform: none
}

    .o-btn--faq, .o-btn--faq:active, .o-btn--faq:link, .o-btn--faq:visited {
        text-decoration: none
    }

@media (min-width:576px) {
    .o-btn--faq {
        min-width: 10rem
    }
}

@media (min-width:576px) {
    .o-btn {
        min-width: 20rem
    }
}

.o-btn--transparent {
    color: #fff;
    background: #fff;
    border-color: #fff
}

    .o-btn--transparent:not(.disabled):hover {
        color: #fff;
        background: #e6e6e6;
        border-color: #e6e6e6;
        text-decoration: none
    }

    .o-btn--transparent:not(.disabled):active {
        color: #fff;
        background-color: #dfdfdf;
        border-color: #dfdfdf;
        text-decoration: none
    }

    .o-btn--transparent:not(.disabled), .o-btn--transparent:not(.disabled):active, .o-btn--transparent:not(.disabled):hover {
        border-color: transparent;
        background: transparent
    }

        .o-btn--transparent:not(.disabled):active, .o-btn--transparent:not(.disabled):hover {
            color: #e6e6e6
        }

.o-btn--transparent-outline {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff
}

    .o-btn--transparent-outline:not(.disabled):hover {
        color: #fff;
        border-color: #e6e6e6;
        text-decoration: none;
        background-color: transparent
    }

    .o-btn--transparent-outline:not(.disabled):active {
        color: #fff;
        border-color: #dfdfdf;
        text-decoration: none;
        background-color: transparent
    }

    .o-btn--transparent-outline:not(.disabled):active, .o-btn--transparent-outline:not(.disabled):hover {
        background-color: hsla(0,0%,100%,.2)
    }

.o-btn.gi-icon-btn {
    position: relative;
    padding-right: 5rem
}

    .o-btn.gi-icon-btn:before {
        position: absolute;
        right: 16px;
        font-weight: inherit !important
    }

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .o-btn.gi-icon-btn:before {
        top: 8px
    }
}

.text-center {
    text-align: center
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb--10 {
    margin-bottom: 1rem !important
}

.mb--40 {
    margin-bottom: 4rem !important
}

.u-mb--xxs {
    margin-bottom: .56rem !important
}

.u-mb--xs {
    margin-bottom: .75rem !important
}

.u-mb--md {
    margin-bottom: 1.5rem !important
}

.u-mb--lg {
    margin-bottom: 1.85rem !important
}

.mr-0 {
    margin-right: 0 !important
}

.u-p-0 {
    padding: 0 !important
}

.u-text-transform-none {
    text-transform: none
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.px-0 {
    padding-left: 0 !important
}

.mt-4 {
    margin-top: .4rem
}

@media (min-width:965px) {
    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pr-lg-50 {
        padding-right: 5rem !important
    }
}

.d-none {
    display: none
}

.t-color__red {
    color: #86609c
}

.t-color__black {
    color: #1a1a1a
}

.t-color__grey {
    color: #999
}

.u-fontWeight--bold {
    font-weight: 600
}

.u-fontWeight--normal {
    font-weight: 500
}

.d-flex, .d-flex-v-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.d-flex-v-align {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

.hidden {
    display: none !important
}

.u-display--inline-block {
    display: inline-block !important
}

@media (min-width:576px) {
    .u-display--block-sm {
        display: block !important
    }

    .u-display--hidden-sm {
        display: none !important
    }
}

@media (min-width:720px) {
    .u-display--block-md {
        display: block !important
    }

    .u-display--hidden-md {
        display: none !important
    }
}

@media (max-width:574px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (max-width:719px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (max-width:964px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width:574px) {
    .hidden-xs-up {
        display: none !important
    }
}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (min-width:720px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (min-width:965px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (min-width:575px) {
    .visible-xs {
        display: none !important
    }
}

@media (min-width:720px) {
    .visible-sm {
        display: none !important
    }
}

@media (min-width:965px) {
    .visible-md {
        display: none !important
    }
}

.bg--neutralBlackGrad {
    background: #333;
    background: -webkit-gradient(linear,left top,left bottom,from(#333),color-stop(67%,#232323));
    background: linear-gradient(180deg,#333 0,#232323 67%)
}

hr.dotted-line {
    background-image: none !important;
    background-repeat: repeat;
    border: 0;
    border-bottom: 1px solid #eeeeee !important;
    width: 66%;
    height: 0 !important;
}

@media (min-width:965px) {
    hr.dotted-line {
        margin: 2rem auto
    }
}

@media (max-width:575px) {
    hr.dotted-line {
        margin: 1rem 0
    }
}

.u-keyline {
    border: solid #86609c;
    border-width: 0 0 0 1rem;
    padding-left: 3rem
}

.u-content-centred {
    margin: 0 auto;
    padding: 4rem 0 2rem
}

@media (min-width:1200px) {
    .u-content-centred {
        width: 55.1rem
    }
}

@media (min-width:965px) and (max-width:1199px) {
    .u-content-centred {
        width: 59rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .u-content-centred {
        width: 43rem
    }
}

@media (min-width:575px) and (max-width:719px) {
    .u-content-centred {
        width: 33.4rem
    }
}

@media (max-width:574px) {
    .u-content-centred {
        width: 100%;
        padding: 0 .5rem
    }
}

.u-has-bg-icon {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.u--colour--default, .u-color--default {
    color: #333 !important
}

.u--colour--white, .u-color--white {
    color: #fff !important
}

.u--colour--neutralBlack, .u-color--neutralBlack {
    color: #232323 !important
}

.u--colour--neutralDarkest, .u-color--neutralDarkest {
    color: #333 !important
}

.u--colour--neutralDarker, .u-color--neutralDarker {
    color: #4d4d4d !important
}

.u--colour--neutralDark, .u-color--neutralDark {
    color: #737373 !important
}

.u--colour--neutralMidDark, .u-color--neutralMidDark {
    color: #999 !important
}

.u--colour--neutralMid, .u-color--neutralMid {
    color: #cbcbcb !important
}

.u--colour--neutralMidLight, .u-color--neutralMidLight {
    color: #e6e6e6 !important
}

.u--colour--neutralLight, .u-color--neutralLight {
    color: #efefef !important
}

.u--colour--neutralLighter, .u-color--neutralLighter {
    color: #f2f2f2 !important
}

.u--colour--neutralLightest, .u-color--neutralLightest {
    color: #f5f5f5 !important
}

.u--colour--neutralSectionGrey, .u-color--neutralSectionGrey {
    color: #f7f7f7 !important
}

.u--colour--neutralSectionGreyDarker, .u-color--neutralSectionGreyDarker {
    color: #bbb !important
}

.u--colour--supportingBlack, .u-color--supportingBlack {
    color: #16333b !important
}

.u--colour--supportingDarkest, .u-color--supportingDarkest {
    color: #315562 !important
}

.u--colour--supportingDarker, .u-color--supportingDarker {
    color: #51727d !important
}

.u--colour--supportingDark, .u-color--supportingDark {
    color: #79969f !important
}

.u--colour--supportingMidDark, .u-color--supportingMidDark {
    color: #9db2b9 !important
}

.u--colour--supportingMid, .u-color--supportingMid {
    color: #beccd0 !important
}

.u--colour--supportingMidLight, .u-color--supportingMidLight {
    color: #d1dbde !important
}

.u--colour--supportingLight, .u-color--supportingLight {
    color: #dfe6e8 !important
}

.u--colour--supportingLighter, .u-color--supportingLighter {
    color: #e9eff0 !important
}

.u--colour--supportingLightest, .u-color--supportingLightest {
    color: #f4f7f7 !important
}

.u--colour--brand, .u-color--brand {
    color: #7d3cff !important
}

.u--colour--brandMid, .u-color--brandMid {
    color: #86609c !important
}

.u--colour--brandDark, .u-color--brandDark {
    color: #6f0009 !important
}

.u--colour--brandDarker, .u-color--brandDarker {
    color: #3d0061 !important
}

.u--colour--success, .u-color--success {
    color: #659600 !important
}

.u--colour--danger, .u-color--danger {
    color: #d31c00 !important
}

.u--colour--warning, .u-color--warning {
    color: #f0870f !important
}

.u--colour--infoLight, .u-color--infoLight {
    color: #93c1ce !important
}

.u--colour--info, .u-color--info {
    color: #86609c !important
}

.u--colour--infoMid, .u-color--infoMid {
    color: #00b3e6 !important
}

.u--colour--dark, .u-color--dark {
    color: #1a1a1a !important
}

.u--colour--red, .u-color--red {
    color: #b1000e !important
}

.u--colour--purple, .u-color--purple {
    color: #3d0061 !important
}

.u--colour--light, .u-color--light {
    color: #fff !important
}

.u--colour--highlight, .u-color--highlight {
    color: #0076c0 !important
}

.u--colour--transparent, .u-color--transparent {
    color: transparent !important
}

.u--colour--neutralBackgroundGrey, .u-color--neutralBackgroundGrey {
    color: #e0e0e0 !important
}

.u-bg-image {
    position: relative;
    background-repeat: no-repeat
}

.u-bg-image__center {
    background-position: 50%
}

.u-bg-image__cover {
    background-size: cover;
    max-height: 425px
}

.u-bg-image__responsive {
    padding-bottom: 56.2%
}

@media (max-width:720px) {
    .u-bg-image__responsive {
        height: 50vw;
        max-height: 300px
    }
}

.u-bg-image__responsive-half {
    padding-bottom: 28.1%
}

@media (max-width:720px) {
    .u-bg-image__responsive-half {
        height: 25vw;
        max-height: 150px
    }
}

.u-bg-image__banner-cta {
    padding-bottom: 16%
}

@media (max-width:720px) {
    .u-bg-image__banner-cta {
        height: 20vw;
        max-height: 92px;
        max-height: 67px
    }
}

.u-backgroundColor--neutralSectionGreyGradient {
    background-color: linear-gradient(90deg,#e0dee3,#f1f1f1)
}

.u-backgroundColor--default {
    position: relative;
    z-index: 0;
    background-color: #333
}

.u-backgroundColor--default-80 {
    background-color: rgba(51,51,51,.8)
}

.u-backgroundColor--default-50 {
    background-color: rgba(51,51,51,.5)
}

.u-backgroundColor--white {
    position: relative;
    z-index: 0;
    background-color: #fff
}

.u-backgroundColor--white-80 {
    background-color: hsla(0,0%,100%,.8)
}

.u-backgroundColor--white-50 {
    background-color: hsla(0,0%,100%,.5)
}

.u-backgroundColor--neutralBlack {
    position: relative;
    z-index: 0;
    background-color: #232323
}

.u-backgroundColor--neutralBlack-80 {
    background-color: rgba(35,35,35,.8)
}

.u-backgroundColor--neutralBlack-50 {
    background-color: rgba(35,35,35,.5)
}

.u-backgroundColor--neutralDarkest {
    position: relative;
    z-index: 0;
    background-color: #333
}

.u-backgroundColor--neutralDarkest-80 {
    background-color: rgba(51,51,51,.8)
}

.u-backgroundColor--neutralDarkest-50 {
    background-color: rgba(51,51,51,.5)
}

.u-backgroundColor--neutralDarker {
    position: relative;
    z-index: 0;
    background-color: #4d4d4d
}

.u-backgroundColor--neutralDarker-80 {
    background-color: rgba(77,77,77,.8)
}

.u-backgroundColor--neutralDarker-50 {
    background-color: rgba(77,77,77,.5)
}

.u-backgroundColor--neutralDark {
    position: relative;
    z-index: 0;
    background-color: #737373
}

.u-backgroundColor--neutralDark-80 {
    background-color: hsla(0,0%,45.1%,.8)
}

.u-backgroundColor--neutralDark-50 {
    background-color: hsla(0,0%,45.1%,.5)
}

.u-backgroundColor--neutralMidDark {
    position: relative;
    z-index: 0;
    background-color: #999
}

.u-backgroundColor--neutralMidDark-80 {
    background-color: hsla(0,0%,60%,.8)
}

.u-backgroundColor--neutralMidDark-50 {
    background-color: hsla(0,0%,60%,.5)
}

.u-backgroundColor--neutralMid {
    position: relative;
    z-index: 0;
    background-color: #cbcbcb
}

.u-backgroundColor--neutralMid-80 {
    background-color: hsla(0,0%,79.6%,.8)
}

.u-backgroundColor--neutralMid-50 {
    background-color: hsla(0,0%,79.6%,.5)
}

.u-backgroundColor--neutralMidLight {
    position: relative;
    z-index: 0;
    background-color: #e6e6e6
}

.u-backgroundColor--neutralMidLight-80 {
    background-color: hsla(0,0%,90.2%,.8)
}

.u-backgroundColor--neutralMidLight-50 {
    background-color: hsla(0,0%,90.2%,.5)
}

.u-backgroundColor--neutralLight {
    position: relative;
    z-index: 0;
    background-color: #efefef
}

.u-backgroundColor--neutralLight-80 {
    background-color: hsla(0,0%,93.7%,.8)
}

.u-backgroundColor--neutralLight-50 {
    background-color: hsla(0,0%,93.7%,.5)
}

.u-backgroundColor--neutralLighter {
    position: relative;
    z-index: 0;
    background-color: #f2f2f2
}

.u-backgroundColor--neutralLighter-80 {
    background-color: hsla(0,0%,94.9%,.8)
}

.u-backgroundColor--neutralLighter-50 {
    background-color: hsla(0,0%,94.9%,.5)
}

.u-backgroundColor--neutralLightest {
    position: relative;
    z-index: 0;
    background-color: #f5f5f5
}

.u-backgroundColor--neutralLightest-80 {
    background-color: hsla(0,0%,96.1%,.8)
}

.u-backgroundColor--neutralLightest-50 {
    background-color: hsla(0,0%,96.1%,.5)
}

.u-backgroundColor--neutralSectionGrey {
    position: relative;
    z-index: 0;
    background-color: #f7f7f7
}

.u-backgroundColor--neutralSectionGrey-80 {
    background-color: hsla(0,0%,96.9%,.8)
}

.u-backgroundColor--neutralSectionGrey-50 {
    background-color: hsla(0,0%,96.9%,.5)
}

.u-backgroundColor--neutralSectionGreyDarker {
    position: relative;
    z-index: 0;
    background-color: #bbb
}

.u-backgroundColor--neutralSectionGreyDarker-80 {
    background-color: hsla(0,0%,73.3%,.8)
}

.u-backgroundColor--neutralSectionGreyDarker-50 {
    background-color: hsla(0,0%,73.3%,.5)
}

.u-backgroundColor--supportingBlack {
    position: relative;
    z-index: 0;
    background-color: #16333b
}

.u-backgroundColor--supportingBlack-80 {
    background-color: rgba(22,51,59,.8)
}

.u-backgroundColor--supportingBlack-50 {
    background-color: rgba(22,51,59,.5)
}

.u-backgroundColor--supportingDarkest {
    position: relative;
    z-index: 0;
    background-color: #315562
}

.u-backgroundColor--supportingDarkest-80 {
    background-color: rgba(49,85,98,.8)
}

.u-backgroundColor--supportingDarkest-50 {
    background-color: rgba(49,85,98,.5)
}

.u-backgroundColor--supportingDarker {
    position: relative;
    z-index: 0;
    background-color: #51727d
}

.u-backgroundColor--supportingDarker-80 {
    background-color: rgba(81,114,125,.8)
}

.u-backgroundColor--supportingDarker-50 {
    background-color: rgba(81,114,125,.5)
}

.u-backgroundColor--supportingDark {
    position: relative;
    z-index: 0;
    background-color: #79969f
}

.u-backgroundColor--supportingDark-80 {
    background-color: rgba(121,150,159,.8)
}

.u-backgroundColor--supportingDark-50 {
    background-color: rgba(121,150,159,.5)
}

.u-backgroundColor--supportingMidDark {
    position: relative;
    z-index: 0;
    background-color: #9db2b9
}

.u-backgroundColor--supportingMidDark-80 {
    background-color: rgba(157,178,185,.8)
}

.u-backgroundColor--supportingMidDark-50 {
    background-color: rgba(157,178,185,.5)
}

.u-backgroundColor--supportingMid {
    position: relative;
    z-index: 0;
    background-color: #beccd0
}

.u-backgroundColor--supportingMid-80 {
    background-color: rgba(190,204,208,.8)
}

.u-backgroundColor--supportingMid-50 {
    background-color: rgba(190,204,208,.5)
}

.u-backgroundColor--supportingMidLight {
    position: relative;
    z-index: 0;
    background-color: #d1dbde
}

.u-backgroundColor--supportingMidLight-80 {
    background-color: rgba(209,219,222,.8)
}

.u-backgroundColor--supportingMidLight-50 {
    background-color: rgba(209,219,222,.5)
}

.u-backgroundColor--supportingLight {
    position: relative;
    z-index: 0;
    background-color: #dfe6e8
}

.u-backgroundColor--supportingLight-80 {
    background-color: rgba(223,230,232,.8)
}

.u-backgroundColor--supportingLight-50 {
    background-color: rgba(223,230,232,.5)
}

.u-backgroundColor--supportingLighter {
    position: relative;
    z-index: 0;
    background-color: #e9eff0
}

.u-backgroundColor--supportingLighter-80 {
    background-color: rgba(233,239,240,.8)
}

.u-backgroundColor--supportingLighter-50 {
    background-color: rgba(233,239,240,.5)
}

.u-backgroundColor--supportingLightest {
    position: relative;
    z-index: 0;
    background-color: #f4f7f7
}

.u-backgroundColor--supportingLightest-80 {
    background-color: rgba(244,247,247,.8)
}

.u-backgroundColor--supportingLightest-50 {
    background-color: rgba(244,247,247,.5)
}

.u-backgroundColor--brand {
    position: relative;
    z-index: 0;
    background-color: #7d3cff
}

.u-backgroundColor--brand-80 {
    background-color: rgba(125,60,255,.8)
}

.u-backgroundColor--brand-50 {
    background-color: rgba(125,60,255,.5)
}

.u-backgroundColor--brandMid {
    position: relative;
    z-index: 0;
    background-color: #86609c
}

.u-backgroundColor--brandMid-80 {
    background-color: rgba(134,96,156,.8)
}

.u-backgroundColor--brandMid-50 {
    background-color: rgba(134,96,156,.5)
}

.u-backgroundColor--brandDark {
    position: relative;
    z-index: 0;
    background-color: #6f0009
}

.u-backgroundColor--brandDark-80 {
    background-color: rgba(111,0,9,.8)
}

.u-backgroundColor--brandDark-50 {
    background-color: rgba(111,0,9,.5)
}

.u-backgroundColor--brandDarker {
    position: relative;
    z-index: 0;
    background-color: #3d0061
}

.u-backgroundColor--brandDarker-80 {
    background-color: rgba(61,0,97,.8)
}

.u-backgroundColor--brandDarker-50 {
    background-color: rgba(61,0,97,.5)
}

.u-backgroundColor--success {
    position: relative;
    z-index: 0;
    background-color: #659600
}

.u-backgroundColor--success-80 {
    background-color: rgba(101,150,0,.8)
}

.u-backgroundColor--success-50 {
    background-color: rgba(101,150,0,.5)
}

.u-backgroundColor--danger {
    position: relative;
    z-index: 0;
    background-color: #d31c00
}

.u-backgroundColor--danger-80 {
    background-color: rgba(211,28,0,.8)
}

.u-backgroundColor--danger-50 {
    background-color: rgba(211,28,0,.5)
}

.u-backgroundColor--warning {
    position: relative;
    z-index: 0;
    background-color: #f0870f
}

.u-backgroundColor--warning-80 {
    background-color: rgba(240,135,15,.8)
}

.u-backgroundColor--warning-50 {
    background-color: rgba(240,135,15,.5)
}

.u-backgroundColor--infoLight {
    position: relative;
    z-index: 0;
    background-color: #93c1ce
}

.u-backgroundColor--infoLight-80 {
    background-color: rgba(147,193,206,.8)
}

.u-backgroundColor--infoLight-50 {
    background-color: rgba(147,193,206,.5)
}

.u-backgroundColor--info {
    position: relative;
    z-index: 0;
    background-color: #86609c
}

.u-backgroundColor--info-80 {
    background-color: rgba(134,96,156,.8)
}

.u-backgroundColor--info-50 {
    background-color: rgba(134,96,156,.5)
}

.u-backgroundColor--infoMid {
    position: relative;
    z-index: 0;
    background-color: #00b3e6
}

.u-backgroundColor--infoMid-80 {
    background-color: rgba(0,179,230,.8)
}

.u-backgroundColor--infoMid-50 {
    background-color: rgba(0,179,230,.5)
}

.u-backgroundColor--dark {
    position: relative;
    z-index: 0;
    background-color: #1a1a1a
}

.u-backgroundColor--dark-80 {
    background-color: rgba(26,26,26,.8)
}

.u-backgroundColor--dark-50 {
    background-color: rgba(26,26,26,.5)
}

.u-backgroundColor--red {
    position: relative;
    z-index: 0;
    background-color: #b1000e
}

.u-backgroundColor--red-80 {
    background-color: rgba(177,0,14,.8)
}

.u-backgroundColor--red-50 {
    background-color: rgba(177,0,14,.5)
}

.u-backgroundColor--purple {
    position: relative;
    z-index: 0;
    background-color: #3d0061
}

.u-backgroundColor--purple-80 {
    background-color: rgba(61,0,97,.8)
}

.u-backgroundColor--purple-50 {
    background-color: rgba(61,0,97,.5)
}

.u-backgroundColor--light {
    position: relative;
    z-index: 0;
    background-color: #fff
}

.u-backgroundColor--light-80 {
    background-color: hsla(0,0%,100%,.8)
}

.u-backgroundColor--light-50 {
    background-color: hsla(0,0%,100%,.5)
}

.u-backgroundColor--highlight {
    position: relative;
    z-index: 0;
    background-color: #0076c0
}

.u-backgroundColor--highlight-80 {
    background-color: rgba(0,118,192,.8)
}

.u-backgroundColor--highlight-50 {
    background-color: rgba(0,118,192,.5)
}

.u-backgroundColor--transparent {
    position: relative;
    z-index: 0;
    background-color: transparent
}

.u-backgroundColor--transparent-80 {
    background-color: rgba(0,0,0,.8)
}

.u-backgroundColor--transparent-50 {
    background-color: rgba(0,0,0,.5)
}

.u-backgroundColor--neutralBackgroundGrey {
    position: relative;
    z-index: 0;
    background-color: #e0e0e0
}

.u-backgroundColor--neutralBackgroundGrey-80 {
    background-color: hsla(0,0%,87.8%,.8)
}

.u-backgroundColor--neutralBackgroundGrey-50 {
    background-color: hsla(0,0%,87.8%,.5)
}

.c-hero__eyebrow, .c-hero__h1 {
    font-size: 1.4rem;
    line-height: 2.8rem
}

@media (min-width:575px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.2rem
    }
}

@media (min-width:720px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.6rem
    }
}

@media (min-width:965px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 3.9rem
    }
}

@media (min-width:1170px) {
    .c-hero__eyebrow, .c-hero__h1 {
        line-height: 4.2rem
    }
}

.c-hero__panel2--feefo.c-hero__panel2--dark--lg, .c-hero__panel2--feefo.c-hero__panel2--light--lg {
    padding-bottom: 1.6rem
}

@media (min-width:575px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg, .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        padding-bottom: 2rem
    }
}

.c-hero {
    z-index: 1;
    height: 100%
}

.c-hero, .c-hero--container {
    position: relative
}

@media (min-width:1170px) {
    .c-hero--container + .c-page-container {
        margin-top: -3rem;
        z-index: 2;
        position: relative
    }
}

@media (max-width:575px) {
    .c-hero--container.c-hero--carousel + .c-page-container {
        padding-top: 1.5rem
    }
}

@media (max-width:574.9px) {
    .c-hero.c-hero--hideSecondCta .o-btn:last-child {
        display: none
    }

    .c-hero.c-hero--hideSecondCta .c-hero__image {
        min-height: 356px
    }

    .c-hero .o-btn:not(:last-child) {
        margin-bottom: 2rem
    }
}

@media (min-width:965px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50rem;
        max-width: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .c-hero--has-no-panels .c-hero__panel2 {
        width: 50rem
    }
}

@media (min-width:965px) and (min-width:965px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 55rem
    }

    .c-hero--has-no-panels .c-hero__panel2 {
        max-width: 55rem
    }
}

@media (min-width:965px) and (max-width:964px) {
    .c-hero--has-no-panels .c-hero__panel1 {
        height: auto
    }

    .c-hero--has-no-panels .c-hero__image {
        background-position: right 0;
        background-size: auto 350px;
        height: 35rem
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__image picture {
        left: 12%;
        right: unset
    }

    .c-hero--has-right-panel .c-hero__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-hero--has-right-panel .c-hero__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 40rem
    }
}

@media (min-width:965px) and (min-width:1200px) {
    .c-hero--has-right-panel .c-hero__panel1 {
        max-width: 50rem
    }
}

@media (min-width:1170px) {
    .c-hero {
        height: 38rem
    }

        .c-hero + .c-page-container, .c-hero + .container.page {
            margin-top: -3rem;
            z-index: 2;
            position: relative
        }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-hero .c-hero__panel2:not(.c-hero__panel2--buttons-only) {
        position: absolute !important;
        right: 0;
        height: 35rem
    }
}

.c-hero__image {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

@media (min-width:965px) {
    .c-hero__image {
        width: 96.5rem
    }
}

@media (min-width:1200px) {
    .c-hero__image {
        width: 117rem
    }
}

.c-hero__image picture {
    display: block
}

    .c-hero__image picture img {
        width: 100%
    }

@media (min-width:965px) {
    .c-hero__image picture {
        position: absolute;
        right: 0
    }
}

@media (max-width:964px) {
    .c-hero__image picture {
        height: 25rem;
        position: relative;
        width: 100%
    }

        .c-hero__image picture img {
            width: 100%;
            height: 100%;
            position: absolute;
            -o-object-fit: cover;
            object-fit: cover
        }
}

@media (min-width:576px) and (max-width:719px) {
    .c-hero__image picture {
        height: 32rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__image picture {
        height: 35rem
    }
}

@media (min-width:965px) {
    .c-hero__image {
        height: 35rem
    }
}

@media (min-width:720px) {
    .c-hero__image--gradient:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 4rem;
        height: 100%
    }

    .c-hero__image--gradient.c-hero__image--dark:after {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(51,51,51,0)),to(#333));
        background: linear-gradient(90deg,rgba(51,51,51,0),#333)
    }

    .c-hero__image--gradient.c-hero__image--light:after {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,87.1%,0)),to(#dedede));
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),#dedede)
    }
}

.c-hero__content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

@media (max-width:719px) {
    .c-hero__content {
        height: auto;
        margin-top: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        background: none !important
    }
}

.c-hero__content:before {
    content: "";
    width: 100%;
    height: 15.8rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 158px;
    -ms-flex: 0 0 158px;
    flex: 0 0 15.8rem;
    display: none
}

@media (min-width:720px) {
    .c-hero__content:before {
        display: block
    }
}

@media (min-width:575px) {
    .c-hero__content:before {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 192px;
        -ms-flex: 0 0 192px;
        flex: 0 0 19.2rem
    }
}

@media (min-width:720px) {
    .c-hero__content {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .c-hero__content:before {
            display: none
        }
}

.c-hero__content:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width:575px) {
    .c-hero__content:after {
        display: none
    }
}

.c-hero__eyebrow {
    display: block
}

.c-hero__h1 {
    font-weight: 500;
    font-size: 2.2rem;
    margin-bottom: 0
}

@media (min-width:575px) {
    .c-hero__h1 {
        font-size: 2.6rem
    }
}

@media (min-width:720px) {
    .c-hero__h1 {
        font-size: 3.2rem
    }
}

@media (min-width:965px) {
    .c-hero__h1 {
        max-width: 90%;
        font-size: 3.8rem;
        margin-bottom: .5rem
    }
}

.c-hero__subtext {
    padding-top: .8rem
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-hero__subtext {
        width: 45rem
    }
}

.c-hero__subtext p {
    margin: 0 0 1rem;
    font-size: 1.65rem;
    line-height: 2.4rem
}

@media (min-width:720px) {
    .c-hero__subtext p {
        font-size: 1.8rem
    }
}

.c-hero__subtext p:last-child {
    margin: 0
}

.c-hero__panel1 {
    padding: 2rem
}

@media (max-width:720px -1) {
    .c-hero__panel1 {
        margin-top: auto;
        margin-bottom: -.1rem
    }
}

@media (min-width:575px) {
    .c-hero__panel1 {
        padding: 2.9rem 3rem
    }
}

@media (min-width:720px) {
    .c-hero__panel1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:965px) {
    .c-hero__panel1 {
        width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem;
        height: auto
    }
}

@media (min-width:1200px) {
    .c-hero__panel1 {
        width: 50rem;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__panel1 {
        width: 72rem;
        margin: 0 auto
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__panel1 {
        width: 57.6rem;
        margin: 0 auto
    }
}

.c-hero__panel1--light .c-hero__feefo-sticker-stars, .c-hero__panel1--light .c-hero__feefo-sticker-stars--filled {
    background-image: url("/_res/dist/img/css-images/stars_dark.svg")
}

.c-hero__panel2 {
    padding: 0 2rem 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .c-hero__panel2.c-hero__panel2--feefo {
        padding-top: 1.8rem
    }

@media (min-width:575px) {
    .c-hero__panel2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 3rem 2.4rem
    }

        .c-hero__panel2 .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }

        .c-hero__panel2.c-hero__panel2--feefo {
            padding: 2.4rem 0 2rem
        }
}

@media (min-width:720px) {
    .c-hero__panel2.c-hero__panel2--feefo {
        padding: 2rem 0;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__panel2 {
        width: 72rem;
        margin: 0 auto
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__panel2 {
        width: 57.6rem;
        margin: 0 auto
    }
}

@media (min-width:965px) {
    .c-hero__panel2.c-hero__panel2--show {
        padding-left: 5.8rem;
        padding-right: 2.2rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 280px;
        -ms-flex: 0 0 280px;
        flex: 0 0 28rem;
        max-width: 28rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .c-hero__panel2.c-hero__panel2--show:before {
            position: absolute;
            content: "";
            top: 0;
            left: 8px;
            display: block !important
        }

        .c-hero__panel2.c-hero__panel2--show:after {
            position: absolute;
            content: "";
            top: 0;
            left: 36px;
            width: 1rem;
            height: 35rem;
            display: block !important;
            -webkit-transform: skew(-12.095deg);
            transform: skew(-12.095deg)
        }

    .c-hero__panel2 .o-btn:not(:last-child) {
        margin: 0 0 1rem
    }
}

@media (min-width:1170px) {
    .c-hero__panel2.c-hero__panel2--show {
        padding-left: 5rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 300px;
        -ms-flex: 0 0 300px;
        flex: 0 0 30rem;
        max-width: 30rem
    }
}

.c-hero__feefo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero__feefo {
        width: 72rem;
        margin: 0 auto;
        padding: 0 3rem
    }
}

@media (min-width:575px) and (max-width:719px) {
    .c-hero__feefo {
        width: 57.6rem;
        margin: 0 auto;
        padding: 0 3rem
    }
}

@media (min-width:576px) {
    .c-hero__feefo {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:965px) {
    .c-hero__feefo {
        position: relative;
        z-index: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ffd000;
        padding: 1.3rem 1.3rem 1.2rem;
        border-radius: .5rem;
        margin-bottom: 1.6rem
    }
}

@media (min-width:1170px) {
    .c-hero__feefo {
        padding: 2rem 1.8rem 1.8rem;
        margin-bottom: 2rem
    }
}

.c-hero__feefo-badge {
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-repeat: no-repeat;
    display: block;
    width: 7.3rem;
    height: 3.6rem;
    background-size: 102px auto;
    margin: 0 1.2rem .8rem 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 73px;
    -ms-flex: 0 0 73px;
    flex: 0 0 7.3rem
}

@media (min-width:575px) {
    .c-hero__feefo-badge {
        margin: 0 1.4rem 0 0
    }
}

@media (min-width:965px) {
    .c-hero__feefo-badge {
        background-position: left -27px;
        background-size: 117px 85px;
        width: 8.5rem;
        height: 1.3rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 13px;
        -ms-flex: 0 0 13px;
        flex: 0 0 1.3rem;
        margin: 0 0 .5rem
    }
}

.c-hero__feefo-badge-lg {
    display: none
}

@media (min-width:965px) {
    .c-hero__feefo-badge-lg {
        background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
        background-repeat: no-repeat;
        background-size: 102px auto;
        display: block;
        width: 7.3rem;
        height: 2rem;
        margin: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
        flex: 0 0 2rem
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-badge-lg {
        display: block;
        background-size: auto auto;
        height: 2rem;
        width: 8.1rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20px;
        -ms-flex: 0 0 20px;
        flex: 0 0 2rem
    }
}

.c-hero__feefo-score {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.2rem
}

@media (min-width:575px) {
    .c-hero__feefo-score {
        margin: 0 3rem 0 0
    }
}

@media (min-width:720px) {
    .c-hero__feefo-score {
        margin: 0 3.6rem 0 0
    }
}

@media (min-width:965px) {
    .c-hero__feefo-score {
        color: #000;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        font-size: 1.4rem;
        text-align: center;
        border-bottom: .1rem solid #e5c300
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-score {
        font-size: 1.6rem;
        margin: 0 0 1.2rem;
        padding: 0 0 1.2rem
    }
}

.c-hero__feefo-stars {
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 74px 49px;
    display: inline-block;
    height: 1.2rem;
    width: 7.4rem;
    margin: .3rem 0 .5rem;
    position: relative
}

@media (min-width:965px) {
    .c-hero__feefo-stars {
        margin-top: 0;
        height: 1.7rem;
        width: 9.2rem;
        background-size: 92px auto
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-stars {
        height: 2rem;
        width: 11.7rem;
        background-size: auto auto;
        margin-bottom: 1rem
    }
}

.c-hero__feefo-stars--filled {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("/_res/dist/img/css-images/feefo.png?v=1.1");
    background-position: left -25px;
    background-repeat: no-repeat;
    background-size: 74px 49px
}

@media (min-width:965px) {
    .c-hero__feefo-stars--filled {
        background-position: left -33px;
        background-size: 92px auto
    }
}

@media (min-width:1170px) {
    .c-hero__feefo-stars--filled {
        height: 2rem;
        width: 11.7rem;
        background-position: left -43px;
        background-size: auto auto
    }
}

@media (max-width:575px) {
    .c-hero__feefo-text {
        padding-top: 1rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.c-hero__feefo-text, .c-hero__feefo-text p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6rem
}

    .c-hero__feefo-text a {
        color: inherit;
        font-weight: 600;
        font-family: silka,Arial,sans-serif
    }

@media (min-width:720px) {
    .c-hero__feefo-text {
        max-width: 35rem
    }
}

@media (min-width:965px) {
    .c-hero__feefo-text {
        display: none
    }
}

.c-hero__feefo-text--lg {
    display: none
}

@media (min-width:965px) {
    .c-hero__feefo-text--lg {
        position: relative;
        display: block;
        text-align: center;
        line-height: 1.7rem;
        z-index: 2;
        max-width: 22.5rem
    }
}

.c-hero__feefo-sticker {
    margin-top: 2.2rem;
    width: 14.3rem;
    height: 5.5rem
}

.c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/feefo-logo-white-and-yellow.png");
    background-repeat: no-repeat;
    background-size: 64px 15px;
    display: block;
    width: 6.4rem;
    height: 1.5rem;
    margin-top: 1rem
}

.c-hero__feefo-sticker-stars {
    margin-right: .3rem;
    background-position: left -20px;
    height: 1.8rem;
    width: 9.2rem;
    position: relative;
    top: 1px;
    vertical-align: bottom
}

.c-hero__feefo-sticker-stars, .c-hero__feefo-sticker-stars--filled {
    background-image: url("/_res/dist/img/css-images/stars.svg");
    background-repeat: repeat-x;
    display: inline-block
}

.c-hero__feefo-sticker-stars--filled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0
}

.c-hero__feefo-sticker-score {
    text-align: right;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 1.8rem;
    border-bottom: .1rem solid #fff;
    padding-bottom: .8rem
}

.c-hero__apr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    z-index: 1
}

@media (min-width:575px) {
    .c-hero__apr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:965px) {
    .c-hero__apr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-hero__apr-buttons {
    margin-top: 1rem
}

@media (min-width:575px) {
    .c-hero__apr-buttons {
        margin-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-hero__apr-buttons .o-btn:not(:last-child) {
            margin: 0 0 1rem
        }
}

@media (min-width:720px) {
    .c-hero__apr-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-hero__apr-buttons .o-btn {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 50%;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%;
            max-width: 50%
        }

            .c-hero__apr-buttons .o-btn:not(:last-child) {
                margin: 0 1rem 0 0
            }
}

@media (min-width:965px) {
    .c-hero__apr-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-hero__apr-buttons .o-btn {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: 100%
        }

            .c-hero__apr-buttons .o-btn:not(:last-child) {
                margin: 0 0 1rem
            }
}

.c-hero__apr--small-only {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:575px) {
    .c-hero__apr--small-only {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 35rem;
        margin-right: 1rem
    }
}

@media (min-width:965px) {
    .c-hero__apr--small-only {
        margin-right: 0
    }
}

.c-hero__apr-rate {
    margin-bottom: 0;
    line-height: 1;
    height: 5.4rem;
    width: 11rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 110px;
    -ms-flex: 0 0 110px;
    flex: 0 0 11rem
}

@media (min-width:965px) {
    .c-hero__apr-rate {
        margin: 0 auto
    }
}

.c-hero__apr-rate-number {
    font-size: 6rem;
    letter-spacing: -4px;
    line-height: 6rem;
    height: 5.4rem;
    width: 7.8rem;
    display: inline-block;
    margin-top: -.8rem
}

.c-hero__apr-rate-sign {
    height: 6rem;
    width: 3.2rem;
    top: -54px;
    margin-bottom: -5.4rem;
    left: 78px;
    position: relative;
    display: block
}

.c-hero__apr-rate--percent {
    position: absolute;
    bottom: 28px;
    height: 2.6rem;
    width: 3.2rem;
    font-size: 3.1rem;
    line-height: 3.2rem
}

.c-hero__apr-rate--apr {
    position: absolute;
    bottom: 2px;
    height: 2rem;
    width: 3.2rem;
    font-size: 1.7rem;
    line-height: 1.8rem
}

.c-hero__apr-text-desktop {
    display: none
}

.c-hero__apr-text-smalldevice {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem
}

@media (min-width:965px) {
    .c-hero__apr-text-smalldevice {
        display: none
    }

    .c-hero__apr-text-desktop {
        text-align: center;
        display: block;
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.c-hero--has-right-panel .c-hero__panel1--dark {
    color: #fff
}

@media (min-width:720px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        position: relative;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 100px,rgba(51,51,51,0))
    }
}

@media (min-width:1170px) {
    .c-hero--has-right-panel .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 250px,rgba(51,51,51,0))
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero--has-right-panel .c-hero__panel1--dark:after {
        content: "";
        width: 100%;
        height: 5rem;
        position: absolute;
        top: 100%;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%);
        left: 0
    }
}

.c-hero--has-right-panel .c-hero__panel1--dark .c-hero__feefo-sticker-score {
    color: #fff;
    border-color: #fff
}

.c-hero--has-right-panel .c-hero__panel1--light {
    color: #000
}

@media (min-width:720px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        position: relative;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 100px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:1170px) {
    .c-hero--has-right-panel .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 250px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-hero--has-right-panel .c-hero__panel1--light:after {
        content: "";
        width: 100%;
        height: 5rem;
        position: absolute;
        top: 100%;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%);
        left: 0
    }
}

.c-hero--has-right-panel .c-hero__panel1--light .c-hero__feefo-sticker-score {
    color: #000;
    border-color: #000
}

.c-hero--has-right-panel .c-hero__panel1--light .c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/Feefo_logo_grey.png")
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
    color: #fff
}

@media (min-width:720px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: linear-gradient(90deg,#333 234px,rgba(51,51,51,0))
    }
}

@media (min-width:1170px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(30%,#333),color-stop(30%,#333));
        background: linear-gradient(270deg,rgba(51,51,51,0),#333 30%,#333 0)
    }
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--dark .c-hero__feefo-sticker-score {
    color: #fff;
    border-color: #fff
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
    color: #000
}

@media (min-width:720px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%)
    }
}

@media (min-width:965px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: linear-gradient(90deg,#dedede 234px,hsla(0,0%,87.1%,0))
    }
}

@media (min-width:1170px) {
    .c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(30%,#dedede),color-stop(30%,#dedede));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),#dedede 30%,#dedede 0)
    }
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light .c-hero__feefo-sticker-score {
    color: #000;
    border-color: #000
}

.c-hero:not(.c-hero--has-right-panel) .c-hero__panel1--light .c-hero__feefo-sticker-badge {
    background-image: url("/_res/dist/img/css-images/Feefo_logo_grey.png")
}

.c-hero__panel2--dark {
    color: #fff;
    background-color: #333
}

@media (min-width:720px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        color: #fff;
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(28%,rgba(51,51,51,.3)),color-stop(83%,rgba(51,51,51,.75)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.3) 28%,rgba(51,51,51,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#333 234px,rgba(51,51,51,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--dark.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--dark.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(30%,#333),color-stop(30%,#333));
        background: linear-gradient(270deg,rgba(51,51,51,0),#333 30%,#333 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--dark {
        color: #fff;
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,#333 0)
    }

        .c-hero__panel2--dark:before {
            background: linear-gradient(90deg,rgba(51,51,51,.4),#333 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--dark {
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,rgba(51,51,51,.8) 0,#333 95px)
    }

        .c-hero__panel2--dark:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(51,51,51,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem
        }
}

@media (min-width:965px) {
    .c-hero__panel2--dark:after {
        background: rgba(51,51,51,.4)
    }
}

.c-hero__panel2--light {
    background-color: #dedede;
    color: #000
}

@media (min-width:720px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        color: #000;
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(28%,hsla(0,0%,87.1%,.3)),color-stop(83%,hsla(0,0%,87.1%,.75)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.3) 28%,hsla(0,0%,87.1%,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#dedede 234px,hsla(0,0%,87.1%,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--light.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--light.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(30%,#dedede),color-stop(30%,#dedede));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),#dedede 30%,#dedede 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--light {
        color: #000;
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,#dedede 0)
    }

        .c-hero__panel2--light:before {
            background: linear-gradient(90deg,hsla(0,0%,87.1%,.4),#dedede 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--light {
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,hsla(0,0%,87.1%,.8) 0,#dedede 95px)
    }

        .c-hero__panel2--light:before {
            width: 0;
            height: 0;
            border-color: transparent transparent hsla(0,0%,87.1%,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem
        }
}

@media (min-width:965px) {
    .c-hero__panel2--light:after {
        background: hsla(0,0%,87.1%,.4)
    }
}

.c-hero__panel2--feefo {
    background-color: #ffd000;
    color: #000;
    z-index: 1
}

@media (min-width:720px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        color: #000;
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,208,0,0)),color-stop(28%,rgba(255,208,0,.3)),color-stop(83%,rgba(255,208,0,.75)));
        background: linear-gradient(270deg,rgba(255,208,0,0),rgba(255,208,0,.3) 28%,rgba(255,208,0,.75) 83%);
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 1.2rem 3rem 3rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        background: linear-gradient(90deg,#ffd000 234px,rgba(255,208,0,0));
        padding-top: 0;
        max-width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

        .c-hero__panel2--feefo.c-hero__panel2--buttons-only .o-btn:not(:last-child) {
            margin: 0 1.4rem 0 0
        }
}

@media (min-width:1170px) {
    .c-hero__panel2--feefo.c-hero__panel2--buttons-only {
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,208,0,0)),color-stop(30%,#ffd000),color-stop(30%,#ffd000));
        background: linear-gradient(270deg,rgba(255,208,0,0),#ffd000 30%,#ffd000 0);
        padding-left: 5rem;
        max-width: 50rem
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo {
        color: #000;
        background: linear-gradient(90deg,rgba(255,208,0,0),rgba(255,208,0,0) 82px,#ffd000 0)
    }

        .c-hero__panel2--feefo:before {
            background: linear-gradient(90deg,rgba(255,208,0,.4),#ffd000 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo {
        background: linear-gradient(90deg,rgba(255,208,0,0),rgba(255,208,0,0) 82px,rgba(255,208,0,.8) 0,#ffd000 95px)
    }

        .c-hero__panel2--feefo:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(255,208,0,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo:after {
        background: rgba(255,208,0,.4)
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg {
        color: #fff;
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,#333 0)
    }

        .c-hero__panel2--feefo.c-hero__panel2--dark--lg:before {
            background: linear-gradient(90deg,rgba(51,51,51,.4),#333 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg {
        background: linear-gradient(90deg,rgba(51,51,51,0),rgba(51,51,51,0) 82px,rgba(51,51,51,.8) 0,#333 95px)
    }

        .c-hero__panel2--feefo.c-hero__panel2--dark--lg:before {
            width: 0;
            height: 0;
            border-color: transparent transparent rgba(51,51,51,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--dark--lg:after {
        background: rgba(51,51,51,.4)
    }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        color: #000;
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,#dedede 0)
    }

        .c-hero__panel2--feefo.c-hero__panel2--light--lg:before {
            background: linear-gradient(90deg,hsla(0,0%,87.1%,.4),#dedede 75px);
            width: 7.5rem;
            height: 100.1%;
            -webkit-clip-path: polygon(100% 0,0 100%,100% 100%);
            clip-path: polygon(100% 0,0 100%,100% 100%)
        }
}

@media (min-width:965px) and (-ms-high-contrast:active),(min-width:965px) and (-ms-high-contrast:none) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg {
        background: linear-gradient(90deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,0) 82px,hsla(0,0%,87.1%,.8) 0,#dedede 95px)
    }

        .c-hero__panel2--feefo.c-hero__panel2--light--lg:before {
            width: 0;
            height: 0;
            border-color: transparent transparent hsla(0,0%,87.1%,.8);
            border-style: solid;
            border-width: 0 0 35rem 7.5rem;
            -webkit-clip-path: none;
            clip-path: none
        }
}

@media (min-width:965px) {
    .c-hero__panel2--feefo.c-hero__panel2--light--lg:after {
        background: hsla(0,0%,87.1%,.4)
    }
}

@media (max-width:719px) {
    .c-hero.c-hero--dark .c-hero__content {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(51,51,51,0)),color-stop(15%,#333),color-stop(50%,#333));
        background: linear-gradient(180deg,rgba(51,51,51,0),#333 15%,#333 50%)
    }

    .c-hero.c-hero--light .c-hero__content {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,87.1%,0)),color-stop(15%,#dedede),color-stop(50%,#dedede));
        background: linear-gradient(180deg,hsla(0,0%,87.1%,0),#dedede 15%,#dedede 50%)
    }
}

.c-hero__panel1--dark .btn.btn--transparent, .c-hero__panel1--dark .o-btn--dark-outline, .c-hero__panel1--dark .o-btn--primary-outline, .c-hero__panel1--dark .o-btn--secondary-outline, .c-hero__panel2--dark .btn.btn--transparent, .c-hero__panel2--dark .o-btn--dark-outline, .c-hero__panel2--dark .o-btn--primary-outline, .c-hero__panel2--dark .o-btn--secondary-outline {
    color: #fff
}

.c-hero .c-hero__h1 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 300;
    margin-bottom: 2rem
}

@media (min-width:576px) {
    .c-hero .c-hero__h1 {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

@media (min-width:965px) {
    .c-hero .c-hero__h1 {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.c-hero .c-hero__subtext {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300;
    font-family: silka,Arial,sans-serif;
    padding-top: 0
}

@media (min-width:965px) {
    .c-hero .c-hero__subtext {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}

.c-hero .c-hero__subtext p {
    font-family: silka,Arial,sans-serif
}

@media (min-width:720px) {
    .c-hero__panel1--color-000000 {
        color: #000
    }

    .c-hero__panel1--color-ffffff {
        color: #fff
    }
}

.c-banner__h1 {
    font-size: 1.4rem;
    line-height: 2.8rem
}

@media (min-width:575px) {
    .c-banner__h1 {
        line-height: 3.2rem
    }
}

@media (min-width:720px) {
    .c-banner__h1 {
        line-height: 3.6rem
    }
}

@media (min-width:965px) {
    .c-banner__h1 {
        line-height: 3.9rem
    }
}

@media (min-width:1170px) {
    .c-banner__h1 {
        line-height: 4.2rem
    }
}

.c-banner {
    z-index: 1;
    height: 100%
}

.c-banner, .c-banner--container {
    position: relative
}

@media (min-width:720px) {
    .c-banner--container--has-no-panels .c-banner__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50rem;
        max-width: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .c-banner--container--has-no-panels .c-banner__panel2 {
        width: 50rem
    }
}

@media (min-width:720px) and (min-width:965px) {
    .c-banner--container--has-no-panels .c-banner__panel1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 55rem
    }

    .c-banner--container--has-no-panels .c-banner__panel2 {
        max-width: 55rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-banner--container--has-no-panels .c-banner__panel1 {
        height: auto
    }

    .c-banner--container--has-no-panels .c-banner__image {
        background-position: right 0;
        background-size: auto 350px
    }
}

.c-banner--container.c-banner--is-a-banner {
    margin-bottom: 1.6rem;
    overflow: hidden
}

    .c-banner--container.c-banner--is-a-banner .c-banner__image {
        background-size: auto 280px;
        height: auto;
        min-height: 280px;
        max-width: 100%
    }

@media (min-width:575px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__image {
        background-size: cover;
        height: auto;
        min-height: 280px
    }
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__image {
        background-size: cover;
        height: auto;
        min-height: 260px
    }

        .c-banner--container.c-banner--is-a-banner .c-banner__image picture {
            display: block;
            width: 100%;
            position: absolute;
            z-index: -1
        }
}

@media (min-width:965px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__image {
        background-size: cover;
        height: auto;
        min-height: 260px
    }
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__image {
        background-position: right 0;
        background-size: cover;
        min-height: 328px
    }
}

.c-banner--container.c-banner--is-a-banner .c-banner__image img {
    display: block
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1 {
        padding: 0 0 0 3rem;
        max-width: 60%
    }
}

@media (min-width:965px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1 {
        width: 51.5rem
    }
}

@media (min-width:1170px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1 {
        width: 54rem
    }
}

.c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--333333 {
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(51,51,51,0)),color-stop(13%,rgba(51,51,51,.65)),to(#333));
    background: linear-gradient(180deg,rgba(51,51,51,0),rgba(51,51,51,.65) 13%,#333)
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--333333 {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(17%,rgba(51,51,51,.5)),color-stop(58%,rgba(51,51,51,.85)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.5) 17%,rgba(51,51,51,.85) 58%)
    }
}

@media (min-width:965px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--333333 {
        background: -webkit-gradient(linear,right top,left top,from(rgba(51,51,51,0)),color-stop(17%,rgba(51,51,51,.5)),color-stop(58%,rgba(51,51,51,.85)));
        background: linear-gradient(270deg,rgba(51,51,51,0),rgba(51,51,51,.5) 17%,rgba(51,51,51,.85) 58%)
    }
}

.c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--dedede {
    color: #000;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,87.1%,0)),color-stop(13%,hsla(0,0%,87.1%,.65)),to(#dedede));
    background: linear-gradient(180deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.65) 13%,#dedede)
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--dedede {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(17%,hsla(0,0%,87.1%,.5)),color-stop(58%,hsla(0,0%,87.1%,.85)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.5) 17%,hsla(0,0%,87.1%,.85) 58%)
    }
}

@media (min-width:965px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--dedede {
        background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,87.1%,0)),color-stop(17%,hsla(0,0%,87.1%,.5)),color-stop(58%,hsla(0,0%,87.1%,.85)));
        background: linear-gradient(270deg,hsla(0,0%,87.1%,0),hsla(0,0%,87.1%,.5) 17%,hsla(0,0%,87.1%,.85) 58%)
    }
}

@media (min-width:720px) {
    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--transparent {
        background: none
    }

    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--color-white {
        color: #fff
    }

    .c-banner--container.c-banner--is-a-banner .c-banner__panel1.c-banner__panel1--color-black {
        color: #000
    }
}

.c-banner__image {
    background-repeat: no-repeat;
    background-size: auto 458px;
    background-position: top;
    width: 100%;
    min-height: 458px;
    margin: 0 auto;
    max-width: 117rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

    .c-banner__image picture img {
        width: 100%
    }

    .c-banner__image:not(.image-loaded) {
        background-size: cover
    }

@media (min-width:420px) {
    .c-banner__image {
        background-position: 55% top
    }
}

@media (max-width:719px) {
    .c-banner__image {
        height: 100%;
        background-image: none !important;
        padding-top: 0 !important
    }
}

@media (min-width:575px) {
    .c-banner__image {
        min-height: 0;
        background-position: right 0;
        background-size: auto 300px
    }
}

@media (min-width:720px) {
    .c-banner__image {
        background-position: right 0;
        background-size: cover
    }

        .c-banner__image picture {
            display: none
        }
}

@media (min-width:965px) {
    .c-banner__image {
        height: 35rem
    }
}

@media (min-width:720px) and (max-width:964px) {
    .c-banner__image {
        background-position: right 0;
        background-size: auto 350px;
        height: 100%
    }
}

@media (max-width:575px) {
    .c-banner__image {
        background-position: right 0;
        background-size: auto 300px
    }
}

@media (min-width:965px) {
    .c-banner__image {
        background-size: auto 350px;
        background-position: right 0
    }
}

.c-banner__content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:719px) {
    .c-banner__content {
        height: auto;
        margin-top: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        background: none !important
    }
}

.c-banner__content:before {
    content: "";
    width: 100%;
    height: 15.8rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 158px;
    -ms-flex: 0 0 158px;
    flex: 0 0 15.8rem;
    display: none
}

@media (min-width:720px) {
    .c-banner__content:before {
        display: block
    }
}

@media (min-width:575px) {
    .c-banner__content:before {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 192px;
        -ms-flex: 0 0 192px;
        flex: 0 0 19.2rem
    }
}

@media (min-width:720px) {
    .c-banner__content {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .c-banner__content:before {
            display: none
        }
}

.c-banner__content:after {
    display: block;
    content: "";
    clear: both
}

@media (min-width:575px) {
    .c-banner__content:after {
        display: none
    }
}

.c-banner__h1 {
    font-weight: 500;
    font-size: 2.2rem;
    margin-bottom: 0
}

@media (min-width:575px) {
    .c-banner__h1 {
        font-size: 2.6rem
    }
}

@media (min-width:720px) {
    .c-banner__h1 {
        font-size: 3.2rem
    }
}

@media (min-width:965px) {
    .c-banner__h1 {
        max-width: 90%;
        font-size: 3.8rem;
        margin-bottom: .5rem
    }
}

.c-banner__subtext {
    padding-top: .8rem
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .c-banner__subtext {
        width: 45rem
    }
}

.c-banner__subtext p {
    margin: 0 0 1rem;
    font-size: 1.65rem;
    line-height: 2.4rem
}

@media (min-width:720px) {
    .c-banner__subtext p {
        font-size: 1.8rem
    }
}

.c-banner__subtext p:last-child {
    margin: 0
}

.c-banner__panel1 {
    padding: 2rem
}

@media (max-width:720px -1) {
    .c-banner__panel1 {
        margin-top: auto;
        margin-bottom: -.1rem
    }
}

@media (min-width:575px) {
    .c-banner__panel1 {
        padding: 2rem 3rem
    }
}

@media (min-width:720px) {
    .c-banner__panel1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 68%;
        height: 35rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:965px) {
    .c-banner__panel1 {
        width: 40rem;
        padding-left: 5rem;
        padding-right: 5rem;
        height: auto
    }
}

@media (min-width:1200px) {
    .c-banner__panel1 {
        width: 50rem;
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width:720px) {
    .c-banner.c-banner--is-a-banner .c-banner__image {
        min-height: 350px
    }
}

.c-banner.c-banner--is-a-banner .c-banner__image img, .c-banner.c-banner--is-a-banner .c-banner__image picture {
    -o-object-fit: cover;
    object-fit: cover;
    height: 22rem
}

@media (min-width:576px) {
    .c-banner.c-banner--is-a-banner .c-banner__image img, .c-banner.c-banner--is-a-banner .c-banner__image picture {
        min-height: 260px
    }
}

@media (min-width:720px) {
    .c-banner.c-banner--is-a-banner .c-banner__image img, .c-banner.c-banner--is-a-banner .c-banner__image picture {
        min-height: 350px
    }
}

@media (min-width:720px) {
    .c-banner.c-banner--is-a-banner .c-banner__panel1 {
        padding: 0 0 0 3.4rem
    }
}

@media (min-width:965px) {
    .c-banner.c-banner--is-a-banner .c-banner__panel1 {
        padding: 0 0 0 4rem;
        max-width: 50rem
    }
}

.c-banner.c-banner--is-a-banner .c-banner__h1 {
    font-size: 2.2rem;
    line-height: 2.8rem
}

@media (min-width:720px) {
    .c-banner.c-banner--is-a-banner .c-banner__h1 {
        font-size: 3rem;
        line-height: 3.5rem
    }
}

.c-banner.c-banner--is-a-banner .c-banner__subtext P {
    font-size: 1.6rem;
    line-height: 2rem
}

@media (min-width:720px) {
    .c-banner.c-banner--is-a-banner .c-banner__subtext P {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

@media (min-width:1200px) {
    .c-banner.c-banner--is-a-banner .c-banner__subtext P {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

@media (min-width:720px) {
    .c-banner__panel1--color-000000 {
        color: #000
    }

    .c-banner__panel1--color-ffffff {
        color: #fff
    }
}