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

/* html5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote::before, blockquote::after,
    q::before, q::after {
        content: '';
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address {
    font-style: normal;
}

.border-radius {
    border-radius: 4px;
}

.border-radius--l {
    border-radius: 8px;
}

.bg-brand--blue {
    background: #2175D9;
    color: #F7F5F0;
}

    .bg-brand--blue a {
        color: #0F1941;
    }

.bg-brand--dark-blue {
    background: #0F1941;
    color: #F7F5F0;
}

    .bg-brand--dark-blue a {
        color: #2175D9;
    }

.bg-brand--turquoise {
    background: #6BA5B4;
    color: #F7F5F0;
}

    .bg-brand--turquoise a {
        color: #0F1941;
    }

.bg-brand--red {
    background: #e74536;
    color: #F7F5F0;
}

    .bg-brand--red a {
        color: #0F1941;
    }

.bg-brand--yellow {
    background: #FFB511;
}

    .bg-brand--yellow a {
        color: #F7F5F0;
    }

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

    .bg--brand--white a {
        color: #2175D9;
    }

.bg-brand--off-white {
    background: #F7F5F0;
    color: #0F1941;
}

    .bg-brand--off-white a {
        color: #2175D9;
    }

@font-face {
    font-family: 'Graphik';
    src: url("../font/Graphik-Regular.eot");
    src: url("../font/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Graphik-Regular.woff2") format("woff2"), url("../font/Graphik-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    box-sizing: border-box;
    color: #0F1941;
    font-display: swap;
    font-family: Graphik, Tahoma, "sans-serif";
    margin: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}

    html *, html *::before, html *::after {
        box-sizing: inherit;
    }

.hidden {
    display: none !important;
}

@media (min-width: 941px) {
    .hidden--from-l {
        display: none !important;
    }
}

@media (max-width: 940px) {
    .hidden--until-l {
        display: none !important;
    }
}

.hidden--visually {
    height: 1px;
    left: -1000%;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.text {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    color: #0F1941;
}

.text--alternative {
    color: #878CA0;
}

.bg-brand--blue .text--alternative,
.bg-brand--turquoise .text--alternative,
.bg-brand--red .text--alternative {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--yellow .text--alternative {
    color: rgba(15, 25, 65, 0.7);
}

.bg-brand--off-white .text--alternative {
    color: #878CA0;
}

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

.text--emphasis.text--emphasis {
    color: #2175D9;
}

.bg-brand--blue .text--emphasis.text--emphasis,
.bg-brand--red .text--emphasis.text--emphasis,
.bg-brand--turquoise .text--emphasis.text--emphasis,
.bg-brand--yellow .text--emphasis.text--emphasis {
    color: #0F1941;
}

.text--l {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.text--s {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}

.text--negative {
    color: #F24747;
}

.text--positive {
    color: #31AA74;
}

.text--blue {
    color: #2175D9;
}

.text--dark-blue {
    color: #0F1941;
}

.text--off-white {
    color: #F7F5F0;
}

.text--turquoise {
    color: #6BA5B4;
}

.text--red {
    color: #e74536;
}

.text--yellow {
    color: #FFB511;
}

.text--white {
    color: #F7F5F0;
}

.bg-brand--blue .text--duo-color.text--duo-color,
.bg-brand--turquoise .text--duo-color.text--duo-color,
.bg-brand--red .text--duo-color.text--duo-color,
.bg-brand--yellow .text--duo-color.text--duo-color {
    color: #0F1941;
}

    .bg-brand--blue .text--duo-color.text--duo-color::first-line,
    .bg-brand--turquoise .text--duo-color.text--duo-color::first-line,
    .bg-brand--red .text--duo-color.text--duo-color::first-line,
    .bg-brand--yellow .text--duo-color.text--duo-color::first-line {
        color: #F7F5F0;
    }

.bg-brand--dark-blue .text--duo-color.text--duo-color {
    color: #2175D9;
}

    .bg-brand--dark-blue .text--duo-color.text--duo-color::first-line {
        color: #F7F5F0;
    }

.bg-brand--off-white .text--duo-color.text--duo-color {
    color: #0F1941;
}

    .bg-brand--off-white .text--duo-color.text--duo-color::first-line {
        color: #2175D9;
    }

@media (min-width: 941px) {
    .text--dark-from-l {
        color: #0F1941;
    }

    .text--light-from-l {
        color: #F7F5F0;
    }
}

p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 30px;
}

.text-ellipsis {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title--xxl {
    font-size: 80px;
    letter-spacing: -4px;
    line-height: 80px;
}

.title--xl {
    font-size: 60px;
    letter-spacing: -3px;
    line-height: 60px;
}

.title--l {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px;
}

.title--m {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
}

.title--s {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
}

.title--xs {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.title--xxs {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.body--l {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.body--m {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.body--s {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
}

.body--xs {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}

.icon {
    box-sizing: content-box;
    color: #0F1941;
    height: 20px;
    line-height: 0;
    position: absolute;
    right: 0;
    width: 20px;
}

.icon--hover {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .icon--hover:hover {
        color: #2175D9;
    }

.icon--xs {
    height: 8px;
    width: 8px;
}

.icon--s {
    height: 16px;
    width: 16px;
}

.icon--l {
    height: 30px;
    width: 30px;
}

.icon--xl {
    height: 40px;
    width: 40px;
}

.icon--xxl {
    height: 60px;
    width: 60px;
}

.icon--xxxl {
    height: 120px;
    width: 120px;
}

.icon--inline {
    display: inline-block;
    position: relative;
    right: inherit;
}

.icon svg {
    fill: currentColor;
    height: 100%;
    width: 100%;
}

.icon.fill-brand--blue svg {
    fill: #2175D9;
}

.icon.fill-brand--dark-blue svg {
    fill: #0F1941;
}

.icon.fill-brand--turquoise svg {
    fill: #6BA5B4;
}

.icon.fill-brand--off-white svg {
    fill: #F7F5F0;
}

.icon.fill-brand--red svg {
    fill: #e74536;
}

.icon.fill-brand--yellow svg {
    fill: #FFB511;
}

.icon.fill-brand--white svg {
    fill: #fff;
}

.icon.fill--dark-blue-50 svg {
    fill: #878CA0;
}

.icon--valid svg {
    fill: #31AA74;
}

.bg-brand--blue .icon, .bg-brand--dark-blue .icon, .bg-brand--turquoise .icon, .bg-brand--red .icon {
    color: #F7F5F0;
}

.bg-brand--dark-blue .icon--hover:hover {
    color: #2175D9;
}

.bg-brand--blue .icon--hover:hover, .bg-brand--turquoise .icon--hover:hover, .bg-brand--red .icon--hover:hover {
    color: #0F1941;
}

.bg-brand--yellow .icon--hover:hover {
    color: #F7F5F0;
}

.aspect-ratio {
    display: block;
    overflow: hidden;
    position: relative;
}

    .aspect-ratio::before {
        content: '';
        display: block;
    }

    .aspect-ratio embed,
    .aspect-ratio iframe,
    .aspect-ratio img,
    .aspect-ratio object {
        bottom: 0;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
    }

.aspect-ratio--1-1::before {
    padding-top: 100%;
}

.aspect-ratio--3-1::before {
    padding-bottom: calc(100% / 3);
}

.aspect-ratio--3-2::before {
    padding-bottom: calc((2/3) * 100%);
}

.aspect-ratio--4-3::before {
    padding-bottom: calc((3/4) * 100%);
}

.aspect-ratio--16-9::before {
    padding-bottom: calc((9/16) * 100%);
}

.aspect-ratio--18-6::before {
    padding-bottom: calc((63/26) * 100%);
}

.badge {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 15px;
    height: 30px;
    line-height: 28px;
    min-width: 30px;
    text-align: center;
}

.badge--l {
    padding: 0 15px;
}

.badge--s {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    border-radius: 50%;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
}

.button,
a.button,
.bg-brand--off-white a.button {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
    border: 2px solid currentColor;
    border-radius: 4px;
    color: #2175D9;
    cursor: pointer;
    display: inline-block;
    font-family: Graphik, Tahoma, "sans-serif";
    height: 60px;
    line-height: 55px;
    padding: 0 30px;
    min-width: 120px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    vertical-align: middle;
}

    .button:hover,
    a.button:hover,
    .bg-brand--off-white a.button:hover {
        background: #2175D9;
        border-color: #2175D9;
        color: #F7F5F0;
        text-decoration: none;
        -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
        transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    }

        .button:hover .icon svg,
        a.button:hover .icon svg,
        .bg-brand--off-white a.button:hover .icon svg {
            fill: #F7F5F0;
        }

    .button:active,
    a.button:active,
    .bg-brand--off-white a.button:active {
        background: #175197;
        border-color: #175197;
        color: #F7F5F0;
        outline: none;
    }

@media (hover: none) {
    .button:hover,
    a.button:hover,
    .bg-brand--off-white a.button:hover {
        background: #175197;
        border-color: #175197;
        color: #F7F5F0;
        outline: none;
    }
}

.button .icon svg,
a.button .icon svg,
.bg-brand--off-white a.button .icon svg {
    fill: #2175D9;
}

.button--s,
a.button--s,
.bg-brand--off-white a.button--s {
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
}

.button .icon--inline,
a.button .icon--inline,
.bg-brand--off-white a.button .icon--inline {
    margin-right: 10px;
    top: 2px;
}

@media (min-width: 941px) {
    .button,
    a.button,
    .bg-brand--off-white a.button {
        height: 80px;
        line-height: 75px;
        min-width: 140px;
    }

    .button--m,
    a.button--m,
    .bg-brand--off-white a.button--m {
        height: 60px;
        line-height: 56px;
        min-width: 120px;
    }

    .button--s,
    a.button--s,
    .bg-brand--off-white a.button--s {
        height: 50px;
        line-height: 46px;
    }

    .button:not(.button--full-width),
    a.button:not(.button--full-width),
    .bg-brand--off-white a.button:not(.button--full-width) {
        max-width: 300px;
    }
}

.button.button--dark-blue, .bg-brand--yellow .button, .bg-brand--yellow a.button {
    border-color: currentColor;
    color: #0F1941;
}

    .button.button--dark-blue:hover, .bg-brand--yellow .button:hover {
        background: #0F1941;
        border-color: #0F1941;
        color: #F7F5F0;
    }

        .button.button--dark-blue:hover .icon svg, .bg-brand--yellow .button:hover .icon svg {
            fill: #F7F5F0;
        }

    .button.button--dark-blue:active, .bg-brand--yellow .button:active {
        background: #03050D;
        border-color: #03050D;
        color: #F7F5F0;
    }

@media (hover: none) {
    .button.button--dark-blue:hover, .bg-brand--yellow .button:hover {
        background: #03050D;
        border-color: #03050D;
        color: #F7F5F0;
    }
}

.button.button--dark-blue .icon svg, .bg-brand--yellow .button .icon svg {
    fill: #0F1941;
}

.button.button--off-white, .bg-brand--blue .button, .bg-brand--blue a.button, .bg-brand--dark-blue .button, .bg-brand--dark-blue a.button, .bg-brand--turquoise .button, .bg-brand--turquoise a.button, .bg-brand--red .button, .bg-brand--red a.button {
    border-color: #F7F5F0;
    color: #F7F5F0;
}

    .button.button--off-white:hover, .bg-brand--blue .button:hover, .bg-brand--dark-blue .button:hover, .bg-brand--turquoise .button:hover, .bg-brand--red .button:hover {
        background: #F7F5F0;
        border-color: #fff;
        color: #2175D9;
    }

        .button.button--off-white:hover .icon svg, .bg-brand--blue .button:hover .icon svg, .bg-brand--dark-blue .button:hover .icon svg, .bg-brand--turquoise .button:hover .icon svg, .bg-brand--red .button:hover .icon svg {
            fill: #2175D9;
        }

    .button.button--off-white:active, .bg-brand--blue .button:active, .bg-brand--dark-blue .button:active, .bg-brand--turquoise .button:active, .bg-brand--red .button:active {
        background: #DEDCD8;
        border-color: #DEDCD8;
        color: #2175D9;
    }

@media (hover: none) {
    .button.button--off-white:hover, .bg-brand--blue .button:hover, .bg-brand--dark-blue .button:hover, .bg-brand--turquoise .button:hover, .bg-brand--red .button:hover {
        background: #DEDCD8;
        border-color: #DEDCD8;
        color: #2175D9;
    }
}

.button.button--off-white .icon svg, .bg-brand--blue .button .icon svg, .bg-brand--dark-blue .button .icon svg, .bg-brand--turquoise .button .icon svg, .bg-brand--red .button .icon svg {
    fill: #F7F5F0;
}

.button.button--blue, .bg-brand--blue .modal .button, .bg-brand--blue a.modal .button, .bg-brand--dark-blue .modal .button, .bg-brand--dark-blue a.modal .button, .bg-brand--turquoise .modal .button, .bg-brand--turquoise a.modal .button, .bg-brand--red .modal .button, .bg-brand--red a.modal .button, .bg-brand--yellow .modal .button, .bg-brand--yellow a.modal .button, .bg-brand--blue .popover.bg-brand--off-white .button, .bg-brand--dark-blue .popover.bg-brand--off-white .button, .bg-brand--turquoise .popover.bg-brand--off-white .button, .bg-brand--red .popover.bg-brand--off-white .button, .bg-brand--yellow .popover.bg-brand--off-white .button {
    border-color: currentColor;
    color: #2175D9;
}

    .button.button--blue:hover, .bg-brand--blue .modal .button:hover, .bg-brand--dark-blue .modal .button:hover, .bg-brand--turquoise .modal .button:hover, .bg-brand--red .modal .button:hover, .bg-brand--yellow .modal .button:hover, .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:hover {
        background: #2175D9;
        border-color: #2175D9;
        color: #F7F5F0;
    }

    .button.button--blue:active, .bg-brand--blue .modal .button:active, .bg-brand--dark-blue .modal .button:active, .bg-brand--turquoise .modal .button:active, .bg-brand--red .modal .button:active, .bg-brand--yellow .modal .button:active, .bg-brand--blue .popover.bg-brand--off-white .button:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button:active, .bg-brand--turquoise .popover.bg-brand--off-white .button:active, .bg-brand--red .popover.bg-brand--off-white .button:active, .bg-brand--yellow .popover.bg-brand--off-white .button:active {
        background: #4D91E1;
        border-color: #4D91E1;
        color: #F7F5F0;
        outline: none;
    }

@media (hover: none) {
    .button.button--blue:hover, .bg-brand--blue .modal .button:hover, .bg-brand--dark-blue .modal .button:hover, .bg-brand--turquoise .modal .button:hover, .bg-brand--red .modal .button:hover, .bg-brand--yellow .modal .button:hover, .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:hover {
        background: #4D91E1;
        border-color: #4D91E1;
        color: #F7F5F0;
        outline: none;
    }
}

.button--clean {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    outline: none;
    padding: 0;
}

.button:disabled, .button:disabled:hover, .button:disabled:active, .button:disabled:focus,
.button--disabled,
.button--disabled:hover,
.button--disabled:active,
.button--disabled:focus,
a.button--disabled,
a.button--disabled:hover,
a.button--disabled:active,
a.button--disabled:focus,
.bg-brand--off-white a.button--disabled,
.bg-brand--off-white a.button--disabled:hover,
.bg-brand--off-white a.button--disabled:active,
.bg-brand--off-white a.button--disabled:focus {
    background: transparent;
    border-color: #D7D7D7;
    color: #878CA0;
    pointer-events: none;
}

    .button:disabled .icon svg,
    .button--disabled .icon svg,
    a.button--disabled .icon svg,
    .bg-brand--off-white a.button--disabled .icon svg {
        fill: #878CA0;
    }

.button--disabled-filled:disabled, .button--disabled-filled:disabled:hover, .button--disabled-filled:disabled:active, .button--disabled-filled:disabled:focus,
.button--disabled-filled,
.button--disabled-filled:hover,
.button--disabled-filled:active,
.button--disabled-filled:focus,
a.button--disabled-filled,
a.button--disabled-filled:hover,
a.button--disabled-filled:active,
a.button--disabled-filled:focus,
.bg-brand--off-white a.button--disabled-filled,
.bg-brand--off-white a.button--disabled-filled:hover,
.bg-brand--off-white a.button--disabled-filled:active,
.bg-brand--off-white a.button--disabled-filled:focus {
    background: #D7D7D7;
}

.button--filled, .button--filled.button--blue, .bg-brand--blue .modal .button--filled.button, .bg-brand--dark-blue .modal .button--filled.button, .bg-brand--turquoise .modal .button--filled.button, .bg-brand--red .modal .button--filled.button, .bg-brand--yellow .modal .button--filled.button, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button, .bg-brand--red .popover.bg-brand--off-white .button--filled.button, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button,
a.button--filled,
a.button--filled.button--blue,
.bg-brand--blue .modal a.button--filled.button,
.bg-brand--dark-blue .modal a.button--filled.button,
.bg-brand--turquoise .modal a.button--filled.button,
.bg-brand--red .modal a.button--filled.button,
.bg-brand--yellow .modal a.button--filled.button,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--off-white a.button--filled,
.bg-brand--off-white a.button--filled.button--blue,
.bg-brand--off-white .bg-brand--blue .modal a.button--filled.button,
.bg-brand--blue .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button,
.bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button,
.bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--red .modal a.button--filled.button,
.bg-brand--red .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button,
.bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button {
    background: #2175D9;
    border: none;
    color: #F7F5F0;
}

    .button--filled:hover, .button--filled.button--blue:hover, .bg-brand--blue .modal .button--filled.button:hover, .bg-brand--dark-blue .modal .button--filled.button:hover, .bg-brand--turquoise .modal .button--filled.button:hover, .bg-brand--red .modal .button--filled.button:hover, .bg-brand--yellow .modal .button--filled.button:hover, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:hover,
    a.button--filled:hover,
    a.button--filled.button--blue:hover,
    .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled:hover,
    .bg-brand--off-white a.button--filled.button--blue:hover,
    .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover {
        background: #4D91E1;
        color: #F7F5F0;
    }

    .button--filled:active, .button--filled.button--blue:active, .bg-brand--blue .modal .button--filled.button:active, .bg-brand--dark-blue .modal .button--filled.button:active, .bg-brand--turquoise .modal .button--filled.button:active, .bg-brand--red .modal .button--filled.button:active, .bg-brand--yellow .modal .button--filled.button:active, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:active,
    a.button--filled:active,
    a.button--filled.button--blue:active,
    .bg-brand--blue .modal a.button--filled.button:active,
    .bg-brand--dark-blue .modal a.button--filled.button:active,
    .bg-brand--turquoise .modal a.button--filled.button:active,
    .bg-brand--red .modal a.button--filled.button:active,
    .bg-brand--yellow .modal a.button--filled.button:active,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white a.button--filled:active,
    .bg-brand--off-white a.button--filled.button--blue:active,
    .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:active,
    .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:active,
    .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:active,
    .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:active,
    .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:active,
    .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:active,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:active {
        background: #175197;
        color: #F7F5F0;
    }

@media (hover: none) {
    .button--filled:hover, .button--filled.button--blue:hover, .bg-brand--blue .modal .button--filled.button:hover, .bg-brand--dark-blue .modal .button--filled.button:hover, .bg-brand--turquoise .modal .button--filled.button:hover, .bg-brand--red .modal .button--filled.button:hover, .bg-brand--yellow .modal .button--filled.button:hover, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:hover,
    a.button--filled:hover,
    a.button--filled.button--blue:hover,
    .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled:hover,
    .bg-brand--off-white a.button--filled.button--blue:hover,
    .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover {
        background: #175197;
        color: #F7F5F0;
    }
}

.button--filled .icon svg, .button--filled.button--blue .icon svg, .bg-brand--blue .modal .button--filled.button .icon svg, .bg-brand--dark-blue .modal .button--filled.button .icon svg, .bg-brand--turquoise .modal .button--filled.button .icon svg, .bg-brand--red .modal .button--filled.button .icon svg, .bg-brand--yellow .modal .button--filled.button .icon svg, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--red .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button .icon svg,
a.button--filled .icon svg,
a.button--filled.button--blue .icon svg,
.bg-brand--blue .modal a.button--filled.button .icon svg,
.bg-brand--dark-blue .modal a.button--filled.button .icon svg,
.bg-brand--turquoise .modal a.button--filled.button .icon svg,
.bg-brand--red .modal a.button--filled.button .icon svg,
.bg-brand--yellow .modal a.button--filled.button .icon svg,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white a.button--filled .icon svg,
.bg-brand--off-white a.button--filled.button--blue .icon svg,
.bg-brand--off-white .bg-brand--blue .modal a.button--filled.button .icon svg,
.bg-brand--blue .modal .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button .icon svg,
.bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button .icon svg,
.bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--red .modal a.button--filled.button .icon svg,
.bg-brand--red .modal .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button .icon svg,
.bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button .icon svg {
    fill: #F7F5F0;
}

@media (max-width: 940px) {
    .button--filled,
    a.button--filled,
    .bg-brand--off-white a.button--filled {
        line-height: 58px;
    }
}

.button--filled.button--dark-blue, .bg-brand--yellow .button--filled.button,
a.button--filled.button--dark-blue,
.bg-brand--yellow a.button--filled.button,
.bg-brand--off-white a.button--filled.button--dark-blue,
.bg-brand--off-white .bg-brand--yellow a.button--filled.button,
.bg-brand--yellow .bg-brand--off-white a.button--filled.button {
    background: #0F1941;
    color: #F7F5F0;
}

    .button--filled.button--dark-blue:hover, .bg-brand--yellow .button--filled.button:hover,
    a.button--filled.button--dark-blue:hover,
    .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--yellow .bg-brand--off-white a.button--filled.button:hover {
        background: #3C4464;
        color: #F7F5F0;
    }

    .button--filled.button--dark-blue:active, .bg-brand--yellow .button--filled.button:active,
    a.button--filled.button--dark-blue:active,
    .bg-brand--yellow a.button--filled.button:active,
    .bg-brand--off-white a.button--filled.button--dark-blue:active,
    .bg-brand--off-white .bg-brand--yellow a.button--filled.button:active,
    .bg-brand--yellow .bg-brand--off-white a.button--filled.button:active {
        background: #03050D;
    }

@media (hover: none) {
    .button--filled.button--dark-blue:hover, .bg-brand--yellow .button--filled.button:hover,
    a.button--filled.button--dark-blue:hover,
    .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--yellow .bg-brand--off-white a.button--filled.button:hover {
        background: #03050D;
    }
}

.button--filled.button--dark-blue .icon svg, .bg-brand--yellow .button--filled.button .icon svg,
a.button--filled.button--dark-blue .icon svg,
.bg-brand--yellow a.button--filled.button .icon svg,
.bg-brand--off-white a.button--filled.button--dark-blue .icon svg,
.bg-brand--off-white .bg-brand--yellow a.button--filled.button .icon svg,
.bg-brand--yellow .bg-brand--off-white a.button--filled.button .icon svg {
    fill: #F7F5F0;
}

.button--filled.button--off-white, .bg-brand--blue .button--filled.button, .bg-brand--dark-blue .button--filled.button, .bg-brand--turquoise .button--filled.button, .bg-brand--red .button--filled.button,
a.button--filled.button--off-white,
.bg-brand--blue a.button--filled.button,
.bg-brand--dark-blue a.button--filled.button,
.bg-brand--turquoise a.button--filled.button,
.bg-brand--red a.button--filled.button,
.bg-brand--off-white a.button--filled.button--off-white,
.bg-brand--off-white .bg-brand--blue a.button--filled.button,
.bg-brand--blue .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--dark-blue a.button--filled.button,
.bg-brand--dark-blue .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--turquoise a.button--filled.button,
.bg-brand--turquoise .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--red a.button--filled.button,
.bg-brand--red .bg-brand--off-white a.button--filled.button {
    background: #F7F5F0;
    color: #2175D9;
}

    .button--filled.button--off-white:hover, .bg-brand--blue .button--filled.button:hover, .bg-brand--dark-blue .button--filled.button:hover, .bg-brand--turquoise .button--filled.button:hover, .bg-brand--red .button--filled.button:hover,
    a.button--filled.button--off-white:hover,
    .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--red a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red a.button--filled.button:hover,
    .bg-brand--red .bg-brand--off-white a.button--filled.button:hover {
        background: #fff;
        color: #2175D9;
    }

    .button--filled.button--off-white:active, .bg-brand--blue .button--filled.button:active, .bg-brand--dark-blue .button--filled.button:active, .bg-brand--turquoise .button--filled.button:active, .bg-brand--red .button--filled.button:active,
    a.button--filled.button--off-white:active,
    .bg-brand--blue a.button--filled.button:active,
    .bg-brand--dark-blue a.button--filled.button:active,
    .bg-brand--turquoise a.button--filled.button:active,
    .bg-brand--red a.button--filled.button:active,
    .bg-brand--off-white a.button--filled.button--off-white:active,
    .bg-brand--off-white .bg-brand--blue a.button--filled.button:active,
    .bg-brand--blue .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:active,
    .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:active,
    .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:active,
    .bg-brand--off-white .bg-brand--red a.button--filled.button:active,
    .bg-brand--red .bg-brand--off-white a.button--filled.button:active {
        background: #DEDCD8;
    }

@media (hover: none) {
    .button--filled.button--off-white:hover, .bg-brand--blue .button--filled.button:hover, .bg-brand--dark-blue .button--filled.button:hover, .bg-brand--turquoise .button--filled.button:hover, .bg-brand--red .button--filled.button:hover,
    a.button--filled.button--off-white:hover,
    .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--red a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red a.button--filled.button:hover,
    .bg-brand--red .bg-brand--off-white a.button--filled.button:hover {
        background: #DEDCD8;
    }
}

.button--filled.button--off-white .icon svg, .bg-brand--blue .button--filled.button .icon svg, .bg-brand--dark-blue .button--filled.button .icon svg, .bg-brand--turquoise .button--filled.button .icon svg, .bg-brand--red .button--filled.button .icon svg,
a.button--filled.button--off-white .icon svg,
.bg-brand--blue a.button--filled.button .icon svg,
.bg-brand--dark-blue a.button--filled.button .icon svg,
.bg-brand--turquoise a.button--filled.button .icon svg,
.bg-brand--red a.button--filled.button .icon svg,
.bg-brand--off-white a.button--filled.button--off-white .icon svg,
.bg-brand--off-white .bg-brand--blue a.button--filled.button .icon svg,
.bg-brand--blue .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--dark-blue a.button--filled.button .icon svg,
.bg-brand--dark-blue .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--turquoise a.button--filled.button .icon svg,
.bg-brand--turquoise .bg-brand--off-white a.button--filled.button .icon svg,
.bg-brand--off-white .bg-brand--red a.button--filled.button .icon svg,
.bg-brand--red .bg-brand--off-white a.button--filled.button .icon svg {
    fill: #2175D9;
}

.form-group--error .button--form-group-style {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .form-group--error .button--form-group-style,
.bg-brand--white .form-group--error .button--form-group-style,
.bg-brand--dark-blue .form-group--error .button--form-group-style,
.bg-brand--yellow .form-group--error .button--form-group-style {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .form-group--error .button--form-group-style,
.bg-brand--turquoise .form-group--error .button--form-group-style,
.bg-brand--red .form-group--error .button--form-group-style {
    border-color: #FFB511;
}

.form-group--error .button--form-group-style:active, .form-group--error .button--form-group-style:focus {
    border-color: #F24747;
}

.bg-brand--red .form-group--error .button--form-group-style:active,
.bg-brand--blue .form-group--error .button--form-group-style:active, .bg-brand--red .form-group--error .button--form-group-style:focus,
.bg-brand--blue .form-group--error .button--form-group-style:focus {
    border-color: #FFB511;
}

.form-group--error .button--form-group-style svg {
    color: #F24747;
    fill: #F24747;
}

.bg-brand--blue .form-group--error .button--form-group-style svg,
.bg-brand--turquoise .form-group--error .button--form-group-style svg,
.bg-brand--red .form-group--error .button--form-group-style svg {
    color: #FFB511;
    fill: #FFB511;
}

.form-group--read-only .button--form-group-style {
    background: #F7F7F7;
    border-color: #D7D7D7;
    color: #878CA0;
    cursor: none;
    pointer-events: none;
}

    .form-group--read-only .button--form-group-style:active, .form-group--read-only .button--form-group-style:focus {
        -webkit-transition: border-color 0.2s;
        transition: border-color 0.2s;
        border: solid 1px #D7D7D7;
        outline: none;
    }

    .form-group--read-only .button--form-group-style svg {
        fill: #D7D7D7;
    }

.button--full-width,
a.button--full-width {
    height: 60px;
    line-height: 56px;
    width: 100%;
}

.button--hamburger {
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
    z-index: 6;
}

.icon--hamburger {
    height: auto;
    left: 1px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    top: 9px;
}

    .icon--hamburger, .icon--hamburger::before, .icon--hamburger::after {
        background: #F7F5F0;
        border-radius: 4px;
        height: 2px;
        position: absolute;
        width: 18px;
    }

.bg-brand--off-white .icon--hamburger,
.bg-brand--white .icon--hamburger,
.bg-brand--yellow .icon--hamburger, .bg-brand--off-white .icon--hamburger::before,
.bg-brand--white .icon--hamburger::before,
.bg-brand--yellow .icon--hamburger::before, .bg-brand--off-white .icon--hamburger::after,
.bg-brand--white .icon--hamburger::after,
.bg-brand--yellow .icon--hamburger::after {
    background: #0F1941;
}

.icon--hamburger::before, .icon--hamburger::after {
    content: '';
    left: 0;
    -webkit-transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.icon--hamburger::after {
    top: 6px;
}

.icon--hamburger::before {
    top: -6px;
}

.modal-nav-open .button--hamburger {
    position: relative;
    z-index: 6;
}

.modal-nav-open .icon--hamburger {
    background: transparent;
    -webkit-transition: background-color 0.05s 0.15s;
    transition: background-color 0.05s 0.15s;
}

    .modal-nav-open .icon--hamburger::before, .modal-nav-open .icon--hamburger::after {
        background: #2175D9;
        -webkit-transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
        transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
        transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s;
        transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
        top: 0;
    }

    .modal-nav-open .icon--hamburger::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .modal-nav-open .icon--hamburger::after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.button--icon {
    min-width: 0;
    padding: 0;
    position: relative;
    width: 60px;
}

    .button--icon .button__text {
        height: 1px;
        left: -1000%;
        overflow: hidden;
        position: absolute;
        top: auto;
        width: 1px;
    }

    .button--icon .icon {
        height: 20px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        width: 20px;
    }

    .button--icon svg {
        color: #F7F5F0;
    }

    .button--icon.button--off-white svg, .bg-brand--blue .button--icon.button svg, .bg-brand--dark-blue .button--icon.button svg, .bg-brand--turquoise .button--icon.button svg, .bg-brand--red .button--icon.button svg {
        color: #2175D9;
    }

    .button--icon.button--off-white:hover svg, .bg-brand--blue .button--icon.button:hover svg, .bg-brand--dark-blue .button--icon.button:hover svg, .bg-brand--turquoise .button--icon.button:hover svg, .bg-brand--red .button--icon.button:hover svg {
        color: #F7F5F0;
    }

    .button--icon.button--disabled svg, .button--icon:disabled svg {
        color: #F7F5F0;
    }

.button--icon-only, .icon__toggler, .button--icon-only:hover, .icon__toggler:hover, .button--icon-only:active, .icon__toggler:active {
    background: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    line-height: inherit;
    min-width: 0;
    padding: 0;
    outline: none;
}

.button--icon-text {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2175D9;
    cursor: pointer;
    font-family: Graphik, Tahoma, "sans-serif";
    padding: 0;
    position: relative;
}

    .button--icon-text, .button--icon-text:hover {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: none;
        border: 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 40px;
        margin-left: -10px;
        line-height: normal;
        outline: none;
        overflow: visible;
    }

        .button--icon-text:active {
            background: none;
            border-color: none;
        }

@media (hover: none) {
    .button--icon-text:hover {
        background: none;
        border-color: none;
    }
}

.button--icon-text .icon {
    position: relative;
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
}

    .button--icon-text .icon.icon, .button--icon-text .icon.icon:hover {
        color: currentColor;
    }

.bg-brand--blue .button--icon-text,
.bg-brand--dark-blue .button--icon-text,
.bg-brand--turquoise .button--icon-text,
.bg-brand--red .button--icon-text {
    color: #F7F5F0;
}

.bg-brand--yellow .button--icon-text {
    color: #0F1941;
}

.content-block .button--icon-text {
    margin-top: 30px;
    vertical-align: middle;
}

@media (min-width: 941px) {
    .bg-brand--yellow .button--icon-text,
    .bg-brand--white .button--icon-text,
    .bg-brand--off-white .button--icon-text {
        color: #F7F5F0;
    }

    .text--dark-from-l .button--icon-text {
        color: #0F1941;
    }

    .button--icon-text:hover .icon {
        -webkit-animation: pulse 1s infinite ease-out;
        animation: pulse 1s infinite ease-out;
    }

    @-webkit-keyframes pulse {
        0%, 100% {
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
        }

        50% {
            -webkit-transform: scale(0.72);
            transform: scale(0.72);
        }
    }

    @keyframes pulse {
        0%, 100% {
            -webkit-transform: scale(0.667);
            transform: scale(0.667);
        }

        50% {
            -webkit-transform: scale(0.72);
            transform: scale(0.72);
        }
    }

    .button--icon-text:active .icon {
        -webkit-animation: none;
        animation: none;
    }
}

@media (min-width: 941px) and (hover: none) {
    .button--icon-text:hover .icon {
        -webkit-animation: none;
        animation: none;
    }
}

.button.button--plain,
a.button.button--plain,
.bg-brand--off-white a.button.button--plain {
    border-color: transparent;
    color: #2175D9;
}

    .button.button--plain:hover,
    a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(33, 117, 217, 0.1);
        border-color: transparent;
        color: #2175D9;
    }

        .button.button--plain:hover .icon svg,
        a.button.button--plain:hover .icon svg,
        .bg-brand--off-white a.button.button--plain:hover .icon svg {
            fill: #2175D9;
        }

    .button.button--plain:active,
    a.button.button--plain:active,
    .bg-brand--off-white a.button.button--plain:active {
        background: rgba(33, 117, 217, 0.3);
    }

@media (hover: none) {
    .button.button--plain:hover,
    a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(33, 117, 217, 0.3);
    }
}

.button.button--plain.button--off-white, .bg-brand--blue .button.button--plain, .bg-brand--dark-blue .button.button--plain, .bg-brand--turquoise .button.button--plain, .bg-brand--red .button.button--plain,
a.button.button--plain.button--off-white,
.bg-brand--blue a.button.button--plain,
.bg-brand--dark-blue a.button.button--plain,
.bg-brand--turquoise a.button.button--plain,
.bg-brand--red a.button.button--plain,
.bg-brand--off-white a.button.button--plain.button--off-white,
.bg-brand--off-white .bg-brand--blue a.button.button--plain,
.bg-brand--blue .bg-brand--off-white a.button.button--plain,
.bg-brand--off-white .bg-brand--dark-blue a.button.button--plain,
.bg-brand--dark-blue .bg-brand--off-white a.button.button--plain,
.bg-brand--off-white .bg-brand--turquoise a.button.button--plain,
.bg-brand--turquoise .bg-brand--off-white a.button.button--plain,
.bg-brand--off-white .bg-brand--red a.button.button--plain,
.bg-brand--red .bg-brand--off-white a.button.button--plain {
    color: #F7F5F0;
}

    .button.button--plain.button--off-white:hover, .bg-brand--blue .button.button--plain:hover, .bg-brand--dark-blue .button.button--plain:hover, .bg-brand--turquoise .button.button--plain:hover, .bg-brand--red .button.button--plain:hover,
    a.button.button--plain.button--off-white:hover,
    .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--red a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--red a.button.button--plain:hover,
    .bg-brand--red .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(247, 245, 240, 0.3);
        border-color: transparent;
        color: #F7F5F0;
    }

        .button.button--plain.button--off-white:hover .icon svg, .bg-brand--blue .button.button--plain:hover .icon svg, .bg-brand--dark-blue .button.button--plain:hover .icon svg, .bg-brand--turquoise .button.button--plain:hover .icon svg, .bg-brand--red .button.button--plain:hover .icon svg,
        a.button.button--plain.button--off-white:hover .icon svg,
        .bg-brand--blue a.button.button--plain:hover .icon svg,
        .bg-brand--dark-blue a.button.button--plain:hover .icon svg,
        .bg-brand--turquoise a.button.button--plain:hover .icon svg,
        .bg-brand--red a.button.button--plain:hover .icon svg,
        .bg-brand--off-white a.button.button--plain.button--off-white:hover .icon svg,
        .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover .icon svg,
        .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover .icon svg,
        .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover .icon svg,
        .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover .icon svg,
        .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover .icon svg,
        .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover .icon svg,
        .bg-brand--off-white .bg-brand--red a.button.button--plain:hover .icon svg,
        .bg-brand--red .bg-brand--off-white a.button.button--plain:hover .icon svg {
            fill: #F7F5F0;
        }

    .button.button--plain.button--off-white:active, .bg-brand--blue .button.button--plain:active, .bg-brand--dark-blue .button.button--plain:active, .bg-brand--turquoise .button.button--plain:active, .bg-brand--red .button.button--plain:active,
    a.button.button--plain.button--off-white:active,
    .bg-brand--blue a.button.button--plain:active,
    .bg-brand--dark-blue a.button.button--plain:active,
    .bg-brand--turquoise a.button.button--plain:active,
    .bg-brand--red a.button.button--plain:active,
    .bg-brand--off-white a.button.button--plain.button--off-white:active,
    .bg-brand--off-white .bg-brand--blue a.button.button--plain:active,
    .bg-brand--blue .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:active,
    .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:active,
    .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--red a.button.button--plain:active,
    .bg-brand--red .bg-brand--off-white a.button.button--plain:active {
        background: rgba(247, 245, 240, 0.5);
        color: #F7F5F0;
    }

@media (hover: none) {
    .button.button--plain.button--off-white:hover, .bg-brand--blue .button.button--plain:hover, .bg-brand--dark-blue .button.button--plain:hover, .bg-brand--turquoise .button.button--plain:hover, .bg-brand--red .button.button--plain:hover,
    a.button.button--plain.button--off-white:hover,
    .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--red a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--red a.button.button--plain:hover,
    .bg-brand--red .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(247, 245, 240, 0.5);
        color: #F7F5F0;
    }
}

.button.button--plain.button--dark-blue, .bg-brand--yellow .button.button--plain,
a.button.button--plain.button--dark-blue,
.bg-brand--yellow a.button.button--plain,
.bg-brand--off-white a.button.button--plain.button--dark-blue,
.bg-brand--off-white .bg-brand--yellow a.button.button--plain,
.bg-brand--yellow .bg-brand--off-white a.button.button--plain {
    color: #0F1941;
}

    .button.button--plain.button--dark-blue:hover, .bg-brand--yellow .button.button--plain:hover,
    a.button.button--plain.button--dark-blue:hover,
    .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(15, 25, 65, 0.1);
        border-color: transparent;
        color: #3C4464;
    }

        .button.button--plain.button--dark-blue:hover .icon svg, .bg-brand--yellow .button.button--plain:hover .icon svg,
        a.button.button--plain.button--dark-blue:hover .icon svg,
        .bg-brand--yellow a.button.button--plain:hover .icon svg,
        .bg-brand--off-white a.button.button--plain.button--dark-blue:hover .icon svg,
        .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover .icon svg,
        .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover .icon svg {
            fill: #0F1941;
        }

    .button.button--plain.button--dark-blue:active, .bg-brand--yellow .button.button--plain:active,
    a.button.button--plain.button--dark-blue:active,
    .bg-brand--yellow a.button.button--plain:active,
    .bg-brand--off-white a.button.button--plain.button--dark-blue:active,
    .bg-brand--off-white .bg-brand--yellow a.button.button--plain:active,
    .bg-brand--yellow .bg-brand--off-white a.button.button--plain:active {
        background: rgba(15, 25, 65, 0.3);
        color: #0F1941;
    }

@media (hover: none) {
    .button.button--plain.button--dark-blue:hover, .bg-brand--yellow .button.button--plain:hover,
    a.button.button--plain.button--dark-blue:hover,
    .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(15, 25, 65, 0.3);
        color: #0F1941;
    }
}

.button.button--plain.button--disabled, .button.button--plain:disabled,
a.button.button--plain.button--disabled,
a.button.button--plain:disabled,
.bg-brand--off-white a.button.button--plain.button--disabled,
.bg-brand--off-white a.button.button--plain:disabled {
    color: #D7D7D7;
}

.button--play {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

    .button--play .icon {
        color: #F7F5F0;
    }

@media (max-width: 940px) {
    .button--play .icon {
        height: 60px;
        width: 60px;
    }
}

@media (min-width: 941px) {
    .button--play:hover .icon {
        -webkit-animation: pulse-large 1s infinite ease-out;
        animation: pulse-large 1s infinite ease-out;
    }

    @-webkit-keyframes pulse-large {
        0%, 100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        50% {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
    }

    @keyframes pulse-large {
        0%, 100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        50% {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
    }

    .button--play:active .icon {
        -webkit-animation: none;
        animation: none;
    }
}

@media (min-width: 941px) and (hover: none) {
    .button--play:hover .icon {
        -webkit-animation: none;
        animation: none;
    }
}

.button--preloader.button {
    line-height: 60px;
}

    .button--preloader.button span, .button--preloader.button::before, .button--preloader.button::after {
        -webkit-animation: zoom--second-dot 1s infinite ease-in-out;
        animation: zoom--second-dot 1s infinite ease-in-out;
        border-radius: 50%;
        background: #2175D9;
        display: inline-block;
        height: 18px;
        width: 18px;
    }

    .button--preloader.button::before {
        -webkit-animation-name: zoom--first-dot;
        animation-name: zoom--first-dot;
        content: "";
    }

    .button--preloader.button::after {
        -webkit-animation-name: zoom--third-dot;
        animation-name: zoom--third-dot;
        content: "";
    }

    .button--preloader.button:hover span, .button--preloader.button:hover::before, .button--preloader.button:hover::after {
        background: #F7F5F0;
    }

.button--preloader.button--off-white span, .bg-brand--blue .button--preloader.button span, .bg-brand--dark-blue .button--preloader.button span, .bg-brand--turquoise .button--preloader.button span, .bg-brand--red .button--preloader.button span, .button--preloader.button--off-white::before, .bg-brand--blue .button--preloader.button::before, .bg-brand--dark-blue .button--preloader.button::before, .bg-brand--turquoise .button--preloader.button::before, .bg-brand--red .button--preloader.button::before, .button--preloader.button--off-white::after, .bg-brand--blue .button--preloader.button::after, .bg-brand--dark-blue .button--preloader.button::after, .bg-brand--turquoise .button--preloader.button::after, .bg-brand--red .button--preloader.button::after {
    background: #F7F5F0;
}

.button--preloader.button--off-white:hover span, .bg-brand--blue .button--preloader.button:hover span, .bg-brand--dark-blue .button--preloader.button:hover span, .bg-brand--turquoise .button--preloader.button:hover span, .bg-brand--red .button--preloader.button:hover span, .button--preloader.button--off-white:hover::before, .bg-brand--blue .button--preloader.button:hover::before, .bg-brand--dark-blue .button--preloader.button:hover::before, .bg-brand--turquoise .button--preloader.button:hover::before, .bg-brand--red .button--preloader.button:hover::before, .button--preloader.button--off-white:hover::after, .bg-brand--blue .button--preloader.button:hover::after, .bg-brand--dark-blue .button--preloader.button:hover::after, .bg-brand--turquoise .button--preloader.button:hover::after, .bg-brand--red .button--preloader.button:hover::after {
    background: #2175D9;
}

.button--preloader.button--dark-blue span, .bg-brand--yellow .button--preloader.button span, .button--preloader.button--dark-blue::before, .bg-brand--yellow .button--preloader.button::before, .button--preloader.button--dark-blue::after, .bg-brand--yellow .button--preloader.button::after {
    background: #0F1941;
}

.button--preloader.button--dark-blue:hover span, .bg-brand--yellow .button--preloader.button:hover span, .button--preloader.button--dark-blue:hover::before, .bg-brand--yellow .button--preloader.button:hover::before, .button--preloader.button--dark-blue:hover::after, .bg-brand--yellow .button--preloader.button:hover::after {
    background: #F7F5F0;
}

.button--preloader.button--filled {
    line-height: 64px;
}

    .button--preloader.button--filled span, .button--preloader.button--filled::before, .button--preloader.button--filled::after {
        background: #F7F5F0;
    }

    .button--preloader.button--filled.button--off-white span, .bg-brand--blue .button--preloader.button--filled.button span, .bg-brand--dark-blue .button--preloader.button--filled.button span, .bg-brand--turquoise .button--preloader.button--filled.button span, .bg-brand--red .button--preloader.button--filled.button span, .button--preloader.button--filled.button--off-white::before, .bg-brand--blue .button--preloader.button--filled.button::before, .bg-brand--dark-blue .button--preloader.button--filled.button::before, .bg-brand--turquoise .button--preloader.button--filled.button::before, .bg-brand--red .button--preloader.button--filled.button::before, .button--preloader.button--filled.button--off-white::after, .bg-brand--blue .button--preloader.button--filled.button::after, .bg-brand--dark-blue .button--preloader.button--filled.button::after, .bg-brand--turquoise .button--preloader.button--filled.button::after, .bg-brand--red .button--preloader.button--filled.button::after {
        background: #2175D9;
    }

.button--preloader.button--plain:hover span, .button--preloader.button--plain:hover::before, .button--preloader.button--plain:hover::after {
    background: #2175D9;
}

.button--preloader.button--plain:hover.button--off-white span, .bg-brand--blue .button--preloader.button--plain.button:hover span, .bg-brand--dark-blue .button--preloader.button--plain.button:hover span, .bg-brand--turquoise .button--preloader.button--plain.button:hover span, .bg-brand--red .button--preloader.button--plain.button:hover span, .button--preloader.button--plain:hover.button--off-white::before, .bg-brand--blue .button--preloader.button--plain.button:hover::before, .bg-brand--dark-blue .button--preloader.button--plain.button:hover::before, .bg-brand--turquoise .button--preloader.button--plain.button:hover::before, .bg-brand--red .button--preloader.button--plain.button:hover::before, .button--preloader.button--plain:hover.button--off-white::after, .bg-brand--blue .button--preloader.button--plain.button:hover::after, .bg-brand--dark-blue .button--preloader.button--plain.button:hover::after, .bg-brand--turquoise .button--preloader.button--plain.button:hover::after, .bg-brand--red .button--preloader.button--plain.button:hover::after {
    background: #F7F5F0;
}

.button--preloader.button--plain:hover.button--dark-blue span, .bg-brand--yellow .button--preloader.button--plain.button:hover span, .button--preloader.button--plain:hover.button--dark-blue::before, .bg-brand--yellow .button--preloader.button--plain.button:hover::before, .button--preloader.button--plain:hover.button--dark-blue::after, .bg-brand--yellow .button--preloader.button--plain.button:hover::after {
    background: #0F1941;
}

.button.button--social,
a.button.button--social {
    border-color: #D7D7D7;
    color: #2175D9;
    padding: 0 20px;
}

    .button.button--social .icon--inline,
    a.button.button--social .icon--inline {
        top: 3px;
    }

    .button.button--social:hover,
    a.button.button--social:hover {
        background: #E8F1FB;
        border-color: #2175D9;
    }

        .button.button--social:hover .icon svg,
        a.button.button--social:hover .icon svg {
            fill: #2175D9;
        }

    .button.button--social:active,
    a.button.button--social:active {
        background: #E8F1FB;
        border-color: #2175D9;
    }

@media (hover: none) {
    .button.button--social:hover,
    a.button.button--social:hover {
        background: #E8F1FB;
        border-color: #2175D9;
    }
}

.button--social.social-btn--apple .icon-apple {
    fill: black;
}

.button--social.social-btn--drive .icon-drive {
    --drive-color-1: #4688F4;
    --drive-color-2: #089156;
    --drive-color-3: #FCCD48;
}

.button--social.social-btn--drive:hover .icon-drive {
    --drive-color-1: $color-brand--blue;
    --drive-color-2: $color-brand--blue;
    --drive-color-3: $color-brand--blue;
}

.button--social.social-btn--dropbox .icon-dropbox {
    fill: #0061FF;
}

.button--social.social-btn--facebook .icon-facebook {
    fill: #1977f3;
}

.button--social.social-btn--google .icon-google {
    --google-color-1: #4285f4;
    --google-color-2: #34a853;
    --google-color-3: #fbbc05;
    --google-color-4: #ea4335;
}

.button--social.social-btn--google:hover .icon-google {
    --google-color-1: $color-brand--blue;
    --google-color-2: $color-brand--blue;
    --google-color-3: $color-brand--blue;
    --google-color-4: $color-brand--blue;
}

.button--social.social-btn--indeed .icon-indeed {
    fill: #2164F4;
}

.button--social.social-btn--itsme .icon-itsme {
    fill: #FF4612;
}

.button--social.social-btn--linkedin .icon-linkedin {
    fill: #0e76a8;
}

.button--social.social-btn--monster .icon-monster {
    fill: #7046AE;
}

.button--social.social-btn--seek .icon-seek {
    fill: #0D3880;
}

@media (max-width: 940px) {
    .button--full-width-to-icon {
        height: 60px;
        width: 100%;
    }

        .button--full-width-to-icon .button__text {
            position: static;
        }

        .button--full-width-to-icon .icon {
            display: none;
        }
}

select:active, select:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border: 2px solid #2175D9;
    outline: none;
    padding-left: 18px;
}

select::-ms-clear {
    display: none;
}

select.untouched {
    color: #878CA0;
}

.form-group__input select, .form-group__input select:active, .form-group__input select:focus {
    padding-right: 50px;
}

select[disabled] {
    background: #F7F7F7;
    color: #878CA0;
    pointer-events: none;
}

.select-arrow.icon {
    color: #2175D9;
    pointer-events: none;
    right: 20px;
    top: 22px;
}

select:disabled + .select-arrow.icon {
    color: #878CA0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .form-group__input select {
        padding-right: 25px;
    }

    .select-arrow {
        display: none;
    }
}

.form-group--datepicker {
    /* hide our custom/fake placeholder text when in focus to show the default
     * 'mm/dd/yyyy' value and when valid to show the users' date of birth value.
     */
}

    .form-group--datepicker input[type="date"]::before {
        content: attr(placeholder);
        color: #878CA0;
        width: 100%;
    }

    .form-group--datepicker input[type="date"]:focus::before,
    .form-group--datepicker input[type="date"]:valid::before {
        display: none;
    }

    .form-group--datepicker .form-group__label {
        pointer-events: none;
    }

    .form-group--datepicker .form-group__input {
        display: inline-block;
        position: relative;
        width: 220px;
    }

    .form-group--datepicker .button--clean {
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .form-group--datepicker .button--icon-only, .form-group--datepicker .icon__toggler {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    .form-group--datepicker .button--clean:focus + input[type='text'],
    .form-group--datepicker .open {
        -webkit-transition: border-color 0.2s;
        transition: border-color 0.2s;
        border-color: #2175D9;
        border-style: solid;
        border-width: 2px;
        padding: 14px 18px 17px;
        padding-right: 59px;
    }

.bg-brand--blue .form-group--datepicker .button--clean:focus + input[type='text'],
.bg-brand--turquoise .form-group--datepicker .button--clean:focus + input[type='text'],
.bg-brand--yellow .form-group--datepicker .button--clean:focus + input[type='text'],
.bg-brand--red .form-group--datepicker .button--clean:focus + input[type='text'], .bg-brand--blue
.form-group--datepicker .open,
.bg-brand--turquoise
.form-group--datepicker .open,
.bg-brand--yellow
.form-group--datepicker .open,
.bg-brand--red
.form-group--datepicker .open {
    border-color: #0F1941;
}

@media (min-width: 941px) {
    .form-group--datepicker .button--clean:focus + input[type='text'],
    .form-group--datepicker .open {
        padding: 12px 18px 14px;
    }
}

.form-group--datepicker .icon svg {
    fill: #878CA0;
}

.form-group--datepicker.form-group--error .icon svg {
    color: #F24747;
    fill: #F24747;
}

.bg-brand--blue .form-group--datepicker.form-group--error .icon svg,
.bg-brand--turquoise .form-group--datepicker.form-group--error .icon svg,
.bg-brand--red .form-group--datepicker.form-group--error .icon svg {
    color: #FFB511;
    fill: #FFB511;
}

.form-group--datepicker.form-group--error .button--clean:focus + input[type='text'],
.form-group--datepicker.form-group--error .open {
    border-color: #F24747;
}

.form-group--datepicker:not(.form-group--error):not(.form-group--disabled) .button--icon-only svg, .form-group--datepicker:not(.form-group--error):not(.form-group--disabled) .icon__toggler svg {
    fill: #2175D9;
}

.form-group--datepicker.form-group--disabled .button--icon-only svg, .form-group--datepicker.form-group--disabled .icon__toggler svg {
    cursor: not-allowed;
}

.flatpickr-calendar {
    -webkit-animation: none;
    animation: none;
    background: #FFF;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    box-sizing: border-box;
    direction: ltr;
    display: none;
    font-size: 16px;
    line-height: 24px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
}

    .flatpickr-calendar input[type="color"], .flatpickr-calendar input[type="date"], .flatpickr-calendar input[type="datetime"], .flatpickr-calendar input[type="datetime-local"], .flatpickr-calendar input[type="email"], .flatpickr-calendar input[type="month"], .flatpickr-calendar input[type="number"], .flatpickr-calendar input[type="password"], .flatpickr-calendar input[type="search"], .flatpickr-calendar input[type="tel"], .flatpickr-calendar input[type="text"], .flatpickr-calendar input[type="time"], .flatpickr-calendar input[type="url"], .flatpickr-calendar input[type="week"], .flatpickr-calendar input:not([type]), .flatpickr-calendar textarea, .flatpickr-calendar select {
        min-height: 0;
    }

    .flatpickr-calendar .clear {
        bottom: 30px;
        color: #2175D9;
        cursor: pointer;
        position: absolute;
        right: 35px;
        -webkit-text-decoration: underline solid transparent;
        text-decoration: underline solid transparent;
        -webkit-transition: -webkit-text-decoration 0.3s ease;
        transition: -webkit-text-decoration 0.3s ease;
        transition: text-decoration 0.3s ease;
        transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
    }

        .flatpickr-calendar .clear:hover {
            -webkit-text-decoration: underline solid #2175D9;
            text-decoration: underline solid #2175D9;
        }

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        min-height: 445px;
        opacity: 1;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            display: block;
            z-index: 999;
        }

    .flatpickr-calendar.hasWeeks.open {
        min-width: 400px;
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 500ms cubic-bezier(0.23, 1, 0.32, 1);
        animation: fpFadeInDown 500ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.animate.arrowBottom.open {
        margin-top: -52px;
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        border: solid transparent;
        content: '';
        display: block;
        height: 0;
        left: 22px;
        position: absolute;
        pointer-events: none;
        width: 0;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    display: inline-block;
    position: relative;
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: #0F1941;
        fill: #0F1941;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 34px;
        line-height: 1;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        color: #0F1941;
        cursor: pointer;
        fill: #2175D9;
        height: 34px;
        padding: 10px;
        text-decoration: none;
        top: 0;
        z-index: 3;
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #878CA0;
        }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            height: 20px;
            width: 20px;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                -webkit-transition: fill 0.1s;
                transition: fill 0.1s;
            }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            left: 0;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            right: 0;
        }

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    height: 34px;
    left: 14.5%;
    line-height: inherit;
    position: absolute;
    padding: 9px 0 0 0;
    text-align: center;
    -webkit-transform: translate3d(0);
    transform: translate3d(0);
    width: 75%;
}

    .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
        cursor: text;
        font-family: inherit;
        height: auto;
        margin: 0;
        padding: 0;
        pointer-events: none;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            color: #0F1941;
            font-size: 100%;
        }

            .flatpickr-current-month input.cur-year[disabled] + .arrowUp, .flatpickr-current-month input.cur-year[disabled]:hover + .arrowUp {
                opacity: 0;
            }

                .flatpickr-current-month input.cur-year[disabled] + .arrowUp + .arrowDown, .flatpickr-current-month input.cur-year[disabled]:hover + .arrowUp + .arrowDown {
                    opacity: 0;
                }

    .flatpickr-current-month span.cur-month {
        color: inherit;
        display: inline-block;
        font-family: inherit;
        margin-right: 2px;
        padding: 0;
        width: 35px;
    }

.numInputWrapper {
    height: auto;
    position: relative;
}

    .numInputWrapper input {
        display: inline-block;
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

        .numInputWrapper input.numInput.cur-year[disabled] {
            background: none;
            border: none;
            opacity: 1;
            padding: 0;
            text-overflow: unset;
            -webkit-text-fill-color: #0F1941;
        }

    .numInputWrapper span {
        box-sizing: border-box;
        cursor: pointer;
        height: 50%;
        left: 50px;
        line-height: 50%;
        position: absolute;
    }

        .numInputWrapper span:after {
            content: "";
            display: block;
            position: absolute;
        }

        .numInputWrapper span svg {
            height: auto;
            width: inherit;
        }

            .numInputWrapper span svg path {
                fill: rgba(0, 0, 0, 0.5);
            }

        .numInputWrapper span.arrowUp {
            border-bottom: 0;
            top: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-bottom: 5px solid #2175D9;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                top: 30%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 5px solid #2175D9;
                top: 26%;
            }

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    margin-left: 2px;
    width: 6ch;
}

    .flatpickr-current-month .numInputWrapper span.arrowUp:after {
        border-bottom-color: #2175D9;
    }

    .flatpickr-current-month .numInputWrapper span.arrowDown:after {
        border-top-color: #2175D9;
    }

.flatpickr-weekdays {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 28px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

span.flatpickr-weekday {
    background: transparent;
    color: #878CA0;
    cursor: default;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    -webkit-transform: translate3d(0);
    transform: translate3d(0);
    width: 307.875px;
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 2px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #0F1941;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 35px;
    margin-bottom: 6px;
    max-width: 40px;
    position: relative;
    text-align: center;
    width: 14.2857143%;
}

    .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMontDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:focus {
        cursor: pointer;
        border: 2px solid #2175D9;
        outline: 0;
    }

    .flatpickr-day.today {
        color: #2175D9;
    }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #2175D9;
        border-color: #2175D9;
        box-shadow: none;
        color: #FFF;
    }

        .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay[disabled], .flatpickr-day.nextMonthDay[disabled], .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
        background: transparent;
        border-color: transparent;
        color: #D7D7D7;
        cursor: not-allowed;
    }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #2175D9, 5px 0 0 #2175D9;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        box-shadow: 1px 0 0 #e6e6e6;
        margin-right: 4px;
        padding: 0 12px;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        line-height: 28px;
        width: 100%;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        background: transparent;
        border: none;
        color: #878CA0;
        cursor: default;
        display: block;
        top: 12px;
        width: 20px;
    }

.flatpickr-innerContainer {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.flatpickr-rContainer {
    box-sizing: border-box;
    display: inline-block;
    padding: 0;
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

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

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

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

.option-group__wrapper {
    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-top: -10px;
}

.option-group .form-group__input {
    margin: 10px 10px 0 0;
    top: 0;
}

.option-group .selection-control__label {
    border: 1px solid #D7D7D7;
    color: #2175D9;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 48px;
    margin-left: 0;
    min-width: 50px;
    padding: 0 10px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.bg-brand--dark-blue .option-group .selection-control__label,
.bg-brand--blue .option-group .selection-control__label,
.bg-brand--turquoise .option-group .selection-control__label,
.bg-brand--red .option-group .selection-control__label {
    border: 1px solid rgba(247, 245, 240, 0.5);
    color: #F7F5F0;
}

.bg-brand--yellow .option-group .selection-control__label {
    border: 1px solid rgba(15, 25, 65, 0.3);
    color: #0F1941;
}

.option-group .selection-control__label:hover {
    background: #E8F1FB;
    border-color: #2175D9;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.bg-brand--dark-blue .option-group .selection-control__label:hover,
.bg-brand--blue .option-group .selection-control__label:hover,
.bg-brand--turquoise .option-group .selection-control__label:hover,
.bg-brand--red .option-group .selection-control__label:hover {
    background: rgba(247, 245, 240, 0.3);
    border-color: rgba(247, 245, 240, 0.5);
}

.bg-brand--yellow .option-group .selection-control__label:hover {
    background: rgba(15, 25, 65, 0.1);
    border-color: rgba(15, 25, 65, 0.3);
}

@media (min-width: 941px) {
    .option-group .selection-control__label {
        padding: 0 20px;
    }
}

.option-group .selection-control input:checked + .selection-control__label {
    background: #2175D9;
    border-color: #2175D9;
    color: #F7F5F0;
}

.bg-brand--blue .option-group .selection-control input:checked + .selection-control__label,
.bg-brand--turquoise .option-group .selection-control input:checked + .selection-control__label,
.bg-brand--yellow .option-group .selection-control input:checked + .selection-control__label,
.bg-brand--red .option-group .selection-control input:checked + .selection-control__label {
    background: #0F1941;
    border-color: #0F1941;
    color: #F7F5F0;
}

.option-group.form-group--error .selection-control__label {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .option-group.form-group--error .selection-control__label,
.bg-brand--white .option-group.form-group--error .selection-control__label,
.bg-brand--dark-blue .option-group.form-group--error .selection-control__label,
.bg-brand--yellow .option-group.form-group--error .selection-control__label {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .option-group.form-group--error .selection-control__label,
.bg-brand--turquoise .option-group.form-group--error .selection-control__label,
.bg-brand--red .option-group.form-group--error .selection-control__label {
    border-color: #FFB511;
}

.bg-brand--dark-blue .option-group.form-group--error .selection-control__label,
.bg-brand--blue .option-group.form-group--error .selection-control__label,
.bg-brand--turquoise .option-group.form-group--error .selection-control__label,
.bg-brand--red .option-group.form-group--error .selection-control__label {
    color: #0F1941;
}

.option-group.form-group--error .selection-control__label:hover {
    background: #E8F1FB;
    border-color: #2175D9;
}

.bg-brand--dark-blue .option-group.form-group--error .selection-control__label:hover,
.bg-brand--blue .option-group.form-group--error .selection-control__label:hover,
.bg-brand--turquoise .option-group.form-group--error .selection-control__label:hover,
.bg-brand--red .option-group.form-group--error .selection-control__label:hover {
    color: #0F1941;
}

.option-group.form-group--error .selection-control input:checked + .selection-control__label {
    background: #2175D9;
    border-color: #2175D9;
    color: #F7F5F0;
}

.bg-brand--blue .option-group.form-group--error .selection-control input:checked + .selection-control__label,
.bg-brand--turquoise .option-group.form-group--error .selection-control input:checked + .selection-control__label,
.bg-brand--yellow .option-group.form-group--error .selection-control input:checked + .selection-control__label,
.bg-brand--red .option-group.form-group--error .selection-control input:checked + .selection-control__label {
    background: #0F1941;
    border-color: #0F1941;
    color: #F7F5F0;
}

.option-group.form-group--readonly .selection-control__label {
    background: #F7F7F7;
    color: #878CA0;
}

.form-group--selection-control .form-group__input + .form-group__input {
    margin-top: 15px;
}

@media (min-width: 941px) {
    .form-group--selection-control .form-group__input + .form-group__input {
        margin-top: 10px;
    }
}

.form-group--selection-control .form-group__label {
    margin-bottom: 15px;
}

.form-group--selection-control + .button {
    margin-top: 40px;
}

.selection-control {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}

@media (min-width: 941px) {
    .selection-control {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.selection-control__input {
    position: relative;
    top: 2px;
}

@media (min-width: 941px) {
    .selection-control__input {
        top: 3px;
    }
}

.selection-control__control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    background: #fff;
    border: 2px solid #D7D7D7;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.selection-control input {
    opacity: 0;
    position: absolute;
}

    .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: #2175D9;
    }

    .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: #2175D9;
    }

.bg-brand--blue .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--turquoise .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--yellow .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--red .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
    border-color: #0F1941;
}

.bg-brand--blue .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
.bg-brand--turquoise .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
.bg-brand--yellow .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
.bg-brand--red .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
    border-color: #0F1941;
}

.selection-control input:checked + .selection-control__control {
    background: #2175D9;
    border-color: #2175D9;
}

.bg-brand--blue .selection-control input:checked + .selection-control__control,
.bg-brand--turquoise .selection-control input:checked + .selection-control__control,
.bg-brand--yellow .selection-control input:checked + .selection-control__control,
.bg-brand--red .selection-control input:checked + .selection-control__control {
    background: #0F1941;
    border-color: #0F1941;
}

.selection-control:hover .selection-control__control {
    border-color: #2175D9;
}

.bg-brand--blue .selection-control:hover .selection-control__control,
.bg-brand--turquoise .selection-control:hover .selection-control__control,
.bg-brand--yellow .selection-control:hover .selection-control__control,
.bg-brand--red .selection-control:hover .selection-control__control {
    border-color: #0F1941;
}

.selection-control__label {
    cursor: pointer;
    margin-left: 10px;
}

.selection-control--disabled {
    color: #878CA0;
    pointer-events: none;
}

.bg-brand--dark-blue .selection-control--disabled,
.bg-brand--blue .selection-control--disabled,
.bg-brand--turquoise .selection-control--disabled,
.bg-brand--red .selection-control--disabled {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--yellow .selection-control--disabled {
    color: rgba(15, 25, 65, 0.3);
}

.selection-control--disabled .selection-control__control {
    background: #F7F7F7;
    border-color: #D7D7D7;
}

.selection-control--disabled input:checked + .selection-control__control {
    border-color: #F7F7F7;
}

.selection-control--disabled a {
    pointer-events: all;
}

.form-group--error .selection-control__control {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .form-group--error .selection-control__control,
.bg-brand--white .form-group--error .selection-control__control,
.bg-brand--dark-blue .form-group--error .selection-control__control,
.bg-brand--yellow .form-group--error .selection-control__control {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .form-group--error .selection-control__control,
.bg-brand--turquoise .form-group--error .selection-control__control,
.bg-brand--red .form-group--error .selection-control__control {
    border-color: #FFB511;
}

.selection-control--checkbox svg {
    margin-top: -1px;
    opacity: 0;
}

.selection-control--checkbox polyline {
    fill: transparent;
    stroke: #fff;
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    -webkit-transition: stroke-dashoffset 0.5s ease;
    transition: stroke-dashoffset 0.5s ease;
}

.selection-control--checkbox input:checked + .selection-control__control svg {
    opacity: 1;
}

.selection-control--checkbox input:checked + .selection-control__control polyline {
    stroke-dashoffset: 0;
}

.selection-control--indeterminate input + .selection-control__control svg {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.selection-control--indeterminate .selection-control__control {
    background: #2175D9;
    border-color: #2175D9;
}

.bg-brand--blue .selection-control--indeterminate .selection-control__control,
.bg-brand--turquoise .selection-control--indeterminate .selection-control__control,
.bg-brand--yellow .selection-control--indeterminate .selection-control__control,
.bg-brand--red .selection-control--indeterminate .selection-control__control {
    background: #0F1941;
    border-color: #0F1941;
}

.selection-control--indeterminate--animate input + .selection-control__control svg {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.selection-control--indeterminate .selection-control__control--indeterminate {
    background: #FFF;
    border-radius: 1.5px;
    height: 3px;
    left: 4px;
    pointer-events: none;
    top: 11px;
    width: 16px;
}

@media (min-width: 941px) {
    .selection-control--indeterminate .selection-control__control--indeterminate {
        bottom: 13px;
    }
}

.selection-control--checkbox.selection-control--disabled .selection-control__control {
    border-color: #D7D7D7;
}

.selection-control--checkbox.selection-control--disabled input:checked + .selection-control__control {
    background: #D7D7D7;
    border-color: #D7D7D7;
}

.selection-control--checkbox.selection-control--disabled.selection-control--indeterminate .selection-control__control {
    background: #D7D7D7;
}

.selection-control--radio-button .selection-control__control {
    border-radius: 50%;
}

    .selection-control--radio-button .selection-control__control::after {
        content: '';
        display: block;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

.selection-control--radio-button input:checked + .selection-control__control {
    background: #fff;
    position: relative;
}

    .selection-control--radio-button input:checked + .selection-control__control::after {
        background: #2175D9;
        border-radius: 50%;
        height: 12px;
        left: 4px;
        opacity: 1;
        position: absolute;
        top: 4px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease;
        width: 12px;
    }

.bg-brand--blue .selection-control--radio-button input:checked + .selection-control__control::after,
.bg-brand--turquoise .selection-control--radio-button input:checked + .selection-control__control::after,
.bg-brand--yellow .selection-control--radio-button input:checked + .selection-control__control::after,
.bg-brand--red .selection-control--radio-button input:checked + .selection-control__control::after {
    background: #F7F5F0;
}

@media (max-width: 940px) {
    .selection-control--radio-button .selection-control__input {
        top: 1px;
    }
}

.selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control {
    background: #F7F7F7;
    border-color: #D7D7D7;
}

    .selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control::after {
        background: #D7D7D7;
    }

.select-menu__list {
    border: 2px solid #D7D7D7;
    opacity: 0;
    position: absolute;
}

.select-menu--open {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

@media (min-width: 941px) {
    .select-menu--open {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.select-menu--open::after {
    border-bottom: 1px solid #D7D7D7;
    content: '';
    left: 20px;
    position: absolute;
    right: 20px;
    top: 60px;
    z-index: 1;
}

.select-menu--open.form-group__input {
    margin-bottom: -3px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .select-menu--open.form-group__input {
        margin-bottom: -2px;
    }
}

.select-menu--open input[type="text"], .select-menu--open input[type="text"]:active, .select-menu--open input[type="text"]:focus {
    border-color: #2175D9;
    border-style: solid;
    border-width: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 14px 18px 20px;
}

.bg-brand--blue .select-menu--open input[type="text"],
.bg-brand--turquoise .select-menu--open input[type="text"],
.bg-brand--yellow .select-menu--open input[type="text"],
.bg-brand--red .select-menu--open input[type="text"], .bg-brand--blue .select-menu--open input[type="text"]:active,
.bg-brand--turquoise .select-menu--open input[type="text"]:active,
.bg-brand--yellow .select-menu--open input[type="text"]:active,
.bg-brand--red .select-menu--open input[type="text"]:active, .bg-brand--blue .select-menu--open input[type="text"]:focus,
.bg-brand--turquoise .select-menu--open input[type="text"]:focus,
.bg-brand--yellow .select-menu--open input[type="text"]:focus,
.bg-brand--red .select-menu--open input[type="text"]:focus {
    border-color: #0F1941;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .select-menu--open input[type="text"], .select-menu--open input[type="text"]:active, .select-menu--open input[type="text"]:focus {
        min-height: 62px;
    }
}

.select-menu--open .select-menu__list {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #2175D9;
    background: #FFF;
    border-style: solid;
    border-width: 2px;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    left: 0;
    max-height: 165px;
    opacity: 1;
    right: 0;
    top: 60px;
    z-index: 1;
}

    .select-menu--open .select-menu__list::-webkit-scrollbar {
        border-radius: 3px;
        width: 6px;
    }

    .select-menu--open .select-menu__list::-webkit-scrollbar-thumb {
        background: #D7D7D7;
        border-radius: 3px;
    }

.bg-brand--blue .select-menu--open .select-menu__list,
.bg-brand--turquoise .select-menu--open .select-menu__list,
.bg-brand--yellow .select-menu--open .select-menu__list,
.bg-brand--red .select-menu--open .select-menu__list {
    border-color: #0F1941;
}

.select-menu--open .select-menu__item {
    color: #878CA0;
    cursor: pointer;
    line-height: 40px;
    padding: 0 18px;
}

    .select-menu--open .select-menu__item mark {
        background: none;
        color: #0F1941;
    }

.select-menu--open .select-menu__item--no-result {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    cursor: none;
    padding: 10px 18px 20px;
    pointer-events: none;
}

@media (min-width: 941px) {
    .select-menu--open .select-menu__item--no-result {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.select-menu--open .select-menu__item--preselect {
    background: #E8F1FB;
}

.form-group--error .select-menu--open input[type="text"], .form-group--error .select-menu--open input[type="text"]:active, .form-group--error .select-menu--open input[type="text"]:focus,
.form-group--error .select-menu--open .select-menu__list,
.form-group--error .select-menu--open .select-menu__list:active,
.form-group--error .select-menu--open .select-menu__list:focus {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .form-group--error .select-menu--open input[type="text"],
.bg-brand--white .form-group--error .select-menu--open input[type="text"],
.bg-brand--dark-blue .form-group--error .select-menu--open input[type="text"],
.bg-brand--yellow .form-group--error .select-menu--open input[type="text"], .bg-brand--off-white .form-group--error .select-menu--open input[type="text"]:active,
.bg-brand--white .form-group--error .select-menu--open input[type="text"]:active,
.bg-brand--dark-blue .form-group--error .select-menu--open input[type="text"]:active,
.bg-brand--yellow .form-group--error .select-menu--open input[type="text"]:active, .bg-brand--off-white .form-group--error .select-menu--open input[type="text"]:focus,
.bg-brand--white .form-group--error .select-menu--open input[type="text"]:focus,
.bg-brand--dark-blue .form-group--error .select-menu--open input[type="text"]:focus,
.bg-brand--yellow .form-group--error .select-menu--open input[type="text"]:focus, .bg-brand--off-white
.form-group--error .select-menu--open .select-menu__list,
.bg-brand--white
.form-group--error .select-menu--open .select-menu__list,
.bg-brand--dark-blue
.form-group--error .select-menu--open .select-menu__list,
.bg-brand--yellow
.form-group--error .select-menu--open .select-menu__list, .bg-brand--off-white
.form-group--error .select-menu--open .select-menu__list:active,
.bg-brand--white
.form-group--error .select-menu--open .select-menu__list:active,
.bg-brand--dark-blue
.form-group--error .select-menu--open .select-menu__list:active,
.bg-brand--yellow
.form-group--error .select-menu--open .select-menu__list:active, .bg-brand--off-white
.form-group--error .select-menu--open .select-menu__list:focus,
.bg-brand--white
.form-group--error .select-menu--open .select-menu__list:focus,
.bg-brand--dark-blue
.form-group--error .select-menu--open .select-menu__list:focus,
.bg-brand--yellow
.form-group--error .select-menu--open .select-menu__list:focus {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .form-group--error .select-menu--open input[type="text"],
.bg-brand--turquoise .form-group--error .select-menu--open input[type="text"],
.bg-brand--red .form-group--error .select-menu--open input[type="text"], .bg-brand--blue .form-group--error .select-menu--open input[type="text"]:active,
.bg-brand--turquoise .form-group--error .select-menu--open input[type="text"]:active,
.bg-brand--red .form-group--error .select-menu--open input[type="text"]:active, .bg-brand--blue .form-group--error .select-menu--open input[type="text"]:focus,
.bg-brand--turquoise .form-group--error .select-menu--open input[type="text"]:focus,
.bg-brand--red .form-group--error .select-menu--open input[type="text"]:focus, .bg-brand--blue
.form-group--error .select-menu--open .select-menu__list,
.bg-brand--turquoise
.form-group--error .select-menu--open .select-menu__list,
.bg-brand--red
.form-group--error .select-menu--open .select-menu__list, .bg-brand--blue
.form-group--error .select-menu--open .select-menu__list:active,
.bg-brand--turquoise
.form-group--error .select-menu--open .select-menu__list:active,
.bg-brand--red
.form-group--error .select-menu--open .select-menu__list:active, .bg-brand--blue
.form-group--error .select-menu--open .select-menu__list:focus,
.bg-brand--turquoise
.form-group--error .select-menu--open .select-menu__list:focus,
.bg-brand--red
.form-group--error .select-menu--open .select-menu__list:focus {
    border-color: #FFB511;
}

@media (min-width: 941px) {
    .select-menu--open::after {
        left: 22px;
        right: 22px;
    }

    .select-menu--open input[type="text"], .select-menu--open input[type="text"]:active, .select-menu--open input[type="text"]:focus {
        padding: 12px 18px 17px;
    }

    .select-menu--open .select-menu__list {
        max-height: 240px;
        padding-top: 10px;
    }
}

.slider {
    box-sizing: content-box;
    max-width: 385px;
}

.slider__label, .slider__tooltip, .slider__tooltip::before {
    background: #fff;
}

.slider__label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    color: #0F1941;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.slider__tooltip {
    border: 1px solid #D7D7D7;
    border-width: 0 1px 1px 0;
    border-radius: 3px;
    bottom: -6px;
    height: 12px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 12px;
    z-index: 2;
}

    .slider__tooltip::before {
        content: '';
        display: block;
        height: 23px;
        margin: -6px 0 0 2px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 5px;
    }

.slider__range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

    .slider__range:focus {
        outline: none;
    }

    .slider__range::-webkit-slider-runnable-track {
        background: #D7D7D7;
        height: 2px;
        width: 100%;
    }

.bg-brand--dark-blue .slider__range::-webkit-slider-runnable-track,
.bg-brand--blue .slider__range::-webkit-slider-runnable-track {
    background: #F7F5F0;
}

.bg-brand--turquoise .slider__range::-webkit-slider-runnable-track,
.bg-brand--yellow .slider__range::-webkit-slider-runnable-track,
.bg-brand--red .slider__range::-webkit-slider-runnable-track {
    background: rgba(15, 25, 65, 0.3);
}

.slider__range::-webkit-slider-thumb {
    background: #2175D9;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -webkit-transition: background-color 150ms;
    transition: background-color 150ms;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 1px 0 0 -5.5px #2175D9, 2px 0 0 -5.5px #2175D9, 3px 0 0 -5.5px #2175D9, 4px 0 0 -5.5px #2175D9, 5px 0 0 -5.5px #2175D9, 6px 0 0 -5.5px #2175D9, 7px 0 0 -5.5px #2175D9, 8px 0 0 -5.5px #2175D9, 9px 0 0 -5.5px #2175D9, 10px 0 0 -5.5px #2175D9, 11px 0 0 -5.5px #2175D9, 12px 0 0 -5.5px #2175D9, 13px 0 0 -5.5px #2175D9, 14px 0 0 -5.5px #2175D9, 15px 0 0 -5.5px #2175D9, 16px 0 0 -5.5px #2175D9, 17px 0 0 -5.5px #2175D9, 18px 0 0 -5.5px #2175D9, 19px 0 0 -5.5px #2175D9, 20px 0 0 -5.5px #2175D9, 21px 0 0 -5.5px #2175D9, 22px 0 0 -5.5px #2175D9, 23px 0 0 -5.5px #2175D9, 24px 0 0 -5.5px #2175D9, 25px 0 0 -5.5px #2175D9, 26px 0 0 -5.5px #2175D9, 27px 0 0 -5.5px #2175D9, 28px 0 0 -5.5px #2175D9, 29px 0 0 -5.5px #2175D9, 30px 0 0 -5.5px #2175D9, 31px 0 0 -5.5px #2175D9, 32px 0 0 -5.5px #2175D9, 33px 0 0 -5.5px #2175D9, 34px 0 0 -5.5px #2175D9, 35px 0 0 -5.5px #2175D9, 36px 0 0 -5.5px #2175D9, 37px 0 0 -5.5px #2175D9, 38px 0 0 -5.5px #2175D9, 39px 0 0 -5.5px #2175D9, 40px 0 0 -5.5px #2175D9, 41px 0 0 -5.5px #2175D9, 42px 0 0 -5.5px #2175D9, 43px 0 0 -5.5px #2175D9, 44px 0 0 -5.5px #2175D9, 45px 0 0 -5.5px #2175D9, 46px 0 0 -5.5px #2175D9, 47px 0 0 -5.5px #2175D9, 48px 0 0 -5.5px #2175D9, 49px 0 0 -5.5px #2175D9, 50px 0 0 -5.5px #2175D9, 51px 0 0 -5.5px #2175D9, 52px 0 0 -5.5px #2175D9, 53px 0 0 -5.5px #2175D9, 54px 0 0 -5.5px #2175D9, 55px 0 0 -5.5px #2175D9, 56px 0 0 -5.5px #2175D9, 57px 0 0 -5.5px #2175D9, 58px 0 0 -5.5px #2175D9, 59px 0 0 -5.5px #2175D9, 60px 0 0 -5.5px #2175D9, 61px 0 0 -5.5px #2175D9, 62px 0 0 -5.5px #2175D9, 63px 0 0 -5.5px #2175D9, 64px 0 0 -5.5px #2175D9, 65px 0 0 -5.5px #2175D9, 66px 0 0 -5.5px #2175D9, 67px 0 0 -5.5px #2175D9, 68px 0 0 -5.5px #2175D9, 69px 0 0 -5.5px #2175D9, 70px 0 0 -5.5px #2175D9, 71px 0 0 -5.5px #2175D9, 72px 0 0 -5.5px #2175D9, 73px 0 0 -5.5px #2175D9, 74px 0 0 -5.5px #2175D9, 75px 0 0 -5.5px #2175D9, 76px 0 0 -5.5px #2175D9, 77px 0 0 -5.5px #2175D9, 78px 0 0 -5.5px #2175D9, 79px 0 0 -5.5px #2175D9, 80px 0 0 -5.5px #2175D9, 81px 0 0 -5.5px #2175D9, 82px 0 0 -5.5px #2175D9, 83px 0 0 -5.5px #2175D9, 84px 0 0 -5.5px #2175D9, 85px 0 0 -5.5px #2175D9, 86px 0 0 -5.5px #2175D9, 87px 0 0 -5.5px #2175D9, 88px 0 0 -5.5px #2175D9, 89px 0 0 -5.5px #2175D9, 90px 0 0 -5.5px #2175D9, 91px 0 0 -5.5px #2175D9, 92px 0 0 -5.5px #2175D9, 93px 0 0 -5.5px #2175D9, 94px 0 0 -5.5px #2175D9, 95px 0 0 -5.5px #2175D9, 96px 0 0 -5.5px #2175D9, 97px 0 0 -5.5px #2175D9, 98px 0 0 -5.5px #2175D9, 99px 0 0 -5.5px #2175D9, 100px 0 0 -5.5px #2175D9, 101px 0 0 -5.5px #2175D9, 102px 0 0 -5.5px #2175D9, 103px 0 0 -5.5px #2175D9, 104px 0 0 -5.5px #2175D9, 105px 0 0 -5.5px #2175D9, 106px 0 0 -5.5px #2175D9, 107px 0 0 -5.5px #2175D9, 108px 0 0 -5.5px #2175D9, 109px 0 0 -5.5px #2175D9, 110px 0 0 -5.5px #2175D9, 111px 0 0 -5.5px #2175D9, 112px 0 0 -5.5px #2175D9, 113px 0 0 -5.5px #2175D9, 114px 0 0 -5.5px #2175D9, 115px 0 0 -5.5px #2175D9, 116px 0 0 -5.5px #2175D9, 117px 0 0 -5.5px #2175D9, 118px 0 0 -5.5px #2175D9, 119px 0 0 -5.5px #2175D9, 120px 0 0 -5.5px #2175D9, 121px 0 0 -5.5px #2175D9, 122px 0 0 -5.5px #2175D9, 123px 0 0 -5.5px #2175D9, 124px 0 0 -5.5px #2175D9, 125px 0 0 -5.5px #2175D9, 126px 0 0 -5.5px #2175D9, 127px 0 0 -5.5px #2175D9, 128px 0 0 -5.5px #2175D9, 129px 0 0 -5.5px #2175D9, 130px 0 0 -5.5px #2175D9, 131px 0 0 -5.5px #2175D9, 132px 0 0 -5.5px #2175D9, 133px 0 0 -5.5px #2175D9, 134px 0 0 -5.5px #2175D9, 135px 0 0 -5.5px #2175D9, 136px 0 0 -5.5px #2175D9, 137px 0 0 -5.5px #2175D9, 138px 0 0 -5.5px #2175D9, 139px 0 0 -5.5px #2175D9, 140px 0 0 -5.5px #2175D9, 141px 0 0 -5.5px #2175D9, 142px 0 0 -5.5px #2175D9, 143px 0 0 -5.5px #2175D9, 144px 0 0 -5.5px #2175D9, 145px 0 0 -5.5px #2175D9, 146px 0 0 -5.5px #2175D9, 147px 0 0 -5.5px #2175D9, 148px 0 0 -5.5px #2175D9, 149px 0 0 -5.5px #2175D9, 150px 0 0 -5.5px #2175D9, 151px 0 0 -5.5px #2175D9, 152px 0 0 -5.5px #2175D9, 153px 0 0 -5.5px #2175D9, 154px 0 0 -5.5px #2175D9, 155px 0 0 -5.5px #2175D9, 156px 0 0 -5.5px #2175D9, 157px 0 0 -5.5px #2175D9, 158px 0 0 -5.5px #2175D9, 159px 0 0 -5.5px #2175D9, 160px 0 0 -5.5px #2175D9, 161px 0 0 -5.5px #2175D9, 162px 0 0 -5.5px #2175D9, 163px 0 0 -5.5px #2175D9, 164px 0 0 -5.5px #2175D9, 165px 0 0 -5.5px #2175D9, 166px 0 0 -5.5px #2175D9, 167px 0 0 -5.5px #2175D9, 168px 0 0 -5.5px #2175D9, 169px 0 0 -5.5px #2175D9, 170px 0 0 -5.5px #2175D9, 171px 0 0 -5.5px #2175D9, 172px 0 0 -5.5px #2175D9, 173px 0 0 -5.5px #2175D9, 174px 0 0 -5.5px #2175D9, 175px 0 0 -5.5px #2175D9, 176px 0 0 -5.5px #2175D9, 177px 0 0 -5.5px #2175D9, 178px 0 0 -5.5px #2175D9, 179px 0 0 -5.5px #2175D9, 180px 0 0 -5.5px #2175D9, 181px 0 0 -5.5px #2175D9, 182px 0 0 -5.5px #2175D9, 183px 0 0 -5.5px #2175D9, 184px 0 0 -5.5px #2175D9, 185px 0 0 -5.5px #2175D9, 186px 0 0 -5.5px #2175D9, 187px 0 0 -5.5px #2175D9, 188px 0 0 -5.5px #2175D9, 189px 0 0 -5.5px #2175D9, 190px 0 0 -5.5px #2175D9, 191px 0 0 -5.5px #2175D9, 192px 0 0 -5.5px #2175D9, 193px 0 0 -5.5px #2175D9, 194px 0 0 -5.5px #2175D9, 195px 0 0 -5.5px #2175D9, 196px 0 0 -5.5px #2175D9, 197px 0 0 -5.5px #2175D9, 198px 0 0 -5.5px #2175D9, 199px 0 0 -5.5px #2175D9, 200px 0 0 -5.5px #2175D9, 201px 0 0 -5.5px #2175D9, 202px 0 0 -5.5px #2175D9, 203px 0 0 -5.5px #2175D9, 204px 0 0 -5.5px #2175D9, 205px 0 0 -5.5px #2175D9, 206px 0 0 -5.5px #2175D9, 207px 0 0 -5.5px #2175D9, 208px 0 0 -5.5px #2175D9, 209px 0 0 -5.5px #2175D9, 210px 0 0 -5.5px #2175D9, 211px 0 0 -5.5px #2175D9, 212px 0 0 -5.5px #2175D9, 213px 0 0 -5.5px #2175D9, 214px 0 0 -5.5px #2175D9, 215px 0 0 -5.5px #2175D9, 216px 0 0 -5.5px #2175D9, 217px 0 0 -5.5px #2175D9, 218px 0 0 -5.5px #2175D9, 219px 0 0 -5.5px #2175D9, 220px 0 0 -5.5px #2175D9, 221px 0 0 -5.5px #2175D9, 222px 0 0 -5.5px #2175D9, 223px 0 0 -5.5px #2175D9, 224px 0 0 -5.5px #2175D9, 225px 0 0 -5.5px #2175D9, 226px 0 0 -5.5px #2175D9, 227px 0 0 -5.5px #2175D9, 228px 0 0 -5.5px #2175D9, 229px 0 0 -5.5px #2175D9, 230px 0 0 -5.5px #2175D9, 231px 0 0 -5.5px #2175D9, 232px 0 0 -5.5px #2175D9, 233px 0 0 -5.5px #2175D9, 234px 0 0 -5.5px #2175D9, 235px 0 0 -5.5px #2175D9, 236px 0 0 -5.5px #2175D9, 237px 0 0 -5.5px #2175D9, 238px 0 0 -5.5px #2175D9, 239px 0 0 -5.5px #2175D9, 240px 0 0 -5.5px #2175D9, 241px 0 0 -5.5px #2175D9, 242px 0 0 -5.5px #2175D9, 243px 0 0 -5.5px #2175D9, 244px 0 0 -5.5px #2175D9, 245px 0 0 -5.5px #2175D9, 246px 0 0 -5.5px #2175D9, 247px 0 0 -5.5px #2175D9, 248px 0 0 -5.5px #2175D9, 249px 0 0 -5.5px #2175D9, 250px 0 0 -5.5px #2175D9, 251px 0 0 -5.5px #2175D9, 252px 0 0 -5.5px #2175D9, 253px 0 0 -5.5px #2175D9, 254px 0 0 -5.5px #2175D9, 255px 0 0 -5.5px #2175D9, 256px 0 0 -5.5px #2175D9, 257px 0 0 -5.5px #2175D9, 258px 0 0 -5.5px #2175D9, 259px 0 0 -5.5px #2175D9, 260px 0 0 -5.5px #2175D9, 261px 0 0 -5.5px #2175D9, 262px 0 0 -5.5px #2175D9, 263px 0 0 -5.5px #2175D9, 264px 0 0 -5.5px #2175D9, 265px 0 0 -5.5px #2175D9, 266px 0 0 -5.5px #2175D9, 267px 0 0 -5.5px #2175D9, 268px 0 0 -5.5px #2175D9, 269px 0 0 -5.5px #2175D9, 270px 0 0 -5.5px #2175D9, 271px 0 0 -5.5px #2175D9, 272px 0 0 -5.5px #2175D9, 273px 0 0 -5.5px #2175D9, 274px 0 0 -5.5px #2175D9, 275px 0 0 -5.5px #2175D9, 276px 0 0 -5.5px #2175D9, 277px 0 0 -5.5px #2175D9, 278px 0 0 -5.5px #2175D9, 279px 0 0 -5.5px #2175D9, 280px 0 0 -5.5px #2175D9, 281px 0 0 -5.5px #2175D9, 282px 0 0 -5.5px #2175D9, 283px 0 0 -5.5px #2175D9, 284px 0 0 -5.5px #2175D9, 285px 0 0 -5.5px #2175D9, 286px 0 0 -5.5px #2175D9, 287px 0 0 -5.5px #2175D9, 288px 0 0 -5.5px #2175D9, 289px 0 0 -5.5px #2175D9, 290px 0 0 -5.5px #2175D9, 291px 0 0 -5.5px #2175D9, 292px 0 0 -5.5px #2175D9, 293px 0 0 -5.5px #2175D9, 294px 0 0 -5.5px #2175D9, 295px 0 0 -5.5px #2175D9, 296px 0 0 -5.5px #2175D9, 297px 0 0 -5.5px #2175D9, 298px 0 0 -5.5px #2175D9, 299px 0 0 -5.5px #2175D9, 300px 0 0 -5.5px #2175D9, 301px 0 0 -5.5px #2175D9, 302px 0 0 -5.5px #2175D9, 303px 0 0 -5.5px #2175D9, 304px 0 0 -5.5px #2175D9, 305px 0 0 -5.5px #2175D9, 306px 0 0 -5.5px #2175D9, 307px 0 0 -5.5px #2175D9, 308px 0 0 -5.5px #2175D9, 309px 0 0 -5.5px #2175D9, 310px 0 0 -5.5px #2175D9, 311px 0 0 -5.5px #2175D9, 312px 0 0 -5.5px #2175D9, 313px 0 0 -5.5px #2175D9, 314px 0 0 -5.5px #2175D9, 315px 0 0 -5.5px #2175D9, 316px 0 0 -5.5px #2175D9, 317px 0 0 -5.5px #2175D9, 318px 0 0 -5.5px #2175D9, 319px 0 0 -5.5px #2175D9, 320px 0 0 -5.5px #2175D9, 321px 0 0 -5.5px #2175D9, 322px 0 0 -5.5px #2175D9, 323px 0 0 -5.5px #2175D9, 324px 0 0 -5.5px #2175D9, 325px 0 0 -5.5px #2175D9, 326px 0 0 -5.5px #2175D9, 327px 0 0 -5.5px #2175D9, 328px 0 0 -5.5px #2175D9, 329px 0 0 -5.5px #2175D9, 330px 0 0 -5.5px #2175D9, 331px 0 0 -5.5px #2175D9, 332px 0 0 -5.5px #2175D9, 333px 0 0 -5.5px #2175D9, 334px 0 0 -5.5px #2175D9, 335px 0 0 -5.5px #2175D9, 336px 0 0 -5.5px #2175D9, 337px 0 0 -5.5px #2175D9, 338px 0 0 -5.5px #2175D9, 339px 0 0 -5.5px #2175D9, 340px 0 0 -5.5px #2175D9, 341px 0 0 -5.5px #2175D9, 342px 0 0 -5.5px #2175D9, 343px 0 0 -5.5px #2175D9, 344px 0 0 -5.5px #2175D9, 345px 0 0 -5.5px #2175D9, 346px 0 0 -5.5px #2175D9, 347px 0 0 -5.5px #2175D9, 348px 0 0 -5.5px #2175D9, 349px 0 0 -5.5px #2175D9, 350px 0 0 -5.5px #2175D9, 351px 0 0 -5.5px #2175D9, 352px 0 0 -5.5px #2175D9, 353px 0 0 -5.5px #2175D9, 354px 0 0 -5.5px #2175D9, 355px 0 0 -5.5px #2175D9, 356px 0 0 -5.5px #2175D9, 357px 0 0 -5.5px #2175D9, 358px 0 0 -5.5px #2175D9, 359px 0 0 -5.5px #2175D9, 360px 0 0 -5.5px #2175D9, 361px 0 0 -5.5px #2175D9, 362px 0 0 -5.5px #2175D9, 363px 0 0 -5.5px #2175D9, 364px 0 0 -5.5px #2175D9, 365px 0 0 -5.5px #2175D9, 366px 0 0 -5.5px #2175D9, 367px 0 0 -5.5px #2175D9, 368px 0 0 -5.5px #2175D9, 369px 0 0 -5.5px #2175D9, 370px 0 0 -5.5px #2175D9, 371px 0 0 -5.5px #2175D9, 372px 0 0 -5.5px #2175D9, 373px 0 0 -5.5px #2175D9, 374px 0 0 -5.5px #2175D9, 375px 0 0 -5.5px #2175D9, 376px 0 0 -5.5px #2175D9, 377px 0 0 -5.5px #2175D9, 378px 0 0 -5.5px #2175D9, 379px 0 0 -5.5px #2175D9, 380px 0 0 -5.5px #2175D9, 381px 0 0 -5.5px #2175D9, 382px 0 0 -5.5px #2175D9, 383px 0 0 -5.5px #2175D9, 384px 0 0 -5.5px #2175D9, 385px 0 0 -5.5px #2175D9;
    margin-top: -6.5px;
    position: relative;
    top: 50%;
}

.bg-brand--blue .slider__range::-webkit-slider-thumb,
.bg-brand--turquoise .slider__range::-webkit-slider-thumb,
.bg-brand--yellow .slider__range::-webkit-slider-thumb,
.bg-brand--red .slider__range::-webkit-slider-thumb {
    background: #0F1941;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -webkit-transition: background-color 150ms;
    transition: background-color 150ms;
    box-shadow: 1px 0 0 -5.5px #0F1941, 2px 0 0 -5.5px #0F1941, 3px 0 0 -5.5px #0F1941, 4px 0 0 -5.5px #0F1941, 5px 0 0 -5.5px #0F1941, 6px 0 0 -5.5px #0F1941, 7px 0 0 -5.5px #0F1941, 8px 0 0 -5.5px #0F1941, 9px 0 0 -5.5px #0F1941, 10px 0 0 -5.5px #0F1941, 11px 0 0 -5.5px #0F1941, 12px 0 0 -5.5px #0F1941, 13px 0 0 -5.5px #0F1941, 14px 0 0 -5.5px #0F1941, 15px 0 0 -5.5px #0F1941, 16px 0 0 -5.5px #0F1941, 17px 0 0 -5.5px #0F1941, 18px 0 0 -5.5px #0F1941, 19px 0 0 -5.5px #0F1941, 20px 0 0 -5.5px #0F1941, 21px 0 0 -5.5px #0F1941, 22px 0 0 -5.5px #0F1941, 23px 0 0 -5.5px #0F1941, 24px 0 0 -5.5px #0F1941, 25px 0 0 -5.5px #0F1941, 26px 0 0 -5.5px #0F1941, 27px 0 0 -5.5px #0F1941, 28px 0 0 -5.5px #0F1941, 29px 0 0 -5.5px #0F1941, 30px 0 0 -5.5px #0F1941, 31px 0 0 -5.5px #0F1941, 32px 0 0 -5.5px #0F1941, 33px 0 0 -5.5px #0F1941, 34px 0 0 -5.5px #0F1941, 35px 0 0 -5.5px #0F1941, 36px 0 0 -5.5px #0F1941, 37px 0 0 -5.5px #0F1941, 38px 0 0 -5.5px #0F1941, 39px 0 0 -5.5px #0F1941, 40px 0 0 -5.5px #0F1941, 41px 0 0 -5.5px #0F1941, 42px 0 0 -5.5px #0F1941, 43px 0 0 -5.5px #0F1941, 44px 0 0 -5.5px #0F1941, 45px 0 0 -5.5px #0F1941, 46px 0 0 -5.5px #0F1941, 47px 0 0 -5.5px #0F1941, 48px 0 0 -5.5px #0F1941, 49px 0 0 -5.5px #0F1941, 50px 0 0 -5.5px #0F1941, 51px 0 0 -5.5px #0F1941, 52px 0 0 -5.5px #0F1941, 53px 0 0 -5.5px #0F1941, 54px 0 0 -5.5px #0F1941, 55px 0 0 -5.5px #0F1941, 56px 0 0 -5.5px #0F1941, 57px 0 0 -5.5px #0F1941, 58px 0 0 -5.5px #0F1941, 59px 0 0 -5.5px #0F1941, 60px 0 0 -5.5px #0F1941, 61px 0 0 -5.5px #0F1941, 62px 0 0 -5.5px #0F1941, 63px 0 0 -5.5px #0F1941, 64px 0 0 -5.5px #0F1941, 65px 0 0 -5.5px #0F1941, 66px 0 0 -5.5px #0F1941, 67px 0 0 -5.5px #0F1941, 68px 0 0 -5.5px #0F1941, 69px 0 0 -5.5px #0F1941, 70px 0 0 -5.5px #0F1941, 71px 0 0 -5.5px #0F1941, 72px 0 0 -5.5px #0F1941, 73px 0 0 -5.5px #0F1941, 74px 0 0 -5.5px #0F1941, 75px 0 0 -5.5px #0F1941, 76px 0 0 -5.5px #0F1941, 77px 0 0 -5.5px #0F1941, 78px 0 0 -5.5px #0F1941, 79px 0 0 -5.5px #0F1941, 80px 0 0 -5.5px #0F1941, 81px 0 0 -5.5px #0F1941, 82px 0 0 -5.5px #0F1941, 83px 0 0 -5.5px #0F1941, 84px 0 0 -5.5px #0F1941, 85px 0 0 -5.5px #0F1941, 86px 0 0 -5.5px #0F1941, 87px 0 0 -5.5px #0F1941, 88px 0 0 -5.5px #0F1941, 89px 0 0 -5.5px #0F1941, 90px 0 0 -5.5px #0F1941, 91px 0 0 -5.5px #0F1941, 92px 0 0 -5.5px #0F1941, 93px 0 0 -5.5px #0F1941, 94px 0 0 -5.5px #0F1941, 95px 0 0 -5.5px #0F1941, 96px 0 0 -5.5px #0F1941, 97px 0 0 -5.5px #0F1941, 98px 0 0 -5.5px #0F1941, 99px 0 0 -5.5px #0F1941, 100px 0 0 -5.5px #0F1941, 101px 0 0 -5.5px #0F1941, 102px 0 0 -5.5px #0F1941, 103px 0 0 -5.5px #0F1941, 104px 0 0 -5.5px #0F1941, 105px 0 0 -5.5px #0F1941, 106px 0 0 -5.5px #0F1941, 107px 0 0 -5.5px #0F1941, 108px 0 0 -5.5px #0F1941, 109px 0 0 -5.5px #0F1941, 110px 0 0 -5.5px #0F1941, 111px 0 0 -5.5px #0F1941, 112px 0 0 -5.5px #0F1941, 113px 0 0 -5.5px #0F1941, 114px 0 0 -5.5px #0F1941, 115px 0 0 -5.5px #0F1941, 116px 0 0 -5.5px #0F1941, 117px 0 0 -5.5px #0F1941, 118px 0 0 -5.5px #0F1941, 119px 0 0 -5.5px #0F1941, 120px 0 0 -5.5px #0F1941, 121px 0 0 -5.5px #0F1941, 122px 0 0 -5.5px #0F1941, 123px 0 0 -5.5px #0F1941, 124px 0 0 -5.5px #0F1941, 125px 0 0 -5.5px #0F1941, 126px 0 0 -5.5px #0F1941, 127px 0 0 -5.5px #0F1941, 128px 0 0 -5.5px #0F1941, 129px 0 0 -5.5px #0F1941, 130px 0 0 -5.5px #0F1941, 131px 0 0 -5.5px #0F1941, 132px 0 0 -5.5px #0F1941, 133px 0 0 -5.5px #0F1941, 134px 0 0 -5.5px #0F1941, 135px 0 0 -5.5px #0F1941, 136px 0 0 -5.5px #0F1941, 137px 0 0 -5.5px #0F1941, 138px 0 0 -5.5px #0F1941, 139px 0 0 -5.5px #0F1941, 140px 0 0 -5.5px #0F1941, 141px 0 0 -5.5px #0F1941, 142px 0 0 -5.5px #0F1941, 143px 0 0 -5.5px #0F1941, 144px 0 0 -5.5px #0F1941, 145px 0 0 -5.5px #0F1941, 146px 0 0 -5.5px #0F1941, 147px 0 0 -5.5px #0F1941, 148px 0 0 -5.5px #0F1941, 149px 0 0 -5.5px #0F1941, 150px 0 0 -5.5px #0F1941, 151px 0 0 -5.5px #0F1941, 152px 0 0 -5.5px #0F1941, 153px 0 0 -5.5px #0F1941, 154px 0 0 -5.5px #0F1941, 155px 0 0 -5.5px #0F1941, 156px 0 0 -5.5px #0F1941, 157px 0 0 -5.5px #0F1941, 158px 0 0 -5.5px #0F1941, 159px 0 0 -5.5px #0F1941, 160px 0 0 -5.5px #0F1941, 161px 0 0 -5.5px #0F1941, 162px 0 0 -5.5px #0F1941, 163px 0 0 -5.5px #0F1941, 164px 0 0 -5.5px #0F1941, 165px 0 0 -5.5px #0F1941, 166px 0 0 -5.5px #0F1941, 167px 0 0 -5.5px #0F1941, 168px 0 0 -5.5px #0F1941, 169px 0 0 -5.5px #0F1941, 170px 0 0 -5.5px #0F1941, 171px 0 0 -5.5px #0F1941, 172px 0 0 -5.5px #0F1941, 173px 0 0 -5.5px #0F1941, 174px 0 0 -5.5px #0F1941, 175px 0 0 -5.5px #0F1941, 176px 0 0 -5.5px #0F1941, 177px 0 0 -5.5px #0F1941, 178px 0 0 -5.5px #0F1941, 179px 0 0 -5.5px #0F1941, 180px 0 0 -5.5px #0F1941, 181px 0 0 -5.5px #0F1941, 182px 0 0 -5.5px #0F1941, 183px 0 0 -5.5px #0F1941, 184px 0 0 -5.5px #0F1941, 185px 0 0 -5.5px #0F1941, 186px 0 0 -5.5px #0F1941, 187px 0 0 -5.5px #0F1941, 188px 0 0 -5.5px #0F1941, 189px 0 0 -5.5px #0F1941, 190px 0 0 -5.5px #0F1941, 191px 0 0 -5.5px #0F1941, 192px 0 0 -5.5px #0F1941, 193px 0 0 -5.5px #0F1941, 194px 0 0 -5.5px #0F1941, 195px 0 0 -5.5px #0F1941, 196px 0 0 -5.5px #0F1941, 197px 0 0 -5.5px #0F1941, 198px 0 0 -5.5px #0F1941, 199px 0 0 -5.5px #0F1941, 200px 0 0 -5.5px #0F1941, 201px 0 0 -5.5px #0F1941, 202px 0 0 -5.5px #0F1941, 203px 0 0 -5.5px #0F1941, 204px 0 0 -5.5px #0F1941, 205px 0 0 -5.5px #0F1941, 206px 0 0 -5.5px #0F1941, 207px 0 0 -5.5px #0F1941, 208px 0 0 -5.5px #0F1941, 209px 0 0 -5.5px #0F1941, 210px 0 0 -5.5px #0F1941, 211px 0 0 -5.5px #0F1941, 212px 0 0 -5.5px #0F1941, 213px 0 0 -5.5px #0F1941, 214px 0 0 -5.5px #0F1941, 215px 0 0 -5.5px #0F1941, 216px 0 0 -5.5px #0F1941, 217px 0 0 -5.5px #0F1941, 218px 0 0 -5.5px #0F1941, 219px 0 0 -5.5px #0F1941, 220px 0 0 -5.5px #0F1941, 221px 0 0 -5.5px #0F1941, 222px 0 0 -5.5px #0F1941, 223px 0 0 -5.5px #0F1941, 224px 0 0 -5.5px #0F1941, 225px 0 0 -5.5px #0F1941, 226px 0 0 -5.5px #0F1941, 227px 0 0 -5.5px #0F1941, 228px 0 0 -5.5px #0F1941, 229px 0 0 -5.5px #0F1941, 230px 0 0 -5.5px #0F1941, 231px 0 0 -5.5px #0F1941, 232px 0 0 -5.5px #0F1941, 233px 0 0 -5.5px #0F1941, 234px 0 0 -5.5px #0F1941, 235px 0 0 -5.5px #0F1941, 236px 0 0 -5.5px #0F1941, 237px 0 0 -5.5px #0F1941, 238px 0 0 -5.5px #0F1941, 239px 0 0 -5.5px #0F1941, 240px 0 0 -5.5px #0F1941, 241px 0 0 -5.5px #0F1941, 242px 0 0 -5.5px #0F1941, 243px 0 0 -5.5px #0F1941, 244px 0 0 -5.5px #0F1941, 245px 0 0 -5.5px #0F1941, 246px 0 0 -5.5px #0F1941, 247px 0 0 -5.5px #0F1941, 248px 0 0 -5.5px #0F1941, 249px 0 0 -5.5px #0F1941, 250px 0 0 -5.5px #0F1941, 251px 0 0 -5.5px #0F1941, 252px 0 0 -5.5px #0F1941, 253px 0 0 -5.5px #0F1941, 254px 0 0 -5.5px #0F1941, 255px 0 0 -5.5px #0F1941, 256px 0 0 -5.5px #0F1941, 257px 0 0 -5.5px #0F1941, 258px 0 0 -5.5px #0F1941, 259px 0 0 -5.5px #0F1941, 260px 0 0 -5.5px #0F1941, 261px 0 0 -5.5px #0F1941, 262px 0 0 -5.5px #0F1941, 263px 0 0 -5.5px #0F1941, 264px 0 0 -5.5px #0F1941, 265px 0 0 -5.5px #0F1941, 266px 0 0 -5.5px #0F1941, 267px 0 0 -5.5px #0F1941, 268px 0 0 -5.5px #0F1941, 269px 0 0 -5.5px #0F1941, 270px 0 0 -5.5px #0F1941, 271px 0 0 -5.5px #0F1941, 272px 0 0 -5.5px #0F1941, 273px 0 0 -5.5px #0F1941, 274px 0 0 -5.5px #0F1941, 275px 0 0 -5.5px #0F1941, 276px 0 0 -5.5px #0F1941, 277px 0 0 -5.5px #0F1941, 278px 0 0 -5.5px #0F1941, 279px 0 0 -5.5px #0F1941, 280px 0 0 -5.5px #0F1941, 281px 0 0 -5.5px #0F1941, 282px 0 0 -5.5px #0F1941, 283px 0 0 -5.5px #0F1941, 284px 0 0 -5.5px #0F1941, 285px 0 0 -5.5px #0F1941, 286px 0 0 -5.5px #0F1941, 287px 0 0 -5.5px #0F1941, 288px 0 0 -5.5px #0F1941, 289px 0 0 -5.5px #0F1941, 290px 0 0 -5.5px #0F1941, 291px 0 0 -5.5px #0F1941, 292px 0 0 -5.5px #0F1941, 293px 0 0 -5.5px #0F1941, 294px 0 0 -5.5px #0F1941, 295px 0 0 -5.5px #0F1941, 296px 0 0 -5.5px #0F1941, 297px 0 0 -5.5px #0F1941, 298px 0 0 -5.5px #0F1941, 299px 0 0 -5.5px #0F1941, 300px 0 0 -5.5px #0F1941, 301px 0 0 -5.5px #0F1941, 302px 0 0 -5.5px #0F1941, 303px 0 0 -5.5px #0F1941, 304px 0 0 -5.5px #0F1941, 305px 0 0 -5.5px #0F1941, 306px 0 0 -5.5px #0F1941, 307px 0 0 -5.5px #0F1941, 308px 0 0 -5.5px #0F1941, 309px 0 0 -5.5px #0F1941, 310px 0 0 -5.5px #0F1941, 311px 0 0 -5.5px #0F1941, 312px 0 0 -5.5px #0F1941, 313px 0 0 -5.5px #0F1941, 314px 0 0 -5.5px #0F1941, 315px 0 0 -5.5px #0F1941, 316px 0 0 -5.5px #0F1941, 317px 0 0 -5.5px #0F1941, 318px 0 0 -5.5px #0F1941, 319px 0 0 -5.5px #0F1941, 320px 0 0 -5.5px #0F1941, 321px 0 0 -5.5px #0F1941, 322px 0 0 -5.5px #0F1941, 323px 0 0 -5.5px #0F1941, 324px 0 0 -5.5px #0F1941, 325px 0 0 -5.5px #0F1941, 326px 0 0 -5.5px #0F1941, 327px 0 0 -5.5px #0F1941, 328px 0 0 -5.5px #0F1941, 329px 0 0 -5.5px #0F1941, 330px 0 0 -5.5px #0F1941, 331px 0 0 -5.5px #0F1941, 332px 0 0 -5.5px #0F1941, 333px 0 0 -5.5px #0F1941, 334px 0 0 -5.5px #0F1941, 335px 0 0 -5.5px #0F1941, 336px 0 0 -5.5px #0F1941, 337px 0 0 -5.5px #0F1941, 338px 0 0 -5.5px #0F1941, 339px 0 0 -5.5px #0F1941, 340px 0 0 -5.5px #0F1941, 341px 0 0 -5.5px #0F1941, 342px 0 0 -5.5px #0F1941, 343px 0 0 -5.5px #0F1941, 344px 0 0 -5.5px #0F1941, 345px 0 0 -5.5px #0F1941, 346px 0 0 -5.5px #0F1941, 347px 0 0 -5.5px #0F1941, 348px 0 0 -5.5px #0F1941, 349px 0 0 -5.5px #0F1941, 350px 0 0 -5.5px #0F1941, 351px 0 0 -5.5px #0F1941, 352px 0 0 -5.5px #0F1941, 353px 0 0 -5.5px #0F1941, 354px 0 0 -5.5px #0F1941, 355px 0 0 -5.5px #0F1941, 356px 0 0 -5.5px #0F1941, 357px 0 0 -5.5px #0F1941, 358px 0 0 -5.5px #0F1941, 359px 0 0 -5.5px #0F1941, 360px 0 0 -5.5px #0F1941, 361px 0 0 -5.5px #0F1941, 362px 0 0 -5.5px #0F1941, 363px 0 0 -5.5px #0F1941, 364px 0 0 -5.5px #0F1941, 365px 0 0 -5.5px #0F1941, 366px 0 0 -5.5px #0F1941, 367px 0 0 -5.5px #0F1941, 368px 0 0 -5.5px #0F1941, 369px 0 0 -5.5px #0F1941, 370px 0 0 -5.5px #0F1941, 371px 0 0 -5.5px #0F1941, 372px 0 0 -5.5px #0F1941, 373px 0 0 -5.5px #0F1941, 374px 0 0 -5.5px #0F1941, 375px 0 0 -5.5px #0F1941, 376px 0 0 -5.5px #0F1941, 377px 0 0 -5.5px #0F1941, 378px 0 0 -5.5px #0F1941, 379px 0 0 -5.5px #0F1941, 380px 0 0 -5.5px #0F1941, 381px 0 0 -5.5px #0F1941, 382px 0 0 -5.5px #0F1941, 383px 0 0 -5.5px #0F1941, 384px 0 0 -5.5px #0F1941, 385px 0 0 -5.5px #0F1941;
}

.slider__range::-moz-range-track {
    background: #2175D9;
    height: 2px;
    width: 100%;
}

.bg-brand--blue .slider__range::-moz-range-track {
    background: #0F1941;
}

.slider__range::-moz-range-progress {
    background: #D7D7D7;
}

.slider__range::-moz-range-thumb {
    background: #2175D9;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.bg-brand--blue .slider__range::-moz-range-thumb {
    background: #0F1941;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
}

.slider__range::-ms-track {
    background: transparent;
    border: 0;
    color: transparent;
    height: 2px;
    width: 100%;
}

.slider__range::-ms-fill-lower {
    background: #D7D7D7;
}

.slider__range::-ms-fill-upper {
    background: #2175D9;
}

.bg-brand--blue .slider__range::-ms-fill-upper {
    background: #0F1941;
}

.slider__range::-ms-thumb {
    background: #2175D9;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -ms-transition: background-color 150ms;
    transition: background-color 150ms;
    box-shadow: none;
    margin: 0;
    top: 0;
}

.bg-brand--blue .slider__range::-ms-thumb {
    background: #0F1941;
    border-radius: 100%;
    border: 0;
    height: 13px;
    width: 13px;
    -ms-transition: background-color 150ms;
    transition: background-color 150ms;
}

.slider__range[data-rs-slider-range-line]::-ms-tooltip {
    display: none;
}

.slider__values {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.slider__value > span {
    margin-left: 5px;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF;
    border: solid 1px #D7D7D7;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    color: #0F1941;
    cursor: initial;
    font-family: Graphik, Tahoma, "sans-serif";
    margin: 0;
    min-height: 60px;
    padding: 15px 19px 18px;
    text-overflow: ellipsis;
    width: 100%;
}

@media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #878CA0;
}

input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #878CA0;
}

input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #878CA0;
}

input[type="color"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    color: #878CA0;
}

input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder {
    color: #878CA0;
}

input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #878CA0;
}

input[type="color"]::-ms-clear, input[type="date"]::-ms-clear, input[type="datetime"]::-ms-clear, input[type="datetime-local"]::-ms-clear, input[type="email"]::-ms-clear, input[type="month"]::-ms-clear, input[type="number"]::-ms-clear, input[type="password"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="text"]::-ms-clear, input[type="time"]::-ms-clear, input[type="url"]::-ms-clear, input[type="week"]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear, select::-ms-clear {
    display: none;
}

input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #2175D9;
    border-style: solid;
    border-width: 2px;
    outline: none;
    padding: 14px 18px 17px;
}

.bg-brand--blue input[type="color"]:active,
.bg-brand--turquoise input[type="color"]:active,
.bg-brand--yellow input[type="color"]:active,
.bg-brand--red input[type="color"]:active, .bg-brand--blue input[type="color"]:focus,
.bg-brand--turquoise input[type="color"]:focus,
.bg-brand--yellow input[type="color"]:focus,
.bg-brand--red input[type="color"]:focus, .bg-brand--blue input[type="date"]:active,
.bg-brand--turquoise input[type="date"]:active,
.bg-brand--yellow input[type="date"]:active,
.bg-brand--red input[type="date"]:active, .bg-brand--blue input[type="date"]:focus,
.bg-brand--turquoise input[type="date"]:focus,
.bg-brand--yellow input[type="date"]:focus,
.bg-brand--red input[type="date"]:focus, .bg-brand--blue input[type="datetime"]:active,
.bg-brand--turquoise input[type="datetime"]:active,
.bg-brand--yellow input[type="datetime"]:active,
.bg-brand--red input[type="datetime"]:active, .bg-brand--blue input[type="datetime"]:focus,
.bg-brand--turquoise input[type="datetime"]:focus,
.bg-brand--yellow input[type="datetime"]:focus,
.bg-brand--red input[type="datetime"]:focus, .bg-brand--blue input[type="datetime-local"]:active,
.bg-brand--turquoise input[type="datetime-local"]:active,
.bg-brand--yellow input[type="datetime-local"]:active,
.bg-brand--red input[type="datetime-local"]:active, .bg-brand--blue input[type="datetime-local"]:focus,
.bg-brand--turquoise input[type="datetime-local"]:focus,
.bg-brand--yellow input[type="datetime-local"]:focus,
.bg-brand--red input[type="datetime-local"]:focus, .bg-brand--blue input[type="email"]:active,
.bg-brand--turquoise input[type="email"]:active,
.bg-brand--yellow input[type="email"]:active,
.bg-brand--red input[type="email"]:active, .bg-brand--blue input[type="email"]:focus,
.bg-brand--turquoise input[type="email"]:focus,
.bg-brand--yellow input[type="email"]:focus,
.bg-brand--red input[type="email"]:focus, .bg-brand--blue input[type="month"]:active,
.bg-brand--turquoise input[type="month"]:active,
.bg-brand--yellow input[type="month"]:active,
.bg-brand--red input[type="month"]:active, .bg-brand--blue input[type="month"]:focus,
.bg-brand--turquoise input[type="month"]:focus,
.bg-brand--yellow input[type="month"]:focus,
.bg-brand--red input[type="month"]:focus, .bg-brand--blue input[type="number"]:active,
.bg-brand--turquoise input[type="number"]:active,
.bg-brand--yellow input[type="number"]:active,
.bg-brand--red input[type="number"]:active, .bg-brand--blue input[type="number"]:focus,
.bg-brand--turquoise input[type="number"]:focus,
.bg-brand--yellow input[type="number"]:focus,
.bg-brand--red input[type="number"]:focus, .bg-brand--blue input[type="password"]:active,
.bg-brand--turquoise input[type="password"]:active,
.bg-brand--yellow input[type="password"]:active,
.bg-brand--red input[type="password"]:active, .bg-brand--blue input[type="password"]:focus,
.bg-brand--turquoise input[type="password"]:focus,
.bg-brand--yellow input[type="password"]:focus,
.bg-brand--red input[type="password"]:focus, .bg-brand--blue input[type="search"]:active,
.bg-brand--turquoise input[type="search"]:active,
.bg-brand--yellow input[type="search"]:active,
.bg-brand--red input[type="search"]:active, .bg-brand--blue input[type="search"]:focus,
.bg-brand--turquoise input[type="search"]:focus,
.bg-brand--yellow input[type="search"]:focus,
.bg-brand--red input[type="search"]:focus, .bg-brand--blue input[type="tel"]:active,
.bg-brand--turquoise input[type="tel"]:active,
.bg-brand--yellow input[type="tel"]:active,
.bg-brand--red input[type="tel"]:active, .bg-brand--blue input[type="tel"]:focus,
.bg-brand--turquoise input[type="tel"]:focus,
.bg-brand--yellow input[type="tel"]:focus,
.bg-brand--red input[type="tel"]:focus, .bg-brand--blue input[type="text"]:active,
.bg-brand--turquoise input[type="text"]:active,
.bg-brand--yellow input[type="text"]:active,
.bg-brand--red input[type="text"]:active, .bg-brand--blue input[type="text"]:focus,
.bg-brand--turquoise input[type="text"]:focus,
.bg-brand--yellow input[type="text"]:focus,
.bg-brand--red input[type="text"]:focus, .bg-brand--blue input[type="time"]:active,
.bg-brand--turquoise input[type="time"]:active,
.bg-brand--yellow input[type="time"]:active,
.bg-brand--red input[type="time"]:active, .bg-brand--blue input[type="time"]:focus,
.bg-brand--turquoise input[type="time"]:focus,
.bg-brand--yellow input[type="time"]:focus,
.bg-brand--red input[type="time"]:focus, .bg-brand--blue input[type="url"]:active,
.bg-brand--turquoise input[type="url"]:active,
.bg-brand--yellow input[type="url"]:active,
.bg-brand--red input[type="url"]:active, .bg-brand--blue input[type="url"]:focus,
.bg-brand--turquoise input[type="url"]:focus,
.bg-brand--yellow input[type="url"]:focus,
.bg-brand--red input[type="url"]:focus, .bg-brand--blue input[type="week"]:active,
.bg-brand--turquoise input[type="week"]:active,
.bg-brand--yellow input[type="week"]:active,
.bg-brand--red input[type="week"]:active, .bg-brand--blue input[type="week"]:focus,
.bg-brand--turquoise input[type="week"]:focus,
.bg-brand--yellow input[type="week"]:focus,
.bg-brand--red input[type="week"]:focus, .bg-brand--blue input:not([type]):active,
.bg-brand--turquoise input:not([type]):active,
.bg-brand--yellow input:not([type]):active,
.bg-brand--red input:not([type]):active, .bg-brand--blue input:not([type]):focus,
.bg-brand--turquoise input:not([type]):focus,
.bg-brand--yellow input:not([type]):focus,
.bg-brand--red input:not([type]):focus, .bg-brand--blue textarea:active,
.bg-brand--turquoise textarea:active,
.bg-brand--yellow textarea:active,
.bg-brand--red textarea:active, .bg-brand--blue textarea:focus,
.bg-brand--turquoise textarea:focus,
.bg-brand--yellow textarea:focus,
.bg-brand--red textarea:focus, .bg-brand--blue select:active,
.bg-brand--turquoise select:active,
.bg-brand--yellow select:active,
.bg-brand--red select:active, .bg-brand--blue select:focus,
.bg-brand--turquoise select:focus,
.bg-brand--yellow select:focus,
.bg-brand--red select:focus {
    border-color: #0F1941;
}

input[type="color"]:-moz-read-only:not(select):not(.flatpickr), input[type="color"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="color"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="date"]:-moz-read-only:not(select):not(.flatpickr), input[type="date"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="date"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="email"]:-moz-read-only:not(select):not(.flatpickr), input[type="email"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="email"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="month"]:-moz-read-only:not(select):not(.flatpickr), input[type="month"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="month"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="number"]:-moz-read-only:not(select):not(.flatpickr), input[type="number"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="number"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="password"]:-moz-read-only:not(select):not(.flatpickr), input[type="password"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="password"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="search"]:-moz-read-only:not(select):not(.flatpickr), input[type="search"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="search"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr), input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="text"]:-moz-read-only:not(select):not(.flatpickr), input[type="text"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="text"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="time"]:-moz-read-only:not(select):not(.flatpickr), input[type="time"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="time"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="url"]:-moz-read-only:not(select):not(.flatpickr), input[type="url"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="url"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="week"]:-moz-read-only:not(select):not(.flatpickr), input[type="week"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="week"]:-moz-read-only:not(select):not(.flatpickr):focus, input:not([type]):-moz-read-only:not(select):not(.flatpickr), input:not([type]):-moz-read-only:not(select):not(.flatpickr):active, input:not([type]):-moz-read-only:not(select):not(.flatpickr):focus, textarea:-moz-read-only:not(select):not(.flatpickr), textarea:-moz-read-only:not(select):not(.flatpickr):active, textarea:-moz-read-only:not(select):not(.flatpickr):focus, select:-moz-read-only:not(select):not(.flatpickr), select:-moz-read-only:not(select):not(.flatpickr):active, select:-moz-read-only:not(select):not(.flatpickr):focus {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    color: #878CA0;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none;
}

input[type="color"]:read-only:not(select):not(.flatpickr), input[type="color"]:read-only:not(select):not(.flatpickr):active, input[type="color"]:read-only:not(select):not(.flatpickr):focus, input[type="color"][disabled], input[type="color"][disabled]:active, input[type="color"][disabled]:focus, input[type="date"]:read-only:not(select):not(.flatpickr), input[type="date"]:read-only:not(select):not(.flatpickr):active, input[type="date"]:read-only:not(select):not(.flatpickr):focus, input[type="date"][disabled], input[type="date"][disabled]:active, input[type="date"][disabled]:focus, input[type="datetime"]:read-only:not(select):not(.flatpickr), input[type="datetime"]:read-only:not(select):not(.flatpickr):active, input[type="datetime"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime"][disabled], input[type="datetime"][disabled]:active, input[type="datetime"][disabled]:focus, input[type="datetime-local"]:read-only:not(select):not(.flatpickr), input[type="datetime-local"]:read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"][disabled], input[type="datetime-local"][disabled]:active, input[type="datetime-local"][disabled]:focus, input[type="email"]:read-only:not(select):not(.flatpickr), input[type="email"]:read-only:not(select):not(.flatpickr):active, input[type="email"]:read-only:not(select):not(.flatpickr):focus, input[type="email"][disabled], input[type="email"][disabled]:active, input[type="email"][disabled]:focus, input[type="month"]:read-only:not(select):not(.flatpickr), input[type="month"]:read-only:not(select):not(.flatpickr):active, input[type="month"]:read-only:not(select):not(.flatpickr):focus, input[type="month"][disabled], input[type="month"][disabled]:active, input[type="month"][disabled]:focus, input[type="number"]:read-only:not(select):not(.flatpickr), input[type="number"]:read-only:not(select):not(.flatpickr):active, input[type="number"]:read-only:not(select):not(.flatpickr):focus, input[type="number"][disabled], input[type="number"][disabled]:active, input[type="number"][disabled]:focus, input[type="password"]:read-only:not(select):not(.flatpickr), input[type="password"]:read-only:not(select):not(.flatpickr):active, input[type="password"]:read-only:not(select):not(.flatpickr):focus, input[type="password"][disabled], input[type="password"][disabled]:active, input[type="password"][disabled]:focus, input[type="search"]:read-only:not(select):not(.flatpickr), input[type="search"]:read-only:not(select):not(.flatpickr):active, input[type="search"]:read-only:not(select):not(.flatpickr):focus, input[type="search"][disabled], input[type="search"][disabled]:active, input[type="search"][disabled]:focus, input[type="tel"]:read-only:not(select):not(.flatpickr), input[type="tel"]:read-only:not(select):not(.flatpickr):active, input[type="tel"]:read-only:not(select):not(.flatpickr):focus, input[type="tel"][disabled], input[type="tel"][disabled]:active, input[type="tel"][disabled]:focus, input[type="text"]:read-only:not(select):not(.flatpickr), input[type="text"]:read-only:not(select):not(.flatpickr):active, input[type="text"]:read-only:not(select):not(.flatpickr):focus, input[type="text"][disabled], input[type="text"][disabled]:active, input[type="text"][disabled]:focus, input[type="time"]:read-only:not(select):not(.flatpickr), input[type="time"]:read-only:not(select):not(.flatpickr):active, input[type="time"]:read-only:not(select):not(.flatpickr):focus, input[type="time"][disabled], input[type="time"][disabled]:active, input[type="time"][disabled]:focus, input[type="url"]:read-only:not(select):not(.flatpickr), input[type="url"]:read-only:not(select):not(.flatpickr):active, input[type="url"]:read-only:not(select):not(.flatpickr):focus, input[type="url"][disabled], input[type="url"][disabled]:active, input[type="url"][disabled]:focus, input[type="week"]:read-only:not(select):not(.flatpickr), input[type="week"]:read-only:not(select):not(.flatpickr):active, input[type="week"]:read-only:not(select):not(.flatpickr):focus, input[type="week"][disabled], input[type="week"][disabled]:active, input[type="week"][disabled]:focus, input:not([type]):read-only:not(select):not(.flatpickr), input:not([type]):read-only:not(select):not(.flatpickr):active, input:not([type]):read-only:not(select):not(.flatpickr):focus, input:not([type])[disabled], input:not([type])[disabled]:active, input:not([type])[disabled]:focus, textarea:read-only:not(select):not(.flatpickr), textarea:read-only:not(select):not(.flatpickr):active, textarea:read-only:not(select):not(.flatpickr):focus, textarea[disabled], textarea[disabled]:active, textarea[disabled]:focus, select:read-only:not(select):not(.flatpickr), select:read-only:not(select):not(.flatpickr):active, select:read-only:not(select):not(.flatpickr):focus, select[disabled], select[disabled]:active, select[disabled]:focus {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    color: #878CA0;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none;
}

input[type="color"][disabled], input[type="color"][readonly]:not(.flatpickr), input[type="date"][disabled], input[type="date"][readonly]:not(.flatpickr), input[type="datetime"][disabled], input[type="datetime"][readonly]:not(.flatpickr), input[type="datetime-local"][disabled], input[type="datetime-local"][readonly]:not(.flatpickr), input[type="email"][disabled], input[type="email"][readonly]:not(.flatpickr), input[type="month"][disabled], input[type="month"][readonly]:not(.flatpickr), input[type="number"][disabled], input[type="number"][readonly]:not(.flatpickr), input[type="password"][disabled], input[type="password"][readonly]:not(.flatpickr), input[type="search"][disabled], input[type="search"][readonly]:not(.flatpickr), input[type="tel"][disabled], input[type="tel"][readonly]:not(.flatpickr), input[type="text"][disabled], input[type="text"][readonly]:not(.flatpickr), input[type="time"][disabled], input[type="time"][readonly]:not(.flatpickr), input[type="url"][disabled], input[type="url"][readonly]:not(.flatpickr), input[type="week"][disabled], input[type="week"][readonly]:not(.flatpickr), input:not([type])[disabled], input:not([type])[readonly]:not(.flatpickr), textarea[disabled], textarea[readonly]:not(.flatpickr), select[disabled], select[readonly]:not(.flatpickr) {
    background: #F7F7F7;
    color: #878CA0;
    pointer-events: none;
}

@media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
        padding: 13px 19px 15px;
    }

        input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
            padding: 12px 18px 14px;
        }
}

.form-group--error input[type="color"], .form-group--error input[type="date"], .form-group--error input[type="datetime"], .form-group--error input[type="datetime-local"], .form-group--error input[type="email"], .form-group--error input[type="month"], .form-group--error input[type="number"], .form-group--error input[type="password"], .form-group--error input[type="search"], .form-group--error input[type="tel"], .form-group--error input[type="text"], .form-group--error input[type="time"], .form-group--error input[type="url"], .form-group--error input[type="week"], .form-group--error input:not([type]), .form-group--error textarea, .form-group--error select {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .form-group--error input[type="color"],
.bg-brand--white .form-group--error input[type="color"],
.bg-brand--dark-blue .form-group--error input[type="color"],
.bg-brand--yellow .form-group--error input[type="color"], .bg-brand--off-white .form-group--error input[type="date"],
.bg-brand--white .form-group--error input[type="date"],
.bg-brand--dark-blue .form-group--error input[type="date"],
.bg-brand--yellow .form-group--error input[type="date"], .bg-brand--off-white .form-group--error input[type="datetime"],
.bg-brand--white .form-group--error input[type="datetime"],
.bg-brand--dark-blue .form-group--error input[type="datetime"],
.bg-brand--yellow .form-group--error input[type="datetime"], .bg-brand--off-white .form-group--error input[type="datetime-local"],
.bg-brand--white .form-group--error input[type="datetime-local"],
.bg-brand--dark-blue .form-group--error input[type="datetime-local"],
.bg-brand--yellow .form-group--error input[type="datetime-local"], .bg-brand--off-white .form-group--error input[type="email"],
.bg-brand--white .form-group--error input[type="email"],
.bg-brand--dark-blue .form-group--error input[type="email"],
.bg-brand--yellow .form-group--error input[type="email"], .bg-brand--off-white .form-group--error input[type="month"],
.bg-brand--white .form-group--error input[type="month"],
.bg-brand--dark-blue .form-group--error input[type="month"],
.bg-brand--yellow .form-group--error input[type="month"], .bg-brand--off-white .form-group--error input[type="number"],
.bg-brand--white .form-group--error input[type="number"],
.bg-brand--dark-blue .form-group--error input[type="number"],
.bg-brand--yellow .form-group--error input[type="number"], .bg-brand--off-white .form-group--error input[type="password"],
.bg-brand--white .form-group--error input[type="password"],
.bg-brand--dark-blue .form-group--error input[type="password"],
.bg-brand--yellow .form-group--error input[type="password"], .bg-brand--off-white .form-group--error input[type="search"],
.bg-brand--white .form-group--error input[type="search"],
.bg-brand--dark-blue .form-group--error input[type="search"],
.bg-brand--yellow .form-group--error input[type="search"], .bg-brand--off-white .form-group--error input[type="tel"],
.bg-brand--white .form-group--error input[type="tel"],
.bg-brand--dark-blue .form-group--error input[type="tel"],
.bg-brand--yellow .form-group--error input[type="tel"], .bg-brand--off-white .form-group--error input[type="text"],
.bg-brand--white .form-group--error input[type="text"],
.bg-brand--dark-blue .form-group--error input[type="text"],
.bg-brand--yellow .form-group--error input[type="text"], .bg-brand--off-white .form-group--error input[type="time"],
.bg-brand--white .form-group--error input[type="time"],
.bg-brand--dark-blue .form-group--error input[type="time"],
.bg-brand--yellow .form-group--error input[type="time"], .bg-brand--off-white .form-group--error input[type="url"],
.bg-brand--white .form-group--error input[type="url"],
.bg-brand--dark-blue .form-group--error input[type="url"],
.bg-brand--yellow .form-group--error input[type="url"], .bg-brand--off-white .form-group--error input[type="week"],
.bg-brand--white .form-group--error input[type="week"],
.bg-brand--dark-blue .form-group--error input[type="week"],
.bg-brand--yellow .form-group--error input[type="week"], .bg-brand--off-white .form-group--error input:not([type]),
.bg-brand--white .form-group--error input:not([type]),
.bg-brand--dark-blue .form-group--error input:not([type]),
.bg-brand--yellow .form-group--error input:not([type]), .bg-brand--off-white .form-group--error textarea,
.bg-brand--white .form-group--error textarea,
.bg-brand--dark-blue .form-group--error textarea,
.bg-brand--yellow .form-group--error textarea, .bg-brand--off-white .form-group--error select,
.bg-brand--white .form-group--error select,
.bg-brand--dark-blue .form-group--error select,
.bg-brand--yellow .form-group--error select {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .form-group--error input[type="color"],
.bg-brand--turquoise .form-group--error input[type="color"],
.bg-brand--red .form-group--error input[type="color"], .bg-brand--blue .form-group--error input[type="date"],
.bg-brand--turquoise .form-group--error input[type="date"],
.bg-brand--red .form-group--error input[type="date"], .bg-brand--blue .form-group--error input[type="datetime"],
.bg-brand--turquoise .form-group--error input[type="datetime"],
.bg-brand--red .form-group--error input[type="datetime"], .bg-brand--blue .form-group--error input[type="datetime-local"],
.bg-brand--turquoise .form-group--error input[type="datetime-local"],
.bg-brand--red .form-group--error input[type="datetime-local"], .bg-brand--blue .form-group--error input[type="email"],
.bg-brand--turquoise .form-group--error input[type="email"],
.bg-brand--red .form-group--error input[type="email"], .bg-brand--blue .form-group--error input[type="month"],
.bg-brand--turquoise .form-group--error input[type="month"],
.bg-brand--red .form-group--error input[type="month"], .bg-brand--blue .form-group--error input[type="number"],
.bg-brand--turquoise .form-group--error input[type="number"],
.bg-brand--red .form-group--error input[type="number"], .bg-brand--blue .form-group--error input[type="password"],
.bg-brand--turquoise .form-group--error input[type="password"],
.bg-brand--red .form-group--error input[type="password"], .bg-brand--blue .form-group--error input[type="search"],
.bg-brand--turquoise .form-group--error input[type="search"],
.bg-brand--red .form-group--error input[type="search"], .bg-brand--blue .form-group--error input[type="tel"],
.bg-brand--turquoise .form-group--error input[type="tel"],
.bg-brand--red .form-group--error input[type="tel"], .bg-brand--blue .form-group--error input[type="text"],
.bg-brand--turquoise .form-group--error input[type="text"],
.bg-brand--red .form-group--error input[type="text"], .bg-brand--blue .form-group--error input[type="time"],
.bg-brand--turquoise .form-group--error input[type="time"],
.bg-brand--red .form-group--error input[type="time"], .bg-brand--blue .form-group--error input[type="url"],
.bg-brand--turquoise .form-group--error input[type="url"],
.bg-brand--red .form-group--error input[type="url"], .bg-brand--blue .form-group--error input[type="week"],
.bg-brand--turquoise .form-group--error input[type="week"],
.bg-brand--red .form-group--error input[type="week"], .bg-brand--blue .form-group--error input:not([type]),
.bg-brand--turquoise .form-group--error input:not([type]),
.bg-brand--red .form-group--error input:not([type]), .bg-brand--blue .form-group--error textarea,
.bg-brand--turquoise .form-group--error textarea,
.bg-brand--red .form-group--error textarea, .bg-brand--blue .form-group--error select,
.bg-brand--turquoise .form-group--error select,
.bg-brand--red .form-group--error select {
    border-color: #FFB511;
}

textarea {
    -webkit-transition: max-height 0.2s;
    transition: max-height 0.2s;
    min-height: 110px;
    overflow: hidden;
    resize: none;
}

    textarea.fixed-size {
        min-height: 200px;
        overflow: auto;
    }

@media (min-width: 941px) {
    textarea {
        min-height: 150px;
    }

        textarea.fixed-size {
            min-height: 250px;
        }
}

.upload {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #D7D7D7;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
    overflow: hidden;
    padding: 30px 30px;
    position: relative;
    text-align: center;
}

    .upload p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
        margin-bottom: 0;
        width: 100%;
    }

    .upload input[type='file'] {
        cursor: pointer;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 1;
    }

.upload__text {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    position: relative;
}

    .upload__text .icon {
        cursor: pointer;
        left: 0;
        top: 2px;
    }

.upload__add {
    color: #2175D9;
    cursor: pointer;
}

.upload__content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
    transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s, opacity 0.2s 0.2s;
    transition: transform 0.2s 0.2s, opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
    width: 100%;
}

.upload__content--drop {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2175D9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.2s 0s, -webkit-transform 0.2s 0s;
    transition: opacity 0.2s 0s, -webkit-transform 0.2s 0s;
    transition: transform 0.2s 0s, opacity 0.2s 0s;
    transition: transform 0.2s 0s, opacity 0.2s 0s, -webkit-transform 0.2s 0s;
}

.form-group--upload:not(.form-group--read-only):not(.form-group--error) .upload:hover {
    border: 2px solid #2175D9;
    padding: 29px 29px;
}

.form-group--upload:not(.form-group--read-only) .upload {
    -webkit-transition: background 0.2s, border 0.2s, padding 0.2s;
    transition: background 0.2s, border 0.2s, padding 0.2s;
}

.form-group--upload:not(.form-group--read-only) .upload--drag-over {
    -webkit-animation: file-upload 1.8s infinite;
    animation: file-upload 1.8s infinite;
    background: #E8F1FB;
    border: 2px solid #2175D9;
    padding: 29px 29px;
}

    .form-group--upload:not(.form-group--read-only) .upload--drag-over .upload__content--drop {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.2s 0.2s;
        transition: opacity 0.5s 0.2s, -webkit-transform 0.2s 0.2s;
        transition: transform 0.2s 0.2s, opacity 0.5s 0.2s;
        transition: transform 0.2s 0.2s, opacity 0.5s 0.2s, -webkit-transform 0.2s 0.2s;
    }

    .form-group--upload:not(.form-group--read-only) .upload--drag-over .upload__content:not(.upload__content--drop) {
        opacity: 0;
        -webkit-transition: opacity 0.2s 0s, -webkit-transform 0.2s 0s;
        transition: opacity 0.2s 0s, -webkit-transform 0.2s 0s;
        transition: transform 0.2s 0s, opacity 0.2s 0s;
        transition: transform 0.2s 0s, opacity 0.2s 0s, -webkit-transform 0.2s 0s;
    }

.form-group--error .upload {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--off-white .form-group--error .upload,
.bg-brand--white .form-group--error .upload,
.bg-brand--dark-blue .form-group--error .upload,
.bg-brand--yellow .form-group--error .upload {
    background: #FEF6F6;
    border-color: #F24747;
}

.bg-brand--blue .form-group--error .upload,
.bg-brand--turquoise .form-group--error .upload,
.bg-brand--red .form-group--error .upload {
    border-color: #FFB511;
}

.form-group--read-only .upload {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    cursor: auto;
    padding: 30px 30px;
}

.form-group--read-only .upload__add {
    color: #878CA0;
    pointer-events: none;
}

.form-group--read-only .upload input[type="file"] {
    cursor: auto;
}

@media (min-width: 941px) {
    .form-group--upload {
        max-width: calc((18/43) * 100%);
    }
}

.upload-list__success,
.upload-list .tooltip,
.upload-list .indicator-percentage {
    opacity: 0;
}

.upload-list__link {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    padding: 17px 0 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.upload-list__info {
    white-space: nowrap;
}

.upload-list__item {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #D7D7D7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    padding-right: 30px;
    position: relative;
    width: 100%;
}

    .upload-list__item .button--icon-only, .upload-list__item .icon__toggler {
        height: 16px;
        position: absolute;
        right: 0;
        top: 23px;
        width: 16px;
    }

    .upload-list__item svg {
        fill: #878CA0;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s;
    }

    .upload-list__item .button--icon-only:hover svg, .upload-list__item .icon__toggler:hover svg {
        fill: #0F1941;
    }

    .upload-list__item.closable {
        overflow: visible;
    }

    .upload-list__item.closable--closed {
        border: 0 solid transparent;
        overflow: hidden;
    }

    .upload-list__item .indicator-percentage {
        margin-top: 0;
        position: absolute;
        right: 0;
        -webkit-transition: opacity 0.5s, width 0s 0.5s;
        transition: opacity 0.5s, width 0s 0.5s;
    }

.upload-list__item--error .indicator-percentage, .upload-list__item--success .indicator-percentage {
    opacity: 0;
    width: 0;
}

.upload-list__item--error .upload-list__link {
    color: #F24747;
}

.upload-list__item--error .tooltip {
    opacity: 1;
}

.upload-list__item--error:not(.closable--closed) .upload-list__info,
.upload-list__item--error:not(.closable--closed) .upload-list__remove,
.upload-list__item--error:not(.closable--closed) .tooltip {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.upload-list__item--error .upload-list__info {
    margin-right: 5px;
}

.upload-list__item--success .upload-list__link {
    color: #31AA74;
}

.upload-list__item--success .upload-list__success {
    -webkit-animation: fade-out 0.5s 2s forwards;
    animation: fade-out 0.5s 2s forwards;
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

    .upload-list__item--success .upload-list__success svg {
        fill: #31AA74;
    }

.upload-list__item--success .upload-list__info, .upload-list__item--success .upload-list__remove {
    -webkit-animation: fade-in 0.2s 2.5s forwards;
    animation: fade-in 0.2s 2.5s forwards;
    opacity: 0;
}

.upload-list__item--success .upload-list__link {
    -webkit-animation: file-upload-success-to-complete 0.2s 2s forwards;
    animation: file-upload-success-to-complete 0.2s 2s forwards;
}

.upload-list__item--success.closable--closed .upload-list__info {
    -webkit-animation: none;
    animation: none;
}

.upload-list__item--uploading .upload-list__info,
.upload-list__item--uploading .upload-list__remove {
    opacity: 0;
    pointer-events: none;
}

.upload-list__item--uploading .indicator-percentage {
    opacity: 1;
    width: 80px;
}

.upload-list .tooltip__trigger {
    height: 20px;
    width: 20px;
}

.upload-list .tooltip .icon {
    cursor: pointer;
}

.upload-list .tooltip svg {
    fill: #F24747;
}

.upload-list .tooltip__content {
    left: inherit;
    min-width: 105px;
    right: -10px;
}

.upload-list .tooltip__pointer {
    left: initial;
    right: 15px;
}

.divider, .link-list__item {
    border-bottom: 1px solid #D7D7D7;
}

.divider--top {
    border-bottom: 0;
    border-top: 1px solid #D7D7D7;
}

.bg-brand--blue .divider, .bg-brand--blue .link-list__item, .bg-brand--yellow .divider, .bg-brand--yellow .link-list__item {
    border-color: rgba(15, 25, 65, 0.3);
}

.bg-brand--dark-blue .divider, .bg-brand--dark-blue .link-list__item, .bg-brand--turquoise .divider, .bg-brand--turquoise .link-list__item, .bg-brand--red .divider, .bg-brand--red .link-list__item {
    border-color: rgba(247, 245, 240, 0.5);
}

.bg-brand--off-white .divider, .bg-brand--off-white .link-list__item {
    border-color: #D7D7D7;
}

.icon__toggler {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

    .icon__toggler .icon {
        display: inline-block;
        opacity: 1;
        position: relative;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

        .icon__toggler .icon + .icon {
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
        }

    .icon__toggler svg {
        left: 0;
        position: absolute;
        top: 0;
    }

    .icon__toggler:hover svg {
        -webkit-transition: fill 0.3s;
        transition: fill 0.3s;
    }

.icon__toggler--active .icon {
    opacity: 0;
}

    .icon__toggler--active .icon + .icon {
        opacity: 1;
    }

img {
    display: block;
    max-width: 100%;
}

.image--circle {
    border-radius: 50%;
    overflow: hidden;
}

    .image--circle img {
        display: block;
        max-width: 100%;
        width: auto;
    }

a,
.button--link-style {
    color: #2175D9;
    text-decoration: none;
}

    a:hover,
    .button--link-style:hover {
        text-decoration: none;
    }

@media (min-width: 501px) {
    a,
    .button--link-style {
        color: #2175D9;
        text-decoration: none;
    }

        a:hover,
        .button--link-style:hover {
            text-decoration: underline;
        }

    @supports ((-webkit-text-decoration-style: solid) or (text-decoration-style: solid)) {
        a,
        .button--link-style {
            -webkit-text-decoration: underline solid inherit;
            text-decoration: underline solid transparent;
        }

            a:hover,
            .button--link-style:hover {
                -webkit-text-decoration: underline solid currentColor;
                text-decoration: underline solid currentColor;
            }

            a, a:hover,
            .button--link-style,
            .button--link-style:hover {
                -webkit-transition: text-decoration 0.2s;
                -webkit-transition: -webkit-text-decoration 0.2s;
                transition: -webkit-text-decoration 0.2s;
                transition: text-decoration 0.2s;
                transition: text-decoration 0.2s, -webkit-text-decoration 0.2s;
            }
    }
}

.logo-randstad {
    line-height: 0;
}

    .logo-randstad svg {
        fill: #fff;
        overflow: visible;
    }

.bg-brand--off-white .logo-randstad svg,
.bg-brand--white .logo-randstad svg {
    fill: #2175D9;
}

.wrapper {
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    max-width: 1440px;
}

@media (min-width: 501px) {
    .wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 941px) {
    .wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 940px) {
    .full-bleed--m {
        margin-left: -50px;
        margin-right: -50px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 500px) {
    .full-bleed--s {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@-webkit-keyframes arrows {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translateX(60%);
        transform: translateX(60%);
    }

    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(65%);
        transform: translateX(65%);
    }

    90% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
    }

    100% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}

@keyframes arrows {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translateX(60%);
        transform: translateX(60%);
    }

    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(65%);
        transform: translateX(65%);
    }

    90% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
    }

    100% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}

@-webkit-keyframes arrows-small {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translateX(60vw);
        transform: translateX(60vw);
    }

    70% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(65vw);
        transform: translateX(65vw);
    }

    75% {
        -webkit-transform: translateX(140vw);
        transform: translateX(140vw);
    }

    100% {
        -webkit-transform: translateX(180vw);
        transform: translateX(180vw);
    }
}

@keyframes arrows-small {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translateX(60vw);
        transform: translateX(60vw);
    }

    70% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(65vw);
        transform: translateX(65vw);
    }

    75% {
        -webkit-transform: translateX(140vw);
        transform: translateX(140vw);
    }

    100% {
        -webkit-transform: translateX(180vw);
        transform: translateX(180vw);
    }
}

.animation--arrows {
    bottom: 0;
    font-size: 21px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.animation__arrow {
    -webkit-animation: arrows 6s 1.5s infinite;
    animation: arrows 6s 1.5s infinite;
    color: currentColor;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    width: 100vw;
    will-change: transform;
}

.animation__arrow-inner {
    background: currentColor;
    border-radius: 2em;
    display: block;
    height: 4em;
    margin-top: 6em;
    position: relative;
    width: 13.5em;
}

    .animation__arrow-inner::before, .animation__arrow-inner::after {
        background: currentColor;
        border-radius: 2em;
        content: '';
        height: 4em;
        position: absolute;
        right: -1.3em;
        width: 10em;
    }

    .animation__arrow-inner::before {
        top: -2.2em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .animation__arrow-inner::after {
        right: -1.3em;
        top: 2.1em;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

.animation__arrow--1 {
    color: #e74536;
}

.bg-brand--red .animation__arrow--1 {
    color: #FFB511;
}

.bg-brand--blue .animation__arrow--1,
.bg-brand--turquoise .animation__arrow--1,
.bg-brand--yellow .animation__arrow--1 {
    color: #0F1941;
}

.animation__arrow--2 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    color: #FFB511;
}

.bg-brand--red .animation__arrow--2 {
    color: #0F1941;
}

.bg-brand--yellow .animation__arrow--2 {
    color: #F7F5F0;
}

.animation__arrow--2 .animation__arrow-inner {
    margin: 6em 0 0 -7em;
}

.animation__arrow--3 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    color: #6BA5B4;
}

.bg-brand--red .animation__arrow--3 {
    color: #FFB511;
}

.bg-brand--blue .animation__arrow--3,
.bg-brand--turquoise .animation__arrow--3,
.bg-brand--yellow .animation__arrow--3 {
    color: #0F1941;
}

.animation__arrow--3 .animation__arrow-inner {
    margin: 6em 0 0 -14em;
}

@media (max-width: 940px) {
    .animation--arrows {
        font-size: 12px;
        top: 70px;
    }

    .animation__arrow {
        -webkit-animation-name: arrows-small;
        animation-name: arrows-small;
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes file-upload {
    0% {
        background: #fff;
    }

    50% {
        background: #E8F1FB;
    }

    100% {
        background: #fff;
    }
}

@keyframes file-upload {
    0% {
        background: #fff;
    }

    50% {
        background: #E8F1FB;
    }

    100% {
        background: #fff;
    }
}

@-webkit-keyframes file-upload-success-to-complete {
    0% {
        color: #31AA74;
    }

    100% {
        color: #2175D9;
    }
}

@keyframes file-upload-success-to-complete {
    0% {
        color: #31AA74;
    }

    100% {
        color: #2175D9;
    }
}

@-webkit-keyframes zoom--first-dot {
    0%, 50%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    25% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@keyframes zoom--first-dot {
    0%, 50%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    25% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@-webkit-keyframes zoom--second-dot {
    0%, 25%, 75%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@keyframes zoom--second-dot {
    0%, 25%, 75%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@-webkit-keyframes zoom--third-dot {
    0%, 50%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    75% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@keyframes zoom--third-dot {
    0%, 50%, 100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    75% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@-webkit-keyframes fade-in-toast {
    from {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }

    to {
        bottom: 10px;
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fade-in-toast {
    from {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }

    to {
        bottom: 10px;
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes fade-in-toast--l {
    from {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }

    to {
        bottom: 30px;
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fade-in-toast--l {
    from {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }

    to {
        bottom: 30px;
        opacity: 1;
        visibility: visible;
    }
}

.block {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.block__wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
}

.block__wrapper--dashboard {
    padding-top: 30px;
    padding-bottom: 0;
}

@media (min-width: 941px) {
    .block__wrapper--dashboard {
        padding-top: 50px;
        padding-bottom: 0;
    }
}

.block__header p {
    color: #878CA0;
    margin-bottom: 0;
    margin-top: 10px;
}

.block__header--l .block__description,
.block__header--l .block__description p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .block__header--l .block__description,
    .block__header--l .block__description p {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.block__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #0F1941;
    margin-bottom: 0;
}

.block__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .block__control .icon {
        margin-right: 10px;
    }

        .block__control .icon svg {
            margin-top: 6px;
            min-width: 20px;
        }

.block__description--s {
    margin-top: 20px;
}

.block__description--dark,
.block__description--dark p {
    color: #0F1941;
}

.block__description .button {
    margin-top: 30px;
}

.block .location-details {
    margin-top: 20px;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

@media (max-width: 500px) {
    .block__content--full-on-s {
        margin: 0 -25px;
    }
}

@media (min-width: 501px) and (max-width: 940px) {
    .block__content--full-on-m {
        margin: 0 -50px;
    }
}

@media (max-width: 940px) {
    .block__header + .block__content {
        margin-top: 30px;
    }

    .block__more-link {
        display: inline-block;
        margin-top: 10px;
    }

    .block__content--full-on-s, .block__content--full-on-m {
        overflow: hidden;
    }

    .block--filter .block__wrapper {
        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-bottom: 110px;
        padding-top: 30px;
    }

    .block--filter .block__content {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .block--my-randstad .block__header + .block__content {
        margin-top: 50px;
    }
}

@media (min-width: 941px) {
    .block__wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 130px;
        padding-top: 130px;
    }

    .block--s .block__wrapper {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .block--xs .block__wrapper {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .block__header {
        width: calc((13/58) * 100%);
    }

    .block--filter .block__wrapper {
        padding-top: 50px;
    }

    .block__header--split {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .block__header--split .block__title {
            margin-right: calc((2/58) * 100%);
        }

        .block__header--split .block__description {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
        }

    .block__header--l {
        margin-top: -50px;
    }

        .block__header--l .block__title {
            font-size: 32px;
            letter-spacing: -1px;
            line-height: 40px;
        }
}

@media (min-width: 941px) and (min-width: 941px) {
    .block__header--l .block__title {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

@media (min-width: 941px) {
    .block__header--l .block__description {
        margin-top: 20px;
        width: 100%;
    }

        .block__header--l .block__description p {
            width: calc((28/58) * 100%);
        }

    .block__header--l .block__description--s {
        margin-top: 10px;
    }

        .block__header--l .block__description--s,
        .block__header--l .block__description--s p {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
        }

    .block--s .block__header--l {
        margin-top: 0;
    }

    .block__header--l .block__more-link {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

@media (min-width: 941px) and (min-width: 941px) {
    .block__header--l .block__more-link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

@media (min-width: 941px) {
    .block__more-link {
        margin-top: 10px;
    }

    .block__content {
        margin-left: auto;
        width: calc((43/58) * 100%);
    }

    .block__content--s {
        padding-right: calc(((3 + 2) / 58) * 100%);
    }

    .block__content--align-right.block__content--s {
        padding-right: 0;
        width: calc((38/58) * 100%);
    }

    .block__wrapper--stacked {
        display: block;
    }

        .block__wrapper--stacked .block__header,
        .block__wrapper--stacked .block__content {
            width: 100%;
        }

            .block__wrapper--stacked .block__header + .block__content {
                margin-top: 50px;
            }
}

.bg-brand--blue .block__title, .bg-brand--dark-blue .block__title, .bg-brand--turquoise .block__title, .bg-brand--red .block__title {
    color: #F7F5F0;
}

.bg-brand--blue .block__header p, .bg-brand--dark-blue .block__header p, .bg-brand--turquoise .block__header p, .bg-brand--red .block__header p {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--yellow .wrapper p {
    color: #0F1941;
}

.bg-brand--yellow .block__header p {
    color: rgba(15, 25, 65, 0.7);
}

.block--my-randstad .block__wrapper {
    padding-bottom: 20px;
    padding-top: 30px;
}

@media (min-width: 941px) {
    .block--my-randstad .block__wrapper {
        padding-bottom: 30px;
        padding-top: 50px;
    }
}

.body-copy {
    overflow-anchor: none;
}

    .body-copy h1, .body-copy h2, .body-copy h3, .body-copy h4, .body-copy h5, .body-copy h6 {
        color: #2175D9;
    }

    .body-copy .title--s {
        margin-bottom: 20px;
    }

        .body-copy .title--s + ol,
        .body-copy .title--s + ul {
            margin-top: 30px;
        }

    .body-copy .title--xxs {
        margin-bottom: 10px;
    }

        .body-copy .title--xxs + ol,
        .body-copy .title--xxs + ul {
            margin-top: 20px;
        }

    .body-copy ol,
    .body-copy ul {
        margin-bottom: 30px;
    }

        .body-copy ol + ol,
        .body-copy ol + ul,
        .body-copy ul + ol,
        .body-copy ul + ul {
            margin-top: 50px;
        }

    .body-copy li {
        padding-left: 35px;
    }

        .body-copy li::before {
            color: #2175D9;
            display: inline-block;
            margin-left: -35px;
            min-width: 35px;
        }

        .body-copy li + li {
            margin-top: 10px;
        }

    .body-copy ul:not(.list--checks) li::before {
        content: '\2022';
        font-size: 1.2em;
        padding-left: 5px;
    }

    .body-copy ol {
        counter-reset: li;
        list-style: none;
    }

        .body-copy ol li {
            counter-increment: li;
        }

            .body-copy ol li::before {
                content: counter(li) "." " ";
                position: absolute;
            }

        .body-copy p:last-child,
        .body-copy ul:last-child,
        .body-copy ol:last-child {
            margin-bottom: 0;
        }

.color-preset--dark-blue h1, .color-preset--dark-blue h2, .color-preset--dark-blue h3, .color-preset--dark-blue h4, .color-preset--dark-blue h5, .color-preset--dark-blue h6,
.header.bg-brand--dark-blue ~ .block .color-preset--header h1,
.header.bg-brand--dark-blue ~ .block .color-preset--header h2,
.header.bg-brand--dark-blue ~ .block .color-preset--header h3,
.header.bg-brand--dark-blue ~ .block .color-preset--header h4,
.header.bg-brand--dark-blue ~ .block .color-preset--header h5,
.header.bg-brand--dark-blue ~ .block .color-preset--header h6 {
    color: #0F1941;
}

.color-preset--dark-blue li::before,
.header.bg-brand--dark-blue ~ .block .color-preset--header li::before {
    color: #0F1941;
}

.color-preset--dark-blue .list--checks li::before,
.header.bg-brand--dark-blue ~ .block .color-preset--header .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%230F1941'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

.color-preset--red h1, .color-preset--red h2, .color-preset--red h3, .color-preset--red h4, .color-preset--red h5, .color-preset--red h6,
.header.bg-brand--red ~ .block .color-preset--header h1,
.header.bg-brand--red ~ .block .color-preset--header h2,
.header.bg-brand--red ~ .block .color-preset--header h3,
.header.bg-brand--red ~ .block .color-preset--header h4,
.header.bg-brand--red ~ .block .color-preset--header h5,
.header.bg-brand--red ~ .block .color-preset--header h6 {
    color: #e74536;
}

.color-preset--red li::before,
.header.bg-brand--red ~ .block .color-preset--header li::before {
    color: #e74536;
}

.color-preset--red .list--checks li::before,
.header.bg-brand--red ~ .block .color-preset--header .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%23e74536'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

.color-preset--turquoise h1, .color-preset--turquoise h2, .color-preset--turquoise h3, .color-preset--turquoise h4, .color-preset--turquoise h5, .color-preset--turquoise h6,
.header.bg-brand--turquoise ~ .block .color-preset--header h1,
.header.bg-brand--turquoise ~ .block .color-preset--header h2,
.header.bg-brand--turquoise ~ .block .color-preset--header h3,
.header.bg-brand--turquoise ~ .block .color-preset--header h4,
.header.bg-brand--turquoise ~ .block .color-preset--header h5,
.header.bg-brand--turquoise ~ .block .color-preset--header h6 {
    color: #6BA5B4;
}

.color-preset--turquoise li::before,
.header.bg-brand--turquoise ~ .block .color-preset--header li::before {
    color: #6BA5B4;
}

.color-preset--turquoise .list--checks li::before,
.header.bg-brand--turquoise ~ .block .color-preset--header .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%236BA5B4'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

.color-preset--yellow h1, .color-preset--yellow h2, .color-preset--yellow h3, .color-preset--yellow h4, .color-preset--yellow h5, .color-preset--yellow h6,
.header.bg-brand--yellow ~ .block .color-preset--header h1,
.header.bg-brand--yellow ~ .block .color-preset--header h2,
.header.bg-brand--yellow ~ .block .color-preset--header h3,
.header.bg-brand--yellow ~ .block .color-preset--header h4,
.header.bg-brand--yellow ~ .block .color-preset--header h5,
.header.bg-brand--yellow ~ .block .color-preset--header h6 {
    color: #FFB511;
}

.color-preset--yellow li::before,
.header.bg-brand--yellow ~ .block .color-preset--header li::before {
    color: #FFB511;
}

.color-preset--yellow .list--checks li::before,
.header.bg-brand--yellow ~ .block .color-preset--header .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%23FFB511'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

.bg-brand--blue h1, .bg-brand--blue h2, .bg-brand--blue h3, .bg-brand--blue h4, .bg-brand--blue h5, .bg-brand--blue h6,
.bg-brand--blue li::before,
.bg-brand--dark-blue h1,
.bg-brand--dark-blue h2,
.bg-brand--dark-blue h3,
.bg-brand--dark-blue h4,
.bg-brand--dark-blue h5,
.bg-brand--dark-blue h6,
.bg-brand--dark-blue li::before,
.bg-brand--red h1,
.bg-brand--red h2,
.bg-brand--red h3,
.bg-brand--red h4,
.bg-brand--red h5,
.bg-brand--red h6,
.bg-brand--red li::before,
.bg-brand--turquoise h1,
.bg-brand--turquoise h2,
.bg-brand--turquoise h3,
.bg-brand--turquoise h4,
.bg-brand--turquoise h5,
.bg-brand--turquoise h6,
.bg-brand--turquoise li::before,
.bg-brand--yellow h1,
.bg-brand--yellow h2,
.bg-brand--yellow h3,
.bg-brand--yellow h4,
.bg-brand--yellow h5,
.bg-brand--yellow h6,
.bg-brand--yellow li::before {
    color: currentColor;
}

.bg-brand--blue .list--checks li::before,
.bg-brand--dark-blue .list--checks li::before,
.bg-brand--red .list--checks li::before,
.bg-brand--turquoise .list--checks li::before,
.bg-brand--yellow .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%23F7F5F0'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

.bg-brand--yellow .list--checks li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%230F1941'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
}

@media (max-width: 940px) {
    .navigation__bottom .breadcrumb {
        margin-right: auto;
        overflow: hidden;
    }

    .navigation__bottom .breadcrumb__link {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #F7F5F0;
        padding-left: 15px;
        position: relative;
        -webkit-transition: none;
        transition: none;
    }

        .navigation__bottom .breadcrumb__link:hover {
            text-decoration: none;
        }

        .navigation__bottom .breadcrumb__link::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
            left: 0;
            position: absolute;
        }

    .bg-brand--off-white .navigation__bottom .breadcrumb__link,
    .bg-brand--white .navigation__bottom .breadcrumb__link,
    .bg-brand--yellow .navigation__bottom .breadcrumb__link {
        color: rgba(15, 25, 65, 0.7);
    }

        .bg-brand--off-white .navigation__bottom .breadcrumb__link::before,
        .bg-brand--white .navigation__bottom .breadcrumb__link::before,
        .bg-brand--yellow .navigation__bottom .breadcrumb__link::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%230F1941'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
            opacity: 0.7;
        }
}

@media (min-width: 941px) {
    .navigation__bottom .breadcrumb {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
        height: 15px;
        margin-top: 15px;
    }

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

    .navigation__bottom .breadcrumb__link {
        color: rgba(247, 245, 240, 0.5);
    }

    .navigation__bottom .breadcrumb__item + .breadcrumb__item {
        margin-left: 10px;
    }

        .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
            display: inline-block;
            height: 8px;
            margin-right: 7px;
            opacity: 0.5;
            position: relative;
            width: 8px;
        }

    .bg-brand--off-white .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    .bg-brand--yellow .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    [class*='bg-brand-'] .navigation--dark-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%230F1941'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
    }

    .navigation--light-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    .navigation--light-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
        opacity: 0.5;
    }
}

.button-group {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: -10px;
    overflow: hidden;
}

    .button-group .button {
        margin-top: 10px;
    }

.button-group--full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 940px) {
    .button-group {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }

        .button-group .button {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-left: 5px;
            margin-right: 5px;
        }
}

@media (min-width: 941px) {
    .button-group:not(.button-group--reverse-on-l) .button:first-child {
        margin-right: 5px;
    }

    .button-group:not(.button-group--reverse-on-l) .button:last-child {
        margin-left: 5px;
    }

    .button-group--reverse-on-l .button:first-child {
        margin-left: 5px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .button-group--reverse-on-l .button:last-child {
        margin-right: 5px;
    }

    .button-group--options {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .button-group--options .button {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .button-group--options:not(.button-group--reverse-on-l) .button {
            margin-right: 10px;
        }

            .button-group--options:not(.button-group--reverse-on-l) .button:last-child {
                margin-left: 0;
            }

        .button-group--options:not(.button--full-width), .button-group--options a.button:not(.button--full-width) {
            max-width: 400px;
        }
}

.closable {
    overflow: hidden;
    -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
    transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
}

.closable--closed [data-rs-closable-fadeout] {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.collapsible__button {
    height: 20px;
    position: absolute;
    right: 0;
    top: 19px;
    width: 20px;
}

    .collapsible__button::before, .collapsible__button::after {
        background: #2175D9;
        border-radius: 4px;
        content: ' ';
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        top: 9px;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        width: 20px;
    }

    .collapsible__button::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.collapsible__content {
    -webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;
    max-height: 0;
    overflow: hidden;
}

@media (min-width: 941px) {
    .collapsible__button::before, .collapsible__button::after {
        top: 13px;
    }
}

.collapsible__trigger {
    cursor: pointer;
    position: relative;
}

.collapsible__trigger--expanded .collapsible__button::before, .collapsible__trigger--expanded .collapsible__button::after {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, transform 0.3s;
    transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s;
}

.collapsible__trigger--expanded .collapsible__button::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapsible__trigger--expanded .collapsible__button::after {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.collapsible__trigger--inactive {
    pointer-events: none;
}

    .collapsible__trigger--inactive .link-list__link {
        cursor: default;
    }

    .collapsible__trigger--inactive .collapsible__button {
        display: none;
    }

[data-rs-collapsible-expanded].collapsible__trigger--expanded .collapsible__button {
    opacity: 1;
}

[data-rs-collapsible-expanded] .collapsible__button {
    opacity: 0;
}

    [data-rs-collapsible-expanded] .collapsible__button::before, [data-rs-collapsible-expanded] .collapsible__button::after {
        -webkit-transition: none;
        transition: none;
    }

[data-rs-collapsible-expanded] + .collapsible__content {
    max-height: none;
}

.contact-details__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .contact-details__item + .contact-details__item {
        margin-top: 5px;
    }

.contact-details__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
}

    .contact-details__link .icon {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 15px;
        top: 5px;
    }

        .contact-details__link .icon + span {
            display: initial;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.content-block {
    overflow-wrap: break-word;
    word-wrap: break-word;
    z-index: 1;
}

.content-block__eyebrow {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}

@media (min-width: 941px) {
    .content-block__eyebrow {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.content-block__title > span {
    display: block;
}

.content-block__eyebrow + .content-block__title {
    margin-top: 10px;
}

.content-block__title em {
    color: #2175D9;
    font-style: normal;
}

.content-block__description {
    margin-top: 20px;
}

    .content-block__description,
    .content-block__description p:last-child {
        margin-bottom: 0;
    }

.content-block__list {
    margin-top: 20px;
}

    .content-block__list li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 5px;
    }

    .content-block__list a {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.content-block .button {
    margin-top: 30px;
}

.content-block__date-socials {
    margin-top: 20px;
}

.content-block__date,
.content-block .social__share-text,
.content-block .social__list {
    margin-top: 10px;
}

.content-block__split-text {
    margin-top: 20px;
}

    .content-block__split-text p:last-child {
        margin-bottom: 0;
    }

.content-block__form {
    margin-top: 30px;
}

.bg-brand--yellow .content-block__title, .bg-brand--yellow .content-block__description, .bg-brand--yellow .content-block__eyebrow {
    color: #0F1941;
}

.bg-brand--yellow .content-block a:not(.button) {
    color: rgba(15, 25, 65, 0.7);
}

@media (max-width: 940px) {
    .content-block {
        width: 100%;
    }
}

@media (min-width: 941px) {
    .content-block__title-bottom {
        text-align: right;
    }

    .content-block__title > span + span {
        margin-top: 10px;
    }

    .content-block__list--row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .content-block__list--row li:not(:last-child) {
            margin-right: 30px;
        }

    .content-block__list:not(.content-block__list--row) + .button {
        margin-top: 50px;
    }

    .content-block__date-socials {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .content-block__date:not(:only-child) {
        margin-right: 50px;
    }

    .content-block--full-width {
        width: 100%;
    }

    .content-block__split {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .content-block__split-text {
        width: calc((43/58) * 100%);
    }

    .content-block__split-text--s {
        margin-top: 30px;
        width: calc((23/58) * 100%);
    }

        .content-block__split-text--s + .button {
            margin-top: 50px;
        }

    .content-block__split .button {
        margin-left: auto;
        max-width: calc((13/58) * 100%);
    }

    .content-block.text--dark-from-l .content-block__eyebrow,
    .content-block.text--dark-from-l .content-block__title,
    .content-block.text--dark-from-l .content-block__description, .content-block.text--light-from-l .content-block__eyebrow,
    .content-block.text--light-from-l .content-block__title,
    .content-block.text--light-from-l .content-block__description {
        color: currentColor;
    }

    .content-block.text--dark-from-l .button.button {
        border-color: currentColor;
        color: #0F1941;
    }

        .content-block.text--dark-from-l .button.button:hover {
            background: #0F1941;
            border-color: #0F1941;
            color: #F7F5F0;
        }

            .content-block.text--dark-from-l .button.button:hover .icon svg {
                fill: #F7F5F0;
            }

        .content-block.text--dark-from-l .button.button:active {
            background: #03050D;
            border-color: #03050D;
            color: #F7F5F0;
        }
}

@media (min-width: 941px) and (hover: none) {
    .content-block.text--dark-from-l .button.button:hover {
        background: #03050D;
        border-color: #03050D;
        color: #F7F5F0;
    }
}

@media (min-width: 941px) {
    .content-block.text--dark-from-l .button.button .icon svg {
        fill: #0F1941;
    }

    .content-block.text--light-from-l .button.button {
        border-color: #F7F5F0;
        color: #F7F5F0;
    }

        .content-block.text--light-from-l .button.button:hover {
            background: #F7F5F0;
            border-color: #fff;
            color: #2175D9;
        }

            .content-block.text--light-from-l .button.button:hover .icon svg {
                fill: #2175D9;
            }

        .content-block.text--light-from-l .button.button:active {
            background: #DEDCD8;
            border-color: #DEDCD8;
            color: #2175D9;
        }
}

@media (min-width: 941px) and (hover: none) {
    .content-block.text--light-from-l .button.button:hover {
        background: #DEDCD8;
        border-color: #DEDCD8;
        color: #2175D9;
    }
}

@media (min-width: 941px) {
    .content-block.text--light-from-l .button.button .icon svg {
        fill: #F7F5F0;
    }
}

.data-table {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.data-table__table {
    width: 100%;
}

    .data-table__table tr {
        border-bottom: 1px solid #D7D7D7;
    }

    .data-table__table th,
    .data-table__table td {
        padding-right: 30px;
        position: relative;
        text-align: left;
        vertical-align: top;
    }

        .data-table__table th.align-right,
        .data-table__table td.align-right {
            padding-left: 30px;
            padding-right: 0;
            text-align: right;
        }

    .data-table__table th {
        color: #878CA0;
        padding-bottom: 20px;
    }

        .data-table__table th .sort-by {
            cursor: pointer;
            display: inline-block;
            padding-right: 17px;
            position: relative;
        }

            .data-table__table th .sort-by:before, .data-table__table th .sort-by:after {
                border: 4px solid transparent;
                content: '';
                display: block;
                height: 0;
                position: absolute;
                right: 0;
                top: 15px;
                width: 0;
            }

            .data-table__table th .sort-by:before {
                border-bottom-color: #878CA0;
                margin-top: -10px;
            }

            .data-table__table th .sort-by:after {
                border-top-color: #878CA0;
                margin-top: 1px;
            }

        .data-table__table th.active {
            color: #0F1941;
        }

            .data-table__table th.active .sort-by--up::before {
                border-bottom-color: #0F1941;
            }

            .data-table__table th.active .sort-by--down::after {
                border-top-color: #0F1941;
            }

    .data-table__table td {
        padding-bottom: 17px;
        padding-top: 17px;
    }

        .data-table__table td:first-child {
            padding-left: 0;
        }

        .data-table__table td .data-table__action {
            margin-top: 3px;
        }

.data-table--compact {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

    .data-table--compact td {
        padding-bottom: 12px;
        padding-top: 12px;
    }

.data-table--spacious {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

@media (min-width: 941px) {
    .data-table--spacious {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.data-table--spacious th .sort-by:before {
    margin-top: -8px;
}

.data-table--spacious th .sort-by:after {
    margin-top: 3px;
}

.data-table--spacious td {
    padding-bottom: 25px;
    padding-top: 25px;
}

.data-table__cell--small {
    width: 80px;
}

.data-table__cell--medium {
    width: 130px;
}

.data-table__cell--large {
    width: 180px;
}

.data-table .collapsible__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.data-table__content {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    width: 100%;
}

    .data-table__content li + li {
        margin-top: 10px;
    }

    .data-table__content .text--alternative {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        display: block;
    }

@media (min-width: 941px) {
    .data-table__content .text--alternative {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.distance-pin {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .distance-pin span + span {
        margin-left: 10px;
    }

.element-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px;
}

    .element-group .badge, .element-group .tag {
        margin-right: 10px;
        margin-top: 10px;
    }

        .element-group .badge:last-child, .element-group .tag:last-child {
            margin-right: 0;
        }

.extensive-link-list {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.extensive-link-list__list-title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 15px 50px 20px 0;
}

@media (min-width: 941px) {
    .extensive-link-list__list-title {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.extensive-link-list .collapsible__button::after, .extensive-link-list .collapsible__button::before {
    background: #2175D9;
}

.extensive-link-list .collapsible__content li + li {
    margin-top: 10px;
}

.extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
    margin-bottom: 30px;
}

@media (min-width: 941px) {
    .extensive-link-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -50px;
    }

        .extensive-link-list::after {
            content: '';
            display: block;
            width: calc((13/58) * 100%);
        }

    .extensive-link-list__list-title {
        margin-bottom: 10px;
        padding: 0;
    }

    .extensive-link-list__item {
        border-bottom: 0;
        margin-top: 50px;
        width: calc((13/58) * 100%);
    }

    .extensive-link-list .collapsible__button {
        display: none;
    }

    .extensive-link-list .collapsible__content {
        max-height: 100% !important;
        overflow: visible;
        -webkit-transition: none;
        transition: none;
    }

    .extensive-link-list .collapsible__trigger {
        pointer-events: none;
    }

    .extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
        margin-bottom: 0;
    }
}

.form-group {
    line-height: 0;
    position: relative;
}

.form-group__action-link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0;
}

.form-group__label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #0F1941;
    display: block;
    margin-bottom: 5px;
}

.bg-brand--dark-blue .form-group__label,
.bg-brand--blue .form-group__label {
    color: #F7F5F0;
}

.form-group__optional, .form-group__message {
    color: #878CA0;
}

.bg-brand--blue .form-group__optional, .bg-brand--blue .form-group__message {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--turquoise .form-group__optional,
.bg-brand--yellow .form-group__optional,
.bg-brand--red .form-group__optional, .bg-brand--turquoise .form-group__message,
.bg-brand--yellow .form-group__message,
.bg-brand--red .form-group__message {
    color: rgba(15, 25, 65, 0.7);
}

.form-group__optional {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    margin-left: 1px;
    text-decoration: none;
}

.form-group__message {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
    margin-top: 10px;
}

.form-group__input {
    position: relative;
}

.form-group__input--button input[type]:-moz-read-only {
    padding-right: 50px;
}

.form-group__input--button input[type],
.form-group__input--button input[type]:focus,
.form-group__input--button input[type]:read-only {
    padding-right: 50px;
}

.form-group__input--icon-left .icon {
    left: 20px;
    top: 20px;
}

    .form-group__input--icon-left .icon svg {
        fill: #2175D9;
    }

.form-group__input--icon-left input {
    padding-left: 50px;
}

    .form-group__input--icon-left input[type]:-moz-read-only {
        padding-left: 50px;
    }

    .form-group__input--icon-left input[type]:read-only {
        padding-left: 50px;
    }

    .form-group__input--icon-left input[readonly] {
        padding-left: 50px;
    }

    .form-group__input--icon-left input[type]:focus {
        padding-left: 49px;
    }

    .form-group__input--icon-left input[type]:-moz-read-only + .icon svg {
        fill: #878CA0;
    }

    .form-group__input--icon-left input[type]:read-only + .icon svg {
        fill: #878CA0;
    }

    .form-group__input--icon-left input[readonly] + .icon svg {
        fill: #878CA0;
    }

.form-group__input.clearable-input button {
    height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 20px;
}

    .form-group__input.clearable-input button .icon {
        left: initial;
        top: 0;
    }

        .form-group__input.clearable-input button .icon svg {
            fill: #878CA0;
            -webkit-transition: fill 0.2s ease;
            transition: fill 0.2s ease;
        }

    .form-group__input.clearable-input button:hover .icon svg {
        fill: #0F1941;
    }

.form-group__input.clearable-input input::-ms-clear {
    display: none;
}

.form-group__input.clearable-input--active button {
    opacity: 1;
    pointer-events: auto;
}

.form-group--error .form-group__feedback {
    color: #F24747;
    fill: #F24747;
    opacity: 1;
}

.bg-brand--blue .form-group--error .form-group__feedback,
.bg-brand--turquoise .form-group--error .form-group__feedback,
.bg-brand--red .form-group--error .form-group__feedback {
    color: #FFB511;
    fill: #FFB511;
}

.form-group--error .form-group__input--icon-left .icon svg {
    color: #F24747;
    fill: #F24747;
}

.bg-brand--blue .form-group--error .form-group__input--icon-left .icon svg,
.bg-brand--turquoise .form-group--error .form-group__input--icon-left .icon svg,
.bg-brand--red .form-group--error .form-group__input--icon-left .icon svg {
    color: #FFB511;
    fill: #FFB511;
}

.form-group--error input[type="text"]:-moz-read-only + .icon svg {
    fill: #878CA0;
}

.form-group--error input[type="text"]:read-only + .icon svg {
    fill: #878CA0;
}

.form-group__feedback {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #F24747;
    fill: #F24747;
    display: block;
    margin-top: 10px;
    opacity: 0.5;
}

.bg-brand--blue .form-group__feedback,
.bg-brand--turquoise .form-group__feedback,
.bg-brand--red .form-group__feedback {
    color: #FFB511;
    fill: #FFB511;
}

.form-group__characters {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    bottom: 18px;
    margin-top: 10px;
    pointer-events: none;
}

    .form-group__characters:not(.text--negative) {
        color: #878CA0;
    }

.bg-brand--blue .form-group__characters:not(.text--negative) {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--turquoise .form-group__characters:not(.text--negative),
.bg-brand--yellow .form-group__characters:not(.text--negative),
.bg-brand--red .form-group__characters:not(.text--negative) {
    color: rgba(15, 25, 65, 0.7);
}

.form-group + .form-group {
    margin-top: 30px;
}

@media (min-width: 941px) {
    .block__content .form-group {
        width: calc((38/43) * 100%);
    }
}

@media (max-width: 940px) {
    .form-groups--row .form-group + .button,
    .form-groups--row .form-group + .form-group {
        margin-top: 10px;
    }
}

@media (min-width: 941px) {
    .form-groups--row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .form-groups--row .form-group {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-top: 0;
        }

            .form-groups--row .form-group + .button--icon.button--m,
            .form-groups--row .form-group + .form-group {
                margin-left: 5px;
            }

        .form-groups--row .button {
            margin-top: 0;
        }
}

@media (max-width: 500px) {
    .form-group__label {
        display: block;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-group__action-link {
        display: block;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.indicator-percentage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.indicator-percentage__background {
    background: #D7D7D7;
    border-radius: 5px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    overflow: hidden;
}

.indicator-percentage__amount {
    background: #2175D9;
    border-radius: 5px;
    height: 10px;
}

.indicator-percentage__percentage {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #2175D9;
}

.indicator-percentage__background + .indicator-percentage__percentage {
    margin-left: 10px;
}

.indicator-percentage--s .indicator-percentage__background,
.indicator-percentage--s .indicator-percentage__amount {
    height: 6px;
}

.rating-dynamic {
    display: block;
    height: 65px;
    max-width: 375px;
}

    .rating-dynamic .rating-dynamic__header {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        color: #0F1941;
        display: block;
        margin-bottom: 10px;
        max-width: 375px;
    }

.ratings {
    float: left;
    position: relative;
}

.ratings__input {
    display: none;
}

    .ratings__input:checked + .icon svg {
        -webkit-animation: grow 0.5s;
        animation: grow 0.5s;
    }

.ratings__description {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    opacity: 0;
    left: 0;
    margin-top: 5px;
    pointer-events: none;
    position: absolute;
    top: 30px;
    white-space: nowrap;
}

.ratings .icon {
    float: right;
    line-height: 30px;
    height: 30px;
    padding-left: 15px;
    width: 30px;
}

    .ratings .icon:last-of-type {
        padding-left: 0;
    }

    .ratings .icon:hover + .ratings__description {
        opacity: 1;
        -webkit-transition: ease-in-out 0.2s;
        transition: ease-in-out 0.2s;
    }

    .ratings__input:checked + .icon + .ratings__description,
    .ratings .icon:hover + .ratings__description {
        opacity: 1;
        -webkit-transition: ease-in-out 0.2s;
        transition: ease-in-out 0.2s;
    }

.ratings svg,
.ratings:hover .ratings__input:checked ~ .icon svg {
    fill: #D7D7D7;
    -webkit-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.ratings__input:checked ~ .icon svg,
.ratings:hover .ratings__input:checked ~ .icon:hover svg,
.ratings:hover .icon:hover svg,
.ratings:hover .icon:hover ~ .icon svg {
    fill: #2175D9;
}

.ratings:hover .ratings__input:checked ~ .icon:hover svg,
.ratings:hover .icon:hover svg,
.ratings:hover .icon:hover ~ .icon svg {
    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.ratings:hover .ratings__input:checked + .icon + .ratings__description {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.ratings:hover .ratings__input:checked + .icon:hover + .ratings__description {
    visibility: visible;
    opacity: 1;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.ratings label span {
    pointer-events: none;
}

/** Styling background brand--blue **/
.bg-brand--blue .rating-dynamic__header {
    color: #F7F5F0;
}

.bg-brand--blue .ratings svg,
.bg-brand--blue .ratings:hover .ratings__input:checked ~ .icon svg {
    fill: rgba(247, 245, 240, 0.5);
}

.bg-brand--blue .ratings__input:checked ~ .icon svg,
.bg-brand--blue .ratings:hover .ratings__input:checked ~ .icon:hover svg,
.bg-brand--blue .ratings:hover .icon:hover svg,
.bg-brand--blue .ratings:hover .icon:hover ~ .icon svg {
    fill: #F7F5F0;
}

@media (min-width: 375px) {
    .ratings__description {
        left: 100%;
        margin-left: 20px;
        margin-top: 0;
        top: 0;
    }
}

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

    33% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    66% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

    33% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    66% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/** READONLY **/
.rating__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.rating-readonly {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    height: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 290px;
    z-index: 0;
}

    .rating-readonly.rating--l {
        min-width: 290px;
    }

    .rating-readonly.rating--m .rating-readonly__icon--wrapper,
    .rating-readonly.rating--m .icon--filled:before {
        width: 110px;
    }

    .rating-readonly.rating--s .rating-readonly__icon--wrapper,
    .rating-readonly.rating--s .icon--filled:before {
        width: 80px;
    }

.rating-readonly__icon--wrapper {
    height: 20px;
    margin-right: 20px;
    width: 140px;
}

.rating-readonly__description {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    line-height: 20px;
    margin-top: 5px;
}

.icon--filled {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 5 45 20' width='30' height='20' fill='%232175D9'%3E%3Cpath d='M29.951 10.817a1.002 1.002 0 00-.808-.68l-9.153-1.33L15.896.511c-.336-.683-1.457-.683-1.793 0L10.01 8.806l-9.154 1.33a1 1 0 00-.554 1.706L6.926 18.3l-1.564 9.117a1 1 0 001.451 1.054L15 24.167l8.186 4.304a1.006 1.006 0 001.054-.076 1 1 0 00.398-.978L23.074 18.3l6.624-6.458a1 1 0 00.253-1.025'/%3E%3C/svg%3E%0A");
    height: 20px;
    position: relative;
}

    .icon--filled:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 5 45 20' width='30' height='20' fill='%23D7D7D7'%3E%3Cpath d='M29.951 10.817a1.002 1.002 0 00-.808-.68l-9.153-1.33L15.896.511c-.336-.683-1.457-.683-1.793 0L10.01 8.806l-9.154 1.33a1 1 0 00-.554 1.706L6.926 18.3l-1.564 9.117a1 1 0 001.451 1.054L15 24.167l8.186 4.304a1.006 1.006 0 001.054-.076 1 1 0 00.398-.978L23.074 18.3l6.624-6.458a1 1 0 00.253-1.025'/%3E%3C/svg%3E%0A");
        bottom: 0;
        content: "";
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        width: 140px;
        z-index: -1;
    }

@media only screen and (min-width: 310px) {
    .rating-readonly {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .rating-readonly__description {
        margin-top: 0;
    }
}

.bg-brand--blue .icon--filled {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 5 45 20' width='30' height='20' fill='%23F7F5F0'%3E%3Cpath d='M29.951 10.817a1.002 1.002 0 00-.808-.68l-9.153-1.33L15.896.511c-.336-.683-1.457-.683-1.793 0L10.01 8.806l-9.154 1.33a1 1 0 00-.554 1.706L6.926 18.3l-1.564 9.117a1 1 0 001.451 1.054L15 24.167l8.186 4.304a1.006 1.006 0 001.054-.076 1 1 0 00.398-.978L23.074 18.3l6.624-6.458a1 1 0 00.253-1.025'/%3E%3C/svg%3E%0A");
}

    .bg-brand--blue .icon--filled:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 5 45 20' width='30' height='20' fill='%23F7F5F0'%3E%3Cpath d='M29.951 10.817a1.002 1.002 0 00-.808-.68l-9.153-1.33L15.896.511c-.336-.683-1.457-.683-1.793 0L10.01 8.806l-9.154 1.33a1 1 0 00-.554 1.706L6.926 18.3l-1.564 9.117a1 1 0 001.451 1.054L15 24.167l8.186 4.304a1.006 1.006 0 001.054-.076 1 1 0 00.398-.978L23.074 18.3l6.624-6.458a1 1 0 00.253-1.025'/%3E%3C/svg%3E%0A");
        opacity: 0.5;
    }

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

.indicator-step__item {
    color: #878CA0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
    text-align: center;
}

    .indicator-step__item::before {
        background: #D7D7D7;
        content: '';
        height: 2px;
        position: absolute;
        right: 0;
        top: 14px;
        width: 100%;
        z-index: -1;
    }

    .indicator-step__item:first-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .indicator-step__item:first-child::before {
            content: none;
        }

.indicator-step__dot {
    background: #fff;
    border-radius: 50%;
    margin-left: auto;
    padding: 5px;
    text-align: center;
    width: 30px;
}

.indicator-step__dot-inner {
    border: 2px solid #D7D7D7;
    border-radius: 50%;
    height: 20px;
    margin-left: auto;
    text-align: center;
    width: 20px;
}

.indicator-step__dot .icon {
    height: 16px;
    right: 7px;
    top: 7px;
    width: 16px;
}

.indicator-step__item--complete .indicator-step__dot-inner {
    background: #2175D9;
    border: none;
}

.indicator-step__item--complete .indicator-step__text {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.indicator-step__item--complete:hover .indicator-step__dot,
.indicator-step__item--complete:hover .indicator-step__text {
    cursor: pointer;
}

@media (min-width: 941px) {
    .indicator-step__item--complete:hover .indicator-step__text {
        color: #0F1941;
    }
}

.indicator-step__item--complete + .indicator-step__item--complete::before,
.indicator-step__item--complete + .indicator-step__item--active::before, .indicator-step__item--complete::before {
    background: #2175D9;
}

.indicator-step__item--active {
    color: #2175D9;
}

    .indicator-step__item--active .indicator-step__dot {
        background: #fff;
    }

        .indicator-step__item--active .indicator-step__dot::after {
            border: 2px solid #2175D9;
        }

    .indicator-step__item--active .indicator-step__dot-inner {
        border: 2px solid #2175D9;
    }

        .indicator-step__item--active .indicator-step__dot-inner .icon {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            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;
        }

            .indicator-step__item--active .indicator-step__dot-inner .icon .blue-dot {
                background: #2175D9;
                border-radius: 10px;
                height: 8px;
                position: absolute;
                width: 8px;
            }

@media (min-width: 941px) {
    .indicator-step__item--active .indicator-step__dot-inner .icon .blue-dot {
        height: 10px;
        width: 10px;
    }
}

@media (min-width: 941px) {
    .indicator-step__item {
        -webkit-box-flex: inherit;
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 130px;
    }

        .indicator-step__item::before {
            height: 3px;
            left: -100%;
            right: inherit;
            top: 24px;
        }

        .indicator-step__item:first-child {
            -webkit-box-flex: inherit;
            -webkit-flex: inherit;
            -ms-flex: inherit;
            flex: inherit;
        }

    .indicator-step__dot {
        background: #fff;
        border-radius: 50%;
        margin-left: inherit;
        padding: 10px;
        text-align: center;
        width: 50px;
    }

    .indicator-step__dot-inner {
        border: 2px solid #D7D7D7;
        border-radius: 50%;
        height: 30px;
        margin-left: auto;
        text-align: center;
        width: 30px;
    }

    .indicator-step__dot .icon {
        height: 20px;
        left: 15px;
        right: inherit;
        top: 15px;
        width: 20px;
    }

    .indicator-step__text {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        left: -65px;
        line-height: 25px;
        margin-top: -5px;
        padding: 0 5px;
        -webkit-transform: translateX(-42px);
        transform: translateX(-42px);
    }
}

.strength {
    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;
}

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

.strength__bulbs--positive .strength__bulb--filled {
    background: #31AA74;
}

.strength__bulbs--average .strength__bulb--filled {
    background: #FFB511;
}

.strength__bulbs--negative .strength__bulb--filled {
    background: #F24747;
}

.strength__bulb {
    background: #D7D7D7;
    border-radius: 6px;
    height: 20px;
    margin-left: 8px;
    width: 12px;
}

    .strength__bulb:first-child {
        margin-left: 0;
    }

.strength__bulb--filled {
    background: #2175D9;
}

.strength__label {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-left: 20px;
}

.language__dropdown {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    position: relative;
    width: 60px;
}

    .language__dropdown .icon--language {
        left: 0;
        z-index: 0;
    }

        .language__dropdown .icon--language svg {
            height: 20px;
            width: 20px;
        }

.bg-brand--dark-blue .language__dropdown .icon--language svg,
.bg-brand--blue .language__dropdown .icon--language svg,
.bg-brand--turquoise .language__dropdown .icon--language svg,
.bg-brand--red .language__dropdown .icon--language svg {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--yellow .language__dropdown .icon--language svg,
.bg-brand--off-white .language__dropdown .icon--language svg,
.bg-brand--white .language__dropdown .icon--language svg {
    color: rgba(15, 25, 65, 0.3);
}

.language__dropdown select,
.language__dropdown select:active,
.language__dropdown select:focus {
    padding: 0 25px;
}

.language__dropdown select {
    background: transparent;
    border: none;
    color: currentColor;
    min-height: unset;
    text-overflow: initial;
    width: unset;
    z-index: 2;
}

    .language__dropdown select::-ms-expand {
        display: none;
    }

    .language__dropdown select option {
        color: #0F1941;
    }

.language__dropdown .select--status {
    height: 8px;
    width: 8px;
}

.hidden--until-l .language__dropdown {
    height: 60px;
    cursor: pointer;
}

[class*='bg-brand--'] .hidden--until-l .language__dropdown .icon svg {
    color: currentColor;
}

.hidden--until-l .language__dropdown select {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

    .hidden--until-l .language__dropdown select option {
        color: #0F1941;
    }

.hidden--until-l .language__dropdown select,
.hidden--until-l .language__dropdown .select--status {
    cursor: pointer;
}

.link-list {
    margin-top: -13px;
}

.link-list__item {
    position: relative;
}

.link-list__link {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 12px 0 17px;
}

@media (min-width: 941px) {
    .link-list__link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.link-list--s .link-list__link {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.link-list--xs .link-list__link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    padding: 18px 0 20px;
}

.bg-brand--blue .link-list__link,
.bg-brand--dark-blue .link-list__link,
.bg-brand--red .link-list__link,
.bg-brand--turquoise .link-list__link {
    color: #F7F5F0;
}

.bg-brand--off-white .link-list__link {
    color: #2175D9;
}

.bg-brand--yellow .link-list__link {
    color: #0F1941;
}

@media (min-width: 941px) {
    .link-list {
        margin-top: -21px;
    }

    .link-list--s {
        margin-top: 0;
    }

    .block__title + .link-list--s {
        margin-top: 10px;
    }

    .link-list--s .link-list__link {
        padding-bottom: 20px;
    }

    .link-list:not(.link-list--single) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .link-list:not(.link-list--single)::after {
            content: '';
            display: block;
            width: calc((13/43) * 100%);
        }

    .link-list--single .link-list__item {
        width: 100%;
    }

    .link-list--double {
        width: calc((38/43) * 100%);
    }

        .link-list--double .link-list__item {
            width: calc((18/38) * 100%);
        }

    .link-list__item {
        width: calc((13/43) * 100%);
    }

    .link-list__link {
        padding: 21px 0 28px;
    }
}

.list--checks {
    list-style: none;
}

    .list--checks li {
        padding-left: 40px;
    }

        .list--checks li::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' fill='%232175D9'%3E%3Cpath d='M7.6472,15.999 C7.3972,15.999 7.1462,15.905 6.9532,15.719 L1.3052,10.265 C0.9082,9.881 0.8972,9.247 1.2802,8.851 C1.6652,8.454 2.2982,8.441 2.6942,8.825 L7.6472,13.608 L17.3052,4.279 C17.7022,3.898 18.3362,3.907 18.7192,4.305 C19.1022,4.701 19.0912,5.335 18.6942,5.719 L8.3412,15.719 C8.1482,15.905 7.8972,15.999 7.6472,15.999'/%3E%3C/svg%3E%0A");
            margin-left: -40px;
            margin-top: 2px;
            position: absolute;
        }

.icon-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
}

.icon-list__item + .icon-list__item {
    margin-left: 15px;
}

@media (min-width: 941px) {
    .icon-list__item + .icon-list__item {
        margin-left: 20px;
    }
}

.icon-list__link {
    height: 20px;
    width: 20px;
}

.list--links-icon-text {
    overflow: hidden;
}

    .list--links-icon-text li {
        line-height: 0;
    }

        .list--links-icon-text li + li {
            margin-top: 10px;
        }

    .list--links-icon-text a {
        padding-left: 35px;
        position: relative;
    }

    .list--links-icon-text .icon {
        left: 0;
        top: 5px;
    }

@media (min-width: 941px) {
    .list--links-icon-text .icon {
        top: 7px;
    }
}

.location-details {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.location-details__gps {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 7px 15px 0 0;
}

.location-details__text:not(:only-child) {
    margin-right: 20px;
}

.location-details__change {
    color: #2175D9;
    cursor: pointer;
}

@media (min-width: 941px) {
    .media-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        position: relative;
        width: calc((33/58) * 100%);
    }

        .media-block img {
            bottom: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin: auto;
            max-height: 100%;
            max-width: none;
            position: absolute;
        }
}

.media-block--boxed {
    overflow: hidden;
    position: relative;
}

    .media-block--boxed img {
        border-radius: 4px;
    }

@media (min-width: 941px) {
    .media-block--boxed img {
        border-radius: 8px;
        max-width: 100%;
        position: static;
    }
}

.media-block.media-block--boxed-large {
    overflow: hidden;
}

@media (max-width: 940px) {
    .media-block.media-block--boxed-large {
        border-radius: 4px;
        height: 250px;
        margin: 0;
        position: relative;
    }

        .media-block.media-block--boxed-large img {
            bottom: auto;
            max-height: none;
            max-width: none;
            min-height: 100%;
            min-width: 100%;
            position: absolute;
            top: 50%;
            left: auto;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: auto;
        }

    @supports (object-fit: cover) {
        .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%;
        }
    }

    @supports (object-fit: cover) {
        .media-block.media-block--boxed-large img {
            object-position: center right;
        }
    }

    .media-block.media-block--boxed-large img {
        max-height: 120%;
    }
}

@media (min-width: 941px) {
    .media-block.media-block--boxed-large {
        border-radius: 8px;
        bottom: 0;
        left: 100px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - (2 * 100px));
    }

        .media-block.media-block--boxed-large img {
            bottom: auto;
            max-height: none;
            max-width: none;
            min-height: 100%;
            min-width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            right: auto;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    @supports (object-fit: cover) {
        .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%;
        }
    }

    @supports (object-fit: cover) {
        .media-block.media-block--boxed-large img {
            object-position: center center;
        }
    }
}

@media (min-width: 941px) {
    .media-block--contain {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .media-block--contain img {
            max-width: 100%;
            position: static;
        }
}

@media (min-width: 941px) {
    .media-block--half-width, .media-block--full-width {
        bottom: 0;
        margin: 0;
        overflow: hidden;
        position: absolute;
        top: -1px;
    }

        .media-block--half-width img, .media-block--full-width img {
            min-width: 100%;
        }

    .media-block--half-width {
        width: 50%;
    }

    .media-block--full-width {
        left: 0;
        width: 100%;
    }

        .media-block--full-width img {
            bottom: auto;
            max-height: none;
            max-width: none;
            min-height: 100%;
            min-width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            right: auto;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    @supports (object-fit: cover) {
        .media-block--full-width img {
            bottom: 0;
            left: 0;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%;
        }
    }

    @supports (object-fit: cover) {
        .media-block--full-width img {
            object-position: center center;
        }
    }
}

.media-block--center img {
    bottom: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@supports (object-fit: cover) {
    .media-block--center img {
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        right: 0;
        -webkit-transform: none;
        transform: none;
        top: 0;
        width: 100%;
    }
}

@supports (object-fit: cover) {
    .media-block--center img {
        object-position: center center;
    }
}

.media-block--right img {
    bottom: auto;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
}

@supports (object-fit: cover) {
    .media-block--right img {
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        right: 0;
        -webkit-transform: none;
        transform: none;
        top: 0;
        width: 100%;
    }
}

@supports (object-fit: cover) {
    .media-block--right img {
        object-position: center right;
    }
}

.toast {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    background: #0F1941;
    border: 1px solid #fff;
    border-radius: 8px;
    color: #F7F5F0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-height: 0 !important;
    padding: 12px 20px 18px;
    position: fixed;
    visibility: hidden;
}

.toast--active {
    height: auto;
    max-height: inherit !important;
    visibility: visible;
    z-index: 1;
}

.toast.closable--closed {
    -webkit-animation: fade-out 0.2s 9.8s;
    animation: fade-out 0.2s 9.8s;
    max-height: none !important;
    opacity: 0;
    -webkit-transition: visibility 0.2s ease, opacity 0.2s ease;
    transition: visibility 0.2s ease, opacity 0.2s ease;
    visibility: hidden;
}

.toast__message {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 0;
}

.toast__cta {
    margin: 10px 0 0 auto;
    padding-left: 10px;
    text-align: right;
}

.toast__cta-link, .toast__cta-link:hover {
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .toast__cta-link:not(.text--alternative) {
        color: #4D91E1;
    }

    .toast__cta-link:hover {
        color: #2175D9;
    }

    .toast__cta-link.text--alternative:hover {
        color: #F7F5F0;
    }

    .toast__cta-link + .toast__cta-link {
        margin-left: 10px;
    }

.toast .icon svg {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
}

.toast button:hover svg {
    fill: #F7F5F0;
}

@media (max-width: 940px) {
    .toast {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .toast__message {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        margin-right: 35px;
        width: 100%;
    }

    .toast__cta {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }

    .toast .icon {
        right: 15px;
        top: 15px;
    }

    .toast--active {
        -webkit-animation: fade-in-toast 0.2s;
        animation: fade-in-toast 0.2s;
    }
}

@media (min-width: 941px) {
    .toast {
        bottom: 30px;
        right: 30px;
        width: 450px;
    }

    .toast__message {
        margin-right: 45px;
        width: auto;
    }

    .toast .icon {
        top: 18px;
        right: 20px;
    }

    .toast--active {
        -webkit-animation: fade-in-toast--l 0.2s;
        animation: fade-in-toast--l 0.2s;
    }
}

.block__content .pagination {
    border-top: 1px solid #D7D7D7;
    margin-top: 30px;
    padding-top: 30px;
}

@media (min-width: 941px) {
    .block__content .pagination {
        margin-top: 50px;
        padding-top: 50px;
    }
}

.pagination__list {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10px;
}

.pagination__item > a,
.pagination__item > span {
    display: block;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
}

.pagination__control .icon {
    color: #0F1941;
    top: 3px;
}

.bg-brand--dark-blue .pagination__control .icon {
    color: #2175D9;
}

.bg-brand--turquoise .pagination__control .icon,
.bg-brand--yellow .pagination__control .icon {
    color: #F7F5F0;
}

.bg-brand--red .pagination__control .icon {
    color: #0F1941;
}

.bg-brand--turquoise .pagination {
    color: #0F1941;
}

.bg-brand--turquoise .pagination__item > a {
    color: #F7F5F0;
}

@media (max-width: 374px) {
    .pagination__list--s .pagination__item:nth-child(2) {
        display: none;
    }
}

@media (max-width: 940px) {
    .pagination__list--s {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        margin-left: -5px;
    }

        .pagination__list--s .pagination__item > a,
        .pagination__list--s .pagination__item > span {
            padding: 0 5px;
        }

    .pagination__list--s__control .icon {
        top: 4px;
    }
}

.password-validator__validate-list {
    margin-top: 10px;
}

    .password-validator__validate-list ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .password-validator__validate-list li {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        color: #878CA0;
        line-height: 24px;
        margin-top: 5px;
        width: calc(50% - 10px);
    }

@media (min-width: 941px) {
    .password-validator__validate-list li {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.bg-brand--blue .password-validator__validate-list li {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--turquoise .password-validator__validate-list li,
.bg-brand--yellow .password-validator__validate-list li,
.bg-brand--red .password-validator__validate-list li {
    color: rgba(15, 25, 65, 0.7);
}

.password-validator .icon {
    margin: 0;
    right: 0;
    top: 0;
}

    .password-validator .icon svg {
        fill: #878CA0;
    }

.password-validator__validate-list li.valid {
    -webkit-transition: color 0.2s 0.2s;
    transition: color 0.2s 0.2s;
    color: #878CA0;
    text-decoration: line-through;
}

.bg-brand--blue .password-validator__validate-list li.valid {
    color: rgba(247, 245, 240, 0.5);
}

.bg-brand--turquoise .password-validator__validate-list li.valid,
.bg-brand--yellow .password-validator__validate-list li.valid,
.bg-brand--red .password-validator__validate-list li.valid {
    color: rgba(15, 25, 65, 0.7);
}

.password-validator .show-password {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    z-index: 1;
}

    .password-validator .show-password .icon {
        display: block;
    }

    .password-validator .show-password.is-password-visible svg {
        fill: #2175D9;
    }

.person__profile + .person__profile {
    margin-top: 50px;
}

.person__profile .contact-details {
    margin-top: 20px;
}

.person__profile .social__list {
    margin-top: 30px;
}

.person__image {
    background: #F7F5F0;
    height: 150px;
    margin-bottom: 20px;
    position: relative;
    width: 150px;
}

    .person__image img {
        position: relative;
    }

.person__initials {
    margin-bottom: 20px;
    width: 150px;
}

.person__initials--container {
    position: relative;
}

    .person__initials--container::after {
        background: #F7F5F0;
        border-radius: 50%;
        content: '';
        display: block;
        padding-bottom: 100%;
    }

.person__initials span {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
    color: #878CA0;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 941px) {
    .person__initials span {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

.person__name {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #2175D9;
}

@media (min-width: 941px) {
    .person__name {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

.person__description + .social__list {
    margin-top: 20px;
}

.person__info p:not(.person__title), .person__description {
    margin-bottom: 0;
    margin-top: 20px;
}

.person__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 10px;
}

.bg-brand--off-white .person__initials--container::after {
    background: #fff;
}

@media (min-width: 941px) {
    .person__profile + .person__profile {
        margin-top: 80px;
    }
}

.poll__item + .poll__item {
    margin-top: 10px;
}

.poll__option {
    border-radius: 4px;
    border: 2px solid #F7F5F0;
    height: 60px;
    line-height: 56px;
    padding: 0 30px;
    text-align: center;
}

.bg-brand--yellow .poll__option {
    border-color: #0F1941;
}

.bg-brand--white .poll__option,
.bg-brand--off-white .poll__option {
    border-color: #2175D9;
    color: #2175D9;
}

.poll__option--selected {
    background: #F7F5F0;
    color: #2175D9;
}

.bg-brand--yellow .poll__option--selected {
    background: #0F1941;
    color: #F7F5F0;
}

.bg-brand--white .poll__option--selected,
.bg-brand--off-white .poll__option--selected {
    background: #2175D9;
    color: #F7F5F0;
}

.poll__result {
    margin-right: 10px;
}

.share-price {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .share-price:not([class*='share-price--change']) {
        opacity: 0;
    }

        .share-price:not([class*='share-price--change']) .share-price__current, .share-price:not([class*='share-price--change']) .share-price__history, .share-price:not([class*='share-price--change']) .share-price__info {
            height: 30px;
        }

.share-price__current {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
}

@media (min-width: 941px) {
    .share-price__current {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

.share-price__current span + span {
    margin-left: 5px;
}

.share-price__current svg {
    fill: #6BA5B4;
}

.share-price__rate {
    color: #6BA5B4;
}

.share-price__meta {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .share-price__meta {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.share-price__history, .share-price__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.share-price__history {
    margin-top: 10px;
}

.share-price__info {
    margin-top: 5px;
}

.share-price__value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .share-price__value span:first-child {
        margin-right: 5px;
    }

    .share-price__company, .share-price__value:first-child {
        margin-right: 30px;
    }

.share-price--change-down .share-price__rate {
    color: #F24747;
}

.share-price--change-down .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.share-price--change-down svg {
    fill: #F24747;
}

.bg-brand--blue .share-price__rate,
.bg-brand--red .share-price__rate,
.bg-brand--turquoise .share-price__rate {
    color: #0F1941;
}

.bg-brand--blue .share-price svg,
.bg-brand--red .share-price svg,
.bg-brand--turquoise .share-price svg {
    fill: #0F1941;
}

.bg-brand--yellow .share-price__rate {
    color: #F7F5F0;
}

.bg-brand--yellow .share-price svg {
    fill: #F7F5F0;
}

@media (min-width: 941px) {
    .share-price:not([class*='share-price--change']) .share-price__current, .share-price:not([class*='share-price--change']) .share-price__history, .share-price:not([class*='share-price--change']) .share-price__info {
        height: 45px;
    }

    .share-price__history, .share-price__info {
        margin-top: 20px;
    }
}

.social__share {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.social__share-text {
    margin-right: 20px;
}

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

.social__item + .social__item {
    margin-left: 20px;
}

.social__list--s .social__item + .social__item {
    margin-left: 15px;
}

.social__link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
}

.sortbar {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
}

@media (min-width: 941px) {
    .sortbar {
        border-bottom: 1px solid #D7D7D7;
        padding-bottom: 30px;
    }
}

.sortbar--toggle {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 30px;
}

.sortbar__count {
    margin-right: 15px;
}

@media (max-width: 940px) {
    .sortbar__count + .form-group {
        margin-top: 20px;
        width: 100%;
    }
}

/* Start Tab Bar */

.tab-bar {
    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;
    overflow: scroll;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .tab-bar::-webkit-scrollbar {
        display: none;
    }

.tab-bar__item:not(:first-child) {
    margin: 0 15px;
}

.tab-bar__item:first-child {
    margin-right: 15px;
}

.tab-bar__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: rgba(15, 25, 65, 0.7);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
}

    .tab-bar__item:hover, .tab-bar__item.active {
        color: #0f1941;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        text-decoration: none;
    }

    .tab-bar__item.active {
        border-bottom: 3px solid #0f1941;
    }

.tab-bar__line {
    margin-top: -1px;
}

.tab-bar .hide {
    display: none;
}

.tab-bar .fade-element {
    height: 80px;
    position: absolute;
    width: 50px;
    z-index: 1;
}

.tab-bar .fade-element--right {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 30%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 30%);
}

.tab-bar .fade-element--left {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, white 30%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 30%);
    left: 0;
}

.tab-bar .fade-element .icon {
    height: 75px;
    top: 1px;
}

    .tab-bar .fade-element .icon svg {
        color: var(--color-brand-secondary-tint-60);
        fill: var(--color-brand-secondary-tint-60);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .tab-bar .fade-element .icon:hover {
        cursor: pointer;
    }

        .tab-bar .fade-element .icon:hover svg {
            fill: #03050d;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.tab-bar .fade-element .icon__left {
    left: 20px;
}

    .tab-bar .fade-element .icon__left svg {
        padding-right: 3px;
        padding-top: 1px;
    }

.tab-bar .fade-element .icon__right {
    right: 20px;
}

    .tab-bar .fade-element .icon__right svg {
        padding-left: 3px;
        padding-top: 1px;
    }

.tab-bar--icon .tab-bar__item {
    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;
    margin: 0 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}

@media (min-width: 501px) {
    .tab-bar--icon .tab-bar__item {
        font-size: inherit;
        margin: 0 15px;
    }
}

.tab-bar--icon .tab-bar__item:first-child {
    margin-left: 0;
}

@media (min-width: 501px) {
    .tab-bar--icon .tab-bar__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.tab-bar--icon .tab-bar__item .icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: inherit;
    margin-bottom: 6px;
    position: relative;
}

@media (min-width: 501px) {
    .tab-bar--icon .tab-bar__item .icon {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

.bg-brand-tertiary .tab-bar .fade-element--right,
.bg-variant-brand-tertiary .tab-bar .fade-element--right {
    background: -webkit-linear-gradient(left, rgba(247, 245, 240, 0) 0%, #f7f5f0 30%);
    background: linear-gradient(to right, rgba(247, 245, 240, 0) 0%, #f7f5f0 30%);
}

.bg-greyscale--grey-10 .tab-bar .fade-element--right,
.bg-gray-10 .tab-bar .fade-element--right {
    background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0) 0%, #f7f7f7 30%);
    background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, #f7f7f7 30%);
}

.bg-variant-brand-tertiary .tab-bar .tab-bar__item {
    color: var(--color-brand-secondary-alpha-70);
}

    .bg-variant-brand-tertiary .tab-bar .tab-bar__item.active {
        color: var(--color-brand-secondary);
    }

    .bg-variant-brand-tertiary .tab-bar .tab-bar__item:hover {
        color: var(--color-brand-secondary);
    }

.bg-brand-tertiary .tab-bar .fade-element--left,
.bg-variant-brand-tertiary .tab-bar .fade-element--left {
    background: -webkit-linear-gradient(right, rgba(247, 245, 240, 0) 0%, #f7f5f0 30%);
    background: linear-gradient(to left, rgba(247, 245, 240, 0) 0%, #f7f5f0 30%);
}

.bg-greyscale--grey-10 .tab-bar .fade-element--left,
.bg-gray-10 .tab-bar .fade-element--left {
    background: -webkit-linear-gradient(right, rgba(247, 247, 247, 0) 0%, #f7f7f7 30%);
    background: linear-gradient(to left, rgba(247, 247, 247, 0) 0%, #f7f7f7 30%);
}

/* End Tab Bar */


.link-tags {
    color: #2175D9;
}

.link-tags__label {
    color: #0F1941;
}

.link-tags__list, .link-tags__item {
    display: inline;
}

    .link-tags__item:not(:last-child)::after {
        content: ',';
        margin-left: -4px;
    }

.time-table__item {
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.time-table__day, .time-table__time {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.time-table__day {
    padding-right: 10px;
}

.tag {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    opacity: 1;
    overflow: hidden;
}

    .tag.hide-tag {
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

.tag__text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag.tag--remove .tag__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    line-height: 29px;
    margin-bottom: 2px;
    padding: 0 3px 0 15px;
}

.tag.tag--remove .tag__close {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border-radius: 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    width: 30px;
}

    .tag.tag--remove .tag__close:hover {
        background: #3C4464;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
    }

        .tag.tag--remove .tag__close:hover .icon svg {
            fill: #F7F5F0;
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
        }

    .tag.tag--remove .tag__close .icon {
        height: 16px;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        width: 16px;
    }

        .tag.tag--remove .tag__close .icon svg {
            fill: #878CA0;
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
        }

.tag.tag--remove.bg-brand--light-blue {
    background: #E8F1FB;
    color: #2175D9;
}

    .tag.tag--remove.bg-brand--light-blue .tag__close:hover {
        background: rgba(33, 117, 217, 0.3);
    }

        .tag.tag--remove.bg-brand--light-blue .tag__close:hover .icon svg {
            fill: #2175D9;
        }

    .tag.tag--remove.bg-brand--light-blue .icon svg {
        fill: #2175D9;
    }

.tag.tag--add {
    background: transparent;
    border: 1px solid #2175D9;
    color: #2175D9;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

    .tag.tag--add:hover:not(.tag__checked-background-color) {
        background: #E8F1FB;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
    }

@media (hover: none) {
    .tag.tag--add:hover:not(.tag__checked-background-color):hover:not(.tag__checked-background-color) {
        background: transparent;
    }
}

.tag.tag--add label {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tag.tag--add .tag__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    line-height: 29px;
    margin-bottom: 4px;
    padding-right: 15px;
}

.tag.tag--add .tag__checkbox {
    cursor: pointer;
    margin-left: 6px;
}

    .tag.tag--add .tag__checkbox .selection-control__input {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        border-radius: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 30px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 1px;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
        width: 30px;
    }

        .tag.tag--add .tag__checkbox .selection-control__input .icon {
            border: 1px solid #2175D9;
            height: 16px;
            -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
            width: 16px;
        }

    .tag.tag--add .tag__checkbox .selection-control__label {
        margin-left: 5px;
    }

    .tag.tag--add .tag__checkbox .selection-control__control {
        -webkit-transition: none;
        transition: none;
    }

.tag.tag--add.tag__checked-background-color {
    background: #2175D9;
    color: #F7F5F0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

    .tag.tag--add.tag__checked-background-color:hover .selection-control__input {
        background: #4D91E1;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
    }

        .tag.tag--add.tag__checked-background-color:hover .selection-control__input .icon {
            background: #4D91E1;
            border: 1px solid #4D91E1;
            -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
        }

@media (min-width: 941px) {
    .tag.tag--remove .tag__text {
        margin-bottom: 4px;
        padding: 0 5px 0 15px;
    }
}

.toggable-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.toggable-group__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #878CA0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

    .toggable-group__item + .toggable-group__item {
        margin-left: 20px;
    }

    .toggable-group__item span {
        position: relative;
    }

    .toggable-group__item .icon {
        margin-right: 5px;
    }

    .toggable-group__item svg {
        fill: #878CA0;
        -webkit-transition: fill 0.2s;
        transition: fill 0.2s;
    }

.toggable-group__item--active {
    color: #2175D9;
    cursor: default;
}

    .toggable-group__item--active .icon svg {
        fill: #2175D9;
    }

.tooltip {
    display: inline-block;
    position: relative;
}

.tooltip__content {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    background: #0F1941;
    border-radius: 4px;
    bottom: 100%;
    color: #F7F5F0;
    display: block;
    left: 0;
    opacity: 0;
    padding: 5px 10px 7px;
    position: absolute;
    top: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    width: 200px;
    z-index: 1;
}

@supports ((width: -webkit-max-content) or (width: -moz-max-content) or (width: max-content)) {
    .tooltip__content {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

.tooltip__content--l {
    width: 250px;
}

.tooltip__trigger {
    color: #878CA0;
    overflow: visible;
    position: relative;
}

    .tooltip__trigger:hover {
        color: #0F1941;
    }

        .tooltip__trigger:hover .tooltip__content {
            bottom: 110%;
            opacity: 1;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            visibility: visible;
        }

.tooltip__pointer {
    background: #0F1941;
    border-radius: 2px;
    bottom: -3px;
    content: '';
    height: 10px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
}

.tooltip.tooltip--left .tooltip__content {
    left: 0;
}

.tooltip.tooltip--left .tooltip__pointer {
    left: 10px;
}

.tooltip.tooltip--center .tooltip__trigger {
    display: inline-block;
}

    .tooltip.tooltip--center .tooltip__trigger .tooltip__content {
        left: 50%;
        margin: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.tooltip.tooltip--center .tooltip__pointer {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.tooltip.tooltip--right .tooltip__content {
    left: inherit;
    right: -5px;
}

.tooltip.tooltip--right .tooltip__pointer {
    right: 10px;
}

.tooltip--icon .icon--inline {
    top: 5px;
}

.tooltip--icon .tooltip__content {
    bottom: 110%;
    margin-left: -5px;
}

.tooltip--icon .tooltip__trigger:hover .tooltip__content {
    bottom: 140%;
}

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

.top-link__item {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

@media (max-width: 940px) {
    .top-link li + li {
        margin-left: 20px;
    }

    .top-link a {
        color: #878CA0;
    }

    .accordion + .top-link {
        margin-top: 20px;
    }
}

@media (min-width: 941px) {
    .top-link__item {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
    }

    .top-link li + li {
        margin-left: 10px;
    }
}

.accordion .link-list__link {
    color: #2175D9;
    cursor: pointer;
    padding-right: 50px;
}

.accordion .collapsible__content, .accordion .collapsible__content p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

@media (min-width: 941px) {
    .accordion .collapsible__content, .accordion .collapsible__content p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.accordion .collapsible__content--wrapper {
    margin-bottom: 20px;
}

.accordion--s .link-list__link {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.bg-brand--blue .accordion .link-list__link, .bg-brand--dark-blue .accordion .link-list__link, .bg-brand--turquoise .accordion .link-list__link, .bg-brand--red .accordion .link-list__link {
    color: #F7F5F0;
}

.bg-brand--blue .accordion .collapsible__button::before,
.bg-brand--blue .accordion .collapsible__button::after, .bg-brand--dark-blue .accordion .collapsible__button::before,
.bg-brand--dark-blue .accordion .collapsible__button::after, .bg-brand--turquoise .accordion .collapsible__button::before,
.bg-brand--turquoise .accordion .collapsible__button::after, .bg-brand--red .accordion .collapsible__button::before,
.bg-brand--red .accordion .collapsible__button::after {
    background: #F7F5F0;
}

.bg-brand--yellow .accordion .link-list__link {
    color: #0F1941;
}

.bg-brand--yellow .accordion .collapsible__button::before,
.bg-brand--yellow .accordion .collapsible__button::after {
    background: #0F1941;
}

@media (max-width: 940px) {
    .accordion .collapsible__button, .accordion .collapsible__button::before, .accordion .collapsible__button::after {
        width: 18px;
    }
}

@media (min-width: 941px) {
    .accordion .link-list__link {
        padding-right: 75px;
    }

    .accordion .collapsible__button {
        height: 30px;
        top: 26px;
    }

        .accordion .collapsible__button, .accordion .collapsible__button::before, .accordion .collapsible__button::after {
            width: 26px;
        }

    .accordion .collapsible__content {
        padding-right: 75px;
    }

    .accordion .collapsible__content--wrapper {
        margin-bottom: 30px;
    }
}

.toggle-arrow.icon {
    color: var(--color-brand-primary);
}

.bg-variant-brand-primary .toggle-arrow.icon {
    color: var(--color-white);
}

.bg-variant-brand-secondary .toggle-arrow.icon {
    color: var(--color-white);
}

.bg-variant-brand-tertiary .toggle-arrow.icon {
    color: var(--color-brand-primary);
}

.bg-variant-white .toggle-arrow.icon {
    color: var(--color-brand-primary);
}

.bg-variant-brand-quaternary .toggle-arrow.icon {
    color: var(--color-brand-secondary);
}

.bg-variant-brand-quinary .toggle-arrow.icon {
    color: var(--color-brand-secondary-shade-180);
}

.bg-variant-brand-senary .toggle-arrow.icon {
    color: var(--color-brand-secondary);
}

.banner__content {
    padding-bottom: 50px;
    padding-top: 50px;
}

.banner .content-block__title {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
}

@media (min-width: 941px) {
    .banner .content-block__title {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px;
    }
}

@media (max-width: 940px) {
    .banner .content-block__description {
        margin-top: 10px;
    }

    .banner__media {
        margin-left: -50px;
        margin-right: -50px;
    }

        .banner__media img {
            width: 100%;
        }

        .banner__media + .banner__content {
            padding-top: 30px;
        }

        .banner__media:not(.media-block--half-width):not(.media-block--full-width):not(.media-block--boxed-large) {
            max-width: 500px;
        }

            .banner__media:not(.media-block--half-width):not(.media-block--full-width):not(.media-block--boxed-large) img {
                margin: 0 auto;
            }

            .banner__media:not(.media-block--half-width):not(.media-block--full-width):not(.media-block--boxed-large):not(.media-block--boxed) {
                margin: 0 auto;
            }

    .banner .media-block--boxed {
        border-top: 50px solid transparent;
        margin: 0;
    }
}

@media (max-width: 500px) {
    .banner__media {
        margin-left: -25px;
        margin-right: -25px;
    }
}

@media (min-width: 941px) {
    .banner {
        overflow: hidden;
        position: relative;
    }

    .banner__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 470px;
    }

    .banner__content {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-bottom: 130px;
        padding-top: 130px;
        position: relative;
        width: calc((23/58) * 100%);
    }

    .banner__content--s {
        margin-left: calc(((3 + (1 * 2))/58) * 100%);
        width: calc((18/58) * 100%);
    }

    .banner__content--full-width {
        width: 100%;
    }

    .banner .banner__media {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        right: 0;
    }

    .banner .media-block--boxed {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 130px;
        margin-top: 130px;
        max-width: calc((28/58) * 100%);
    }

    .banner--alternative .banner__content {
        margin-left: auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .banner--alternative .banner__content--s {
        margin-left: auto;
        margin-right: calc((3/58) * 100%);
        padding-left: 0;
        padding-right: calc(2/58 * 100%);
    }

    .banner--alternative .banner__media {
        margin-left: 0;
    }

    .banner--alternative .media-block--half-width {
        left: 0;
    }

    .banner--alternative img {
        right: 0;
    }
}

.author {
    padding-top: 30px;
}

    .author .block__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .author .person__image {
        height: 100px;
        width: 100px;
    }

    .author .person__name {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }

@media (min-width: 941px) {
    .author .person__name {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

@media (min-width: 941px) {
    .author {
        padding-top: 50px;
    }

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

        .author .person__image {
            height: 50px;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 50px;
        }

            .author .person__image + .person__info {
                margin-left: auto;
                width: calc((28/33) * 100%);
            }

        .author .person__info {
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        }

        .author .person__title {
            margin-top: 0;
        }

        .author .person__info p:not(.person__title), .author .person__description {
            margin-top: 10px;
        }
}

@media (min-width: 1281px) {
    .author .person__image {
        height: 80px;
        width: 80px;
    }
}

.download__text {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}

@media (min-width: 941px) {
    .download__text {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.download .button {
    margin-top: 20px;
    max-width: 100%;
}

@media (max-width: 940px) {
    .download {
        margin-left: -50px;
        margin-right: -50px;
        padding: 30px 50px;
    }
}

@media (max-width: 500px) {
    .download {
        margin-left: -25px;
        margin-right: -25px;
        padding: 30px 25px;
    }
}

@media (min-width: 941px) {
    .download {
        border-radius: 8px;
        padding: 30px 30px;
    }

        .download .button {
            margin-top: 30px;
        }
}

.blog-meta {
    padding-top: 30px;
}

.blog-meta__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-top: 20px;
}

.blog-meta .social__list {
    margin-left: auto;
}

@media (max-width: 940px) {
    .blog-meta .social__item + .social__item {
        margin-left: 15px;
    }

    .blog-meta .icon {
        height: 20px;
        width: 20px;
    }
}

.quote--s {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .quote--s .quote__media {
        width: calc((3/28) * 100%);
    }

    .quote--s .quote__content {
        margin-left: auto;
        width: calc((23/28) * 100%);
    }

    .quote--s .quote__text {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        margin: 0;
    }

@media (min-width: 941px) {
    .quote--s .quote__text {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.quote--s .quote__author {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 10px 0 0;
}

@media (min-width: 941px) {
    .quote--s .quote__media {
        width: calc((3/33) * 100%);
    }

    .quote--s .quote__content {
        width: calc((28/33) * 100%);
    }

    .quote--s .quote__author {
        margin-top: 20px;
    }
}

.blog-overview {
    overflow-x: hidden;
}

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

.blog-overview__item a {
    outline: 0;
}

.blog-overview__content {
    margin-top: 20px;
}

.blog-overview__link, .blog-overview__link:hover {
    text-decoration: none;
}

.blog-overview__media {
    outline: 0;
}

    .blog-overview__media img {
        border-radius: 8px;
    }

    .blog-overview__media .text-placeholder {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
        border-radius: 8px;
        color: #0F1941;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }

@media (min-width: 941px) {
    .blog-overview__media .text-placeholder {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.blog-overview__media .text-placeholder__text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 8%;
    position: absolute;
    right: 8%;
}

.blog-overview__media .text-placeholder__text--top {
    color: #F7F5F0;
    top: 10%;
}

.blog-overview__media .text-placeholder__text--bottom {
    bottom: 10%;
    text-align: right;
}

.blog-overview__media .text-placeholder img {
    object-fit: scale-down;
    padding: 10px;
}

.blog-overview__media .bg-brand--dark-blue.text-placeholder {
    color: #2175D9;
}

.blog-overview__date {
    color: #878CA0;
    margin-bottom: 5px;
    display: block;
}

.blog-overview__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #0F1941;
    display: block;
}

@media (min-width: 941px) {
    .blog-overview__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.blog-overview .icon {
    top: 3px;
}

.blog-overview .slick-list {
    overflow: visible;
}

    .blog-overview .slick-list .blog-overview__item {
        display: block !important;
    }

@media (min-width: 941px) {
    .blog-overview__title {
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

    .blog-overview__link:hover .blog-overview__title,
    .blog-overview__media:hover + .blog-overview__content .blog-overview__title {
        color: #2175D9;
    }

    .blog-overview .icon {
        color: currentColor;
    }

    .blog-overview .tags {
        margin-top: 10px;
    }
}

.blog-overview--carousel-on-s .slick-list {
    overflow: visible;
}

@media (max-width: 940px) {
    .blog-overview--carousel-on-s .slick-slider {
        position: static;
        width: calc((23/28) * 100%);
    }

        .blog-overview--carousel-on-s .slick-slider .blog-overview__item {
            margin: 0;
            padding: 0 3vw;
        }

    .blog-overview--carousel-on-s .slick-list {
        margin-left: -3vw;
        margin-right: -3vw;
    }

    .blog-overview--carousel-on-s .slick-arrow {
        display: none !important;
    }

    .blog-overview--carousel-on-s .blog-overview__list:not(.slick-initialized) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .blog-overview--carousel-on-s .blog-overview__list {
        width: calc((23/28) * 100%);
    }

        .blog-overview--carousel-on-s .blog-overview__list > .blog-overview__item {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            margin-right: 6vw;
        }
}

@media (min-width: 941px) {
    .blog-overview--carousel .block__content {
        position: relative;
    }

    .blog-overview--carousel .blog-overview__list:not(.slick-initialized) {
        visibility: hidden;
    }

    .blog-overview--carousel .blog-overview__list {
        width: calc((48/58) * 100%);
    }

        .blog-overview--carousel .blog-overview__list > .blog-overview__item {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: calc(calc((23/48) * 100%) + (2 * 1.45vw));
        }

    .blog-overview--carousel .blog-overview__item {
        margin: 0;
        padding: 0 1.45vw;
    }

    .blog-overview--carousel .slick-arrow {
        opacity: 0;
    }

        .blog-overview--carousel .slick-arrow[style*='height'] {
            opacity: 1;
        }

    .blog-overview--carousel .slick-list {
        margin-left: -1.45vw;
        margin-right: -1.45vw;
    }

    .blog-overview--carousel .slick-arrow {
        background: rgba(15, 25, 65, 0.3);
        border: 0;
        cursor: pointer;
        font-size: 0;
        outline: 0;
        padding: 0;
        position: absolute;
        -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0s 0.3s;
        transition: background-color 0.3s, opacity 0.3s, visibility 0s 0.3s;
        top: 0;
        width: 100px;
        z-index: 1;
    }

        .blog-overview--carousel .slick-arrow:hover {
            background: rgba(15, 25, 65, 0.7);
        }

        .blog-overview--carousel .slick-arrow::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30' fill='%23F7F5F0'%3E%3Cpath d='M3,15.8965 L24.605,15.8965 L17.29,23.2975 C16.901,23.6905 16.905,24.3235 17.298,24.7125 C17.691,25.1005 18.324,25.0965 18.712,24.7045 L27.711,15.5995 C28.1,15.2065 28.096,14.5735 27.703,14.1855 L18.704,5.2895 C18.509,5.0965 18.255,5.0005 18.001,5.0005 C17.743,5.0005 17.485,5.0995 17.29,5.2965 C16.901,5.6895 16.905,6.3225 17.298,6.7105 L24.566,13.8965 L3,13.8965 C2.447,13.8965 2,14.3445 2,14.8965 C2,15.4485 2.447,15.8965 3,15.8965'/%3E%3C/svg%3E%0A");
            display: inline-block;
            position: relative;
            height: 30px;
            width: 30px;
        }

    .blog-overview--carousel .slick-next {
        right: 0;
    }

    .blog-overview--carousel .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .blog-overview--carousel .slick-disabled {
        opacity: 0;
        -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0s 0.3s;
        transition: background-color 0.3s, opacity 0.3s, visibility 0s 0.3s;
        visibility: hidden;
    }
}

@media (min-width: 1441px) {
    .blog-overview--carousel .slick-list,
    .blog-overview--carousel .blog-overview__list:not(.slick-initialized) {
        margin-left: -21.5px;
        margin-right: -21.5px;
    }

    .blog-overview--carousel__list > .blog-overview__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: calc(calc((23/48) * 100%) + (2 * 21.5px));
    }

    .blog-overview--carousel .blog-overview__item {
        padding: 0 21.5px;
    }

    .blog-overview--carousel:not(.blog-overview--topic) .blog-overview__item {
        width: 535px;
    }
}

@media (min-width: 941px) {
    .blog-overview--grid .blog-overview__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -80px;
        width: 100%;
    }

        .blog-overview--grid .blog-overview__list::after {
            content: '';
            display: block;
            width: calc((18/58) * 100%);
        }

    .blog-overview--grid .blog-overview__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        margin-top: 80px;
        width: calc((18/58) * 100%);
    }

    .blog-overview--grid .blog-overview__content {
        margin-top: 20px;
    }
}

.blog-overview--list .blog-overview__list {
    display: block;
}

.blog-overview--list .blog-overview__item:not(:first-child) {
    border-top: 1px solid #D7D7D7;
}

.blog-overview--list .blog-overview__item + .blog-overview__item {
    margin-top: 30px;
    padding-top: 30px;
}

.blog-overview--list .blog-overview__article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog-overview--list .blog-overview__media {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: calc((8/28) * 100%);
}

.blog-overview--list .blog-overview__content {
    margin-top: 0;
}

.blog-overview--list .blog-overview__link {
    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;
}

.blog-overview--list .blog-overview__title {
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .blog-overview--list .blog-overview__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.blog-overview--list .blog-overview__more-link {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .blog-overview--list .blog-overview__more-link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

@media (max-width: 940px) {
    .blog-overview--list .blog-overview__media {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .blog-overview--list .blog-overview__date {
        margin-bottom: 0;
        margin-top: 10px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .blog-overview--list .blog-overview__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;
        width: calc((18/28) * 100%);
    }
}

@media (min-width: 941px) {
    .blog-overview--list .blog-overview__media {
        width: calc((8/43) * 100%);
    }

    .blog-overview--list .blog-overview__content {
        width: calc((33/43) * 100%);
    }

    .blog-overview--list .blog-overview .tags {
        margin-top: 10px;
    }

    .blog-overview--list .blog-overview__more-link {
        display: inline-block;
        margin-top: 20px;
    }
}

@media (min-width: 941px) {
    .block__content--s .blog-overview--list .blog-overview__media {
        width: calc((8/38) * 100%);
    }

    .block__content--s .blog-overview--list .blog-overview__content {
        width: calc((28/38) * 100%);
    }
}

.blog-overview--topic .blog-overview__list {
    width: calc((18/28) * 100%);
}

@media (min-width: 941px) {
    .blog-overview--topic .block__description p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        width: calc((38/58) * 100%);
    }

    .blog-overview--topic .blog-overview__list {
        width: 100%;
    }

        .blog-overview--topic .blog-overview__list .slick-list > .slick-track {
            margin-left: 0;
            margin-right: 0;
        }

        .blog-overview--topic .blog-overview__list > .blog-overview__item {
            width: calc(calc((18/58) * 100%) + (2 * 1.45vw));
        }
}

@media (min-width: 1441px) {
    .blog-overview--topic .blog-overview__list > .blog-overview__item {
        width: calc(calc((18/58) * 100%) + (2 * 21.5px));
    }
}

.cta-box__text, .cta-box__text p {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px;
    margin-bottom: 0;
}

@media (min-width: 941px) {
    .cta-box__text, .cta-box__text p {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px;
    }
}

.cta-box.bg-brand--yellow {
    color: #F7F5F0;
}

@media (max-width: 940px) {
    .cta-box__wrapper {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .cta-box .button {
        margin-top: 30px;
    }

    .cta-box .button-group {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-top: 20px;
    }

        .cta-box .button-group .button {
            margin-top: 10px;
        }
}

@media (min-width: 941px) {
    .cta-box__wrapper {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 130px;
        padding-top: 130px;
    }

    .cta-box__text {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: calc((43/58) * 100%);
        position: relative;
        top: 10px;
    }

        .cta-box__text + .button,
        .cta-box__text + .button-group {
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-left: 30px;
        }
}

.cards__event .cards__item {
    border-radius: 0;
    margin-bottom: 5px;
}

.cards__event .cards__image a {
    height: 130px;
}

.cards__event .cards__image img {
    border-radius: 4px;
}

.cards__event .badge--event {
    left: 10px;
    position: absolute;
    bottom: 10px;
}

.cards__event .notice-in-page {
    margin-top: 10px;
    max-width: 100%;
}

.cards__event .cards__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-top: 20px;
}

@media (min-width: 941px) {
    .cards__event .cards__title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.cards__event .cards__title a {
    color: #0F1941;
}

.cards__event .cards__meta {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.cards__event .cards__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    padding-top: 5px;
}

@media (min-width: 501px) {
    .cards__event .cards__item {
        border-radius: 4px;
    }
}

@media (min-width: 941px) {
    .cards__event .cards__text {
        padding-top: 10px;
    }
}

@media (min-width: 941px) {
    .cards__event .cards__item {
        margin-bottom: 30px;
    }
}

.bg-brand--off-white .cards__item {
    background: #fff;
}

.bg-brand--off-white .cards__item--animate .cards__backside-card, .bg-brand--off-white .cards__item--animate {
    -webkit-animation: blueToWhite 300ms;
    animation: blueToWhite 300ms;
}

    .bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button {
        border-color: #F7F5F0;
        color: #F7F5F0;
    }

        .bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button:hover, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button:hover, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button:hover, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button:hover, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover {
            background: #F7F5F0;
            border-color: #fff;
            color: #2175D9;
        }

            .bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white:hover .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button:hover .icon svg, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button:hover .icon svg, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button:hover .icon svg, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button:hover .icon svg, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover .icon svg {
                fill: #2175D9;
            }

        .bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white:active, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button:active, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:active, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button:active, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:active, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button:active, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:active, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button:active, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:active {
            background: #DEDCD8;
            border-color: #DEDCD8;
            color: #2175D9;
        }

@media (hover: none) {
    .bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button:hover, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button:hover, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button:hover, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button:hover, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button:hover {
        background: #DEDCD8;
        border-color: #DEDCD8;
        color: #2175D9;
    }
}

.bg-brand--off-white .cards__item--animate .cards__backside-footer .button--off-white .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--blue .button .icon svg, .bg-brand--blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--dark-blue .button .icon svg, .bg-brand--dark-blue .bg-brand--off-white .cards__item--animate .cards__backside-footer .button .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--turquoise .button .icon svg, .bg-brand--turquoise .bg-brand--off-white .cards__item--animate .cards__backside-footer .button .icon svg, .bg-brand--off-white .cards__item--animate .cards__backside-footer .bg-brand--red .button .icon svg, .bg-brand--red .bg-brand--off-white .cards__item--animate .cards__backside-footer .button .icon svg {
    fill: #F7F5F0;
}

.cards__list--format-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cards__item {
    overflow-wrap: break-word;
    word-wrap: break-word;
    background: #F7F5F0;
    border: 2px solid transparent;
    border-radius: 8px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 290px;
    padding: 22px;
    position: relative;
    -webkit-transition: border 0.3s, color 0.3s;
    transition: border 0.3s, color 0.3s;
}

    .cards__item.bg-brand--blue {
        background: #2175D9;
        border-color: #2175D9;
    }

    .cards__item img {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 100%;
    }

.cards__item__list--format-list .cards__item img {
    max-width: 200px;
}

.cards__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cards__logo-title-container {
    width: 100%;
}

    .cards__logo-title-container .notice-in-page {
        margin-top: 20px;
        max-width: unset;
    }

.cards__logo {
    margin-bottom: 20px;
    max-width: 100px;
    width: 100%;
}

    .cards__logo .cards__logo-image {
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
    }

.cards__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #2175D9;
    min-width: 0;
}

.cards__link {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .cards__link, .cards__link:hover {
        text-decoration: none;
    }

        .cards__link .make-entire-card-clickable {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 1;
            width: 100%;
        }

.cards__description {
    color: #878CA0;
    display: none;
    margin: 20px 0;
    max-height: 86px;
    overflow: hidden;
    padding-right: 100px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.cards .icon__toggler {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    z-index: 2;
}

    .cards .icon__toggler .icon {
        color: #878CA0;
    }

        .cards .icon__toggler .icon + .icon {
            color: #e74536;
        }

    .cards .icon__toggler:hover svg {
        fill: #e74536;
    }

@media (hover: none) {
    .cards .icon__toggler:not(.icon__toggler--active):hover svg {
        fill: #878CA0;
    }
}

.cards__meta {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #0F1941;
}

@media (min-width: 941px) {
    .cards__meta {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.cards__meta-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .cards__meta-item + .cards__meta-item {
        margin-top: 5px;
    }

    .cards__meta-item .icon {
        color: #878CA0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 15px;
        margin-top: 3px;
    }

.cards__item--disabled .cards__title,
.cards__item--disabled .cards__title a,
.cards__item--disabled .cards__meta {
    color: #878CA0;
}

.cards__item--disabled .cards__info-wrapper,
.cards__item--disabled .cards__backside-card,
.cards__item--disabled .cards__backside-footer {
    display: none;
}

.cards__item--disabled .cards__link {
    pointer-events: none;
}

.cards__item--disabled .icon__toggler {
    display: none;
}

    .cards__item--disabled .icon__toggler.icon__toggler--active {
        display: block;
    }

.cards__footer {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
}

@media (min-width: 941px) {
    .cards__footer {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.cards__time-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    white-space: nowrap;
}

.cards__info-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -7px;
    margin-right: -5px;
    width: 40px;
    z-index: 1;
}

    .cards__info-wrapper .cards__info-button {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        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;
    }

    .cards__info-wrapper:hover {
        cursor: pointer;
    }

        .cards__info-wrapper:hover .cards__info-button > .icon {
            color: #0F1941;
        }

.cards__info-button .icon {
    color: #878CA0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.cards__expiration {
    display: inline-block;
}

.cards__date, .cards__expiration {
    margin: 5px 5px 0 0;
}

.cards__backside-card {
    height: 0;
    opacity: 0;
}

    .cards__backside-card .cards__backside-description {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        bottom: -20px;
        color: #fff;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 88%;
        margin-bottom: 20px;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
    }

    .cards__backside-card .cards__backside-footer {
        bottom: -20px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        opacity: 0;
    }

    .cards__backside-card .cards__backside-footer__button {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #F7F5F0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-decoration: none;
        white-space: nowrap;
    }

    .cards__backside-card .cards__backside-footer--job-link {
        margin-right: 30px;
    }

    .cards__backside-card .cards__backside-footer--close-backside {
        opacity: 0;
        visibility: hidden;
    }

    .cards__backside-card .cards__backside-footer .button-text {
        color: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cards__backside-card .cards__backside-footer .icon {
        color: inherit;
        margin-right: 10px;
        top: 1px;
    }

.cards li.cards__item--backside-active .cards__backside-card, .cards li.cards__item--backside-active {
    background: #2175D9;
    height: 100%;
    opacity: 1;
}

    .cards li.cards__item--backside-active .cards__backside-description {
        bottom: 0;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        opacity: 1;
        position: relative;
        -webkit-transition: opacity 0.3s ease 100ms, bottom 0.3s;
        transition: opacity 0.3s ease 100ms, bottom 0.3s;
        visibility: visible;
    }

        .cards li.cards__item--backside-active .cards__backside-description::before {
            background: -webkit-linear-gradient(top, rgba(33, 117, 217, 0), 80%, #2175d9);
            background: linear-gradient(to bottom, rgba(33, 117, 217, 0), 80%, #2175d9);
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

    .cards li.cards__item--backside-active .cards__backside-footer {
        bottom: 0;
        opacity: 1;
        position: relative;
        -webkit-transition: opacity 0.3s ease 100ms, bottom 0.3s;
        transition: opacity 0.3s ease 100ms, bottom 0.3s;
        visibility: visible;
    }

    .cards li.cards__item--backside-active .cards__backside-footer--close-backside {
        color: rgba(247, 245, 240, 0.5);
        cursor: pointer;
        opacity: 1;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        visibility: visible;
    }

        .cards li.cards__item--backside-active .cards__backside-footer--close-backside:hover {
            color: #F7F5F0;
            -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
        }

    .cards li.cards__item--backside-active .cards__header,
    .cards li.cards__item--backside-active .cards__meta,
    .cards li.cards__item--backside-active .cards__footer,
    .cards li.cards__item--backside-active .cards__title {
        display: none;
    }

.cards__item--animate .cards__backside-card, .cards__item--animate {
    -webkit-animation: blueToOffWhite 300ms;
    animation: blueToOffWhite 300ms;
    height: 100%;
    opacity: 1;
}

    .cards__item--animate .cards__backside-description {
        bottom: 0;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 88%;
        margin-bottom: 20px;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: relative;
        -webkit-transition: opacity 0.1s;
        transition: opacity 0.1s;
        visibility: visible;
    }

        .cards__item--animate .cards__backside-description::before {
            background: -webkit-linear-gradient(top, rgba(33, 117, 217, 0), 80%, #2175d9);
            background: linear-gradient(to bottom, rgba(33, 117, 217, 0), 80%, #2175d9);
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

    .cards__item--animate .cards__backside-footer {
        bottom: 0;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        opacity: 0;
        position: relative;
        -webkit-transition: bottom 0.2s;
        transition: bottom 0.2s;
        visibility: visible;
    }

    .cards__item--animate .cards__backside-footer--close-backside {
        opacity: 0;
    }

        .cards__item--animate .cards__backside-footer--close-backside .icon {
            margin-right: 0;
        }

    .cards__item--animate .cards__header,
    .cards__item--animate .cards__meta,
    .cards__item--animate .cards__footer,
    .cards__item--animate .cards__title {
        display: none !important;
    }

.cards__item--more {
    border: none;
    min-height: 200px;
}

    .cards__item--more .cards__link {
        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;
        height: 100%;
    }

    .cards__item--more img {
        margin: auto;
    }

    .cards__item--more .button {
        position: relative;
        z-index: 1;
    }

@media (max-width: 500px) {
    .cards {
        padding: 0;
    }

    .cards__list--format-carousel {
        padding: 0 25px;
    }

    .cards__list--format-grid .cards__item, .cards__list--format-list .cards__item {
        border-radius: 0;
    }

    .cards .cards__backside-footer {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .cards .button-text {
        display: none;
    }

    .cards__backside-card .cards__backside-description {
        height: 84%;
    }
}

@media (min-width: 501px) and (max-width: 940px) {
    .cards {
        padding: 0 50px;
    }

    .cards__item--more img {
        max-width: 200px;
    }

    .cards__backside-card .cards__backside-description {
        height: 86%;
    }
}

@media (min-width: 941px) and (max-width: 1280px) {
    .cards__backside-footer {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .button-text {
        display: none;
    }
}

@media (min-width: 501px) {
    .cards li.cards__item--backside-active .cards__backside-footer {
        bottom: 10px;
        max-width: 220px;
    }

    .cards__item--animate .cards__backside-footer {
        bottom: 10px;
    }
}

@media (max-width: 940px) {
    .cards__list.slick-slider {
        width: calc((23/28) * 100%);
    }

    .cards__list--format-grid .cards__item {
        margin-bottom: 5px;
    }

    .cards__list--format-list .cards__item {
        margin-bottom: 10px;
    }

    .cards__meta {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .cards .slick-list {
        overflow: visible;
    }

    .cards .slick-track {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .cards .slick-slide {
        float: none;
        height: inherit;
    }

        .cards .slick-slide > div {
            height: 100%;
        }

    .cards__list:not(.slick-slider) {
        width: 100%;
    }

    .cards__list--format-carousel .cards__list:not(.slick-slider) .cards__item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto;
        width: calc((23/28) * 100%);
    }

        .cards__list--format-carousel .cards__list:not(.slick-slider) .cards__item:not(:first-child) {
            margin-left: 6vw;
        }
}

@media (min-width: 941px) {
    .cards__meta {
        margin-top: 20px;
    }

        .cards__meta .cards__meta-item:last-child {
            margin-bottom: 10px;
        }

    .cards__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

        .cards__list::after {
            content: '';
            display: block;
        }

        .cards__list::after,
        .cards__list .cards__item {
            margin-bottom: 30px;
            width: calc((18/58) * 100%);
        }

    @supports (display: grid) {
        .cards__list {
            display: grid;
            grid-template-columns: repeat(3, calc((18/58) * 100%));
        }

        .cards__list {
            margin-bottom: 5px;
        }

            .cards__list .cards__item {
                width: auto;
            }

                .cards__list .cards__item:not(:first-child) {
                    margin-left: 0;
                }

            .cards__list::after {
                content: '';
                display: none;
            }
    }

    .cards__list li.cards__item--backside-active .cards__backside-footer .icon {
        top: 2px;
    }

    .cards__list--format-grid .cards__meta, .cards__list--format-carousel .cards__meta {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        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: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .cards__list--format-grid .cards__date, .cards__list--format-carousel .cards__date {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }

    .cards__list--format-list::after,
    .cards__list--format-list .cards__item {
        margin-bottom: 20px;
        width: 100%;
    }

    @supports (display: grid) {
        .cards__list--format-list {
            display: grid;
            grid-template-columns: repeat(1, calc((58/58) * 100%));
        }
    }

    .cards__list--format-list .cards__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }

    .cards__list--format-list .cards__meta {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin-top: 30px;
    }

    .cards__list--format-list .cards__meta-item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 30px;
        margin-top: 0;
    }

        .cards__list--format-list .cards__meta-item:last-child {
            margin-bottom: 0;
        }

        .cards__list--format-list .cards__meta-item .icon {
            margin: 0 10px 0 0;
            cursor: pointer;
            z-index: 0;
        }

    .cards__list--format-list .cards__description {
        display: block;
        display: -webkit-box;
    }

    .cards__list--format-list .cards__footer {
        display: block;
    }

        .cards__list--format-list .cards__footer .cards__date {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 30px;
            margin-right: 10px;
        }

    .cards__list--format-list .cards__info-wrapper {
        display: none;
    }

    .cards__item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto;
        padding: 30px;
        width: 100%;
    }

        .cards__item:not(.cards__item--more):not(.cards__item--disabled):hover {
            border-color: #2175D9;
            -webkit-transition: border 0.2s;
            transition: border 0.2s;
        }

    .cards__item--active:not(.cards__item--more):not(.cards__item--backside-active):not(.cards__item--disabled), .cards__item--active:not(.cards__item--more):not(.cards__item--backside-active):not(.cards__item--disabled):hover, .cards__item--active:not(.cards__item--more):not(.cards__item--backside-active):not(.cards__item--disabled):focus {
        background-color: #E8F1FB;
        border-color: #2175D9;
        -webkit-transition: border 0.2s, background-color 0.2s;
        transition: border 0.2s, background-color 0.2s;
    }
}

@media (min-width: 1281px) {
    .cards__list--format-grid .cards__item {
        margin-bottom: 40px;
    }
}

@-webkit-keyframes blueToOffWhite {
    from {
        background-color: #2175D9;
    }

    to {
        background-color: #F7F5F0;
    }
}

@keyframes blueToOffWhite {
    from {
        background-color: #2175D9;
    }

    to {
        background-color: #F7F5F0;
    }
}

@-webkit-keyframes blueToWhite {
    from {
        background-color: #2175D9;
    }

    to {
        background-color: #fff;
    }
}

@keyframes blueToWhite {
    from {
        background-color: #2175D9;
    }

    to {
        background-color: #fff;
    }
}

.carousel:not(.slick-initialized) .banner__slide:not(:first-child) {
    display: none;
}

.carousel__dots .slick-dots,
.carousel .slick-dots {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    left: 0;
    line-height: 0;
    position: absolute;
    width: 100%;
}

    .carousel__dots .slick-dots button,
    .carousel .slick-dots button {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 0;
        height: 30px;
        margin: 0 10px;
        outline: none;
        padding: 0;
        text-indent: -9999px;
        width: auto;
    }

        .carousel__dots .slick-dots button::before,
        .carousel .slick-dots button::before {
            border-radius: 50%;
            border: 2px solid rgba(15, 25, 65, 0.7);
            content: '';
            display: block;
            height: 14px;
            position: relative;
            -webkit-transition: border 0.2s;
            transition: border 0.2s;
            width: 14px;
        }

        .carousel__dots .slick-dots button:hover::before,
        .carousel .slick-dots button:hover::before {
            border-color: #0F1941;
        }

.carousel__dots .slick-active button,
.carousel .slick-active button {
    cursor: auto;
}

    .carousel__dots .slick-active button::before,
    .carousel .slick-active button::before {
        background: #0F1941;
        -webkit-transition: background-color 0.4s;
        transition: background-color 0.4s;
    }

.carousel.bg-brand--blue .slick-dots button::before, .carousel.bg-brand--dark-blue .slick-dots button::before, .carousel.bg-brand--turquoise .slick-dots button::before, .carousel.bg-brand--red .slick-dots button::before {
    border-color: rgba(247, 245, 240, 0.5);
}

.carousel.bg-brand--blue .slick-dots button:hover::before, .carousel.bg-brand--dark-blue .slick-dots button:hover::before, .carousel.bg-brand--turquoise .slick-dots button:hover::before, .carousel.bg-brand--red .slick-dots button:hover::before {
    border-color: #F7F5F0;
}

.carousel.bg-brand--blue .slick-dots .slick-active button::before, .carousel.bg-brand--dark-blue .slick-dots .slick-active button::before, .carousel.bg-brand--turquoise .slick-dots .slick-active button::before, .carousel.bg-brand--red .slick-dots .slick-active button::before {
    background: #fff;
}

@media (max-width: 500px) {
    .carousel--on-s .slick-list {
        margin-left: -3vw;
        margin-right: -3vw;
    }

    .carousel--on-s .slick-slide {
        padding: 0 3vw;
    }
}

@media (min-width: 501px) and (max-width: 940px) {
    .carousel--on-m .slick-list {
        margin-left: -2.9vw;
        margin-right: -2.9vw;
    }

    .carousel--on-m .slick-slide {
        padding: 0 2.9vw;
    }
}

.carousel--photo .banner__slide,
.carousel--photo .slick-slide {
    position: relative;
}

.carousel__dots--photo {
    height: 50px;
    position: absolute;
    width: 100%;
}

    .carousel__dots--photo .slick-dots {
        bottom: 10px !important;
    }

@media (min-width: 941px) {
    .carousel__dots--photo .slick-dots {
        bottom: 30px !important;
    }
}

.carousel__dots--photo .slick-dots button::before {
    border-color: rgba(247, 245, 240, 0.5);
}

.carousel__dots--photo .slick-dots button:hover::before {
    border-color: #F7F5F0;
}

.carousel__dots--photo .slick-dots .slick-active button::before {
    background: #F7F5F0;
}

@media (min-width: 941px) {
    .carousel--photo {
        position: relative;
    }

        .carousel--photo .slick-track {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .carousel--photo .slick-slide {
            height: auto !important;
        }

            .carousel--photo .slick-slide > div {
                height: 100%;
            }

        .carousel--photo .banner__slide,
        .carousel--photo .banner__wrapper {
            height: 100%;
        }

    .carousel__dots--photo {
        bottom: 0;
        top: auto !important;
    }
}

.carousel--quote {
    padding-bottom: 50px;
    padding-top: 30px;
}

    .carousel--quote.slick-dotted {
        padding-bottom: 115px;
    }

    .carousel--quote .banner__wrapper:focus,
    .carousel--quote .banner__slide:focus {
        outline: 0;
    }

    .carousel--quote .quotes {
        margin-bottom: 20px;
        width: 94px;
    }

    .carousel--quote .quotes--s {
        width: 70px;
    }

    .carousel--quote .person__image img {
        height: 150px;
    }

    .carousel--quote .content-block__description, .carousel--quote .content-block__author {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .carousel--quote .content-block__description {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }

@media (min-width: 941px) {
    .carousel--quote .content-block__description {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.carousel--quote .content-block__author {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .carousel--quote .content-block__author {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.carousel--quote .slick-dots {
    bottom: 20px;
}

.carousel--quote.slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

@media (min-width: 941px) {
    .carousel--quote {
        padding-bottom: 130px;
        padding-top: 130px;
    }

        .carousel--quote .banner__wrapper {
            min-height: unset;
        }

        .carousel--quote .slick-list {
            overflow: initial;
        }

        .carousel--quote .media-block {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-left: 0;
            width: calc((18/58) * 100%);
        }

        .carousel--quote .quotes {
            bottom: inherit;
            margin: 0 auto;
            max-width: 268px;
            position: inherit;
            width: auto;
        }

        .carousel--quote .quotes--s {
            margin: 0;
            margin-top: -70px;
            position: relative;
            width: calc((8/18) * 100%);
        }

        .carousel--quote .person__image {
            height: auto;
            position: relative;
            margin-left: auto;
            max-width: calc((8/18) * 100%);
            width: calc((8/18) * 100%);
        }

            .carousel--quote .person__image::before {
                content: '';
                display: block;
                padding-top: 100%;
            }

            .carousel--quote .person__image img {
                bottom: 0;
                left: 0;
                height: auto;
                min-width: 100%;
                position: absolute;
                top: 0;
                right: 0;
            }

        .carousel--quote .content-block {
            margin-left: auto;
            width: calc((38/58) * 100%);
        }

        .carousel--quote .content-block__description {
            margin-top: 0;
        }

        .carousel--quote .content-block__author {
            margin-top: 30px;
        }

        .carousel--quote .content-block .button {
            margin-top: 50px;
        }

        .carousel--quote .slick-dots {
            bottom: 30px;
        }
}

.chart__table td, .chart__table th {
    padding: 5px 5px;
    border: 1px solid #fff;
}

.chart__table th {
    background: #CCC;
}

.chart__table tr:nth-child(even) {
    background: #EFEFEF;
}

.chart__charts--donut {
    max-width: 325px;
}

    .chart__charts--donut svg {
        overflow: visible !important;
    }

.chart__charts--column {
    height: 375px !important;
}

.chart__charts--line {
    height: 300px !important;
}

.chart__charts .google-visualization-tooltip {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    border: none !important;
    border-radius: 4px !important;
    background-color: #F7F5F0 !important;
}

    .chart__charts .google-visualization-tooltip path[fill="#ffffff"] {
        fill: #F7F5F0;
        stroke: #F7F5F0;
    }

    .chart__charts .google-visualization-tooltip text[fill="#000000"] {
        fill: #0F1941;
    }

.chart__legend {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: -40px;
}

@media (min-width: 941px) {
    .chart__legend {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.chart__legend ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

.chart__legend li {
    margin-right: 30px;
}

    .chart__legend li::before {
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 10px;
        margin-right: 10px;
        width: 10px;
    }

@media (min-width: 941px) {
    .chart__charts--donut {
        max-width: 387px;
    }

    .chart__charts--column {
        height: 500px;
    }

    .chart__charts--line {
        height: 450px !important;
    }

    .chart__legend {
        margin-top: -30px;
    }
}

.bg-brand--off-white .chart .google-visualization-tooltip {
    background-color: #fff !important;
}

    .bg-brand--off-white .chart .google-visualization-tooltip path[fill="#ffffff"] {
        fill: #fff;
        stroke: #D7D7D7;
    }

.chart text[fill="#444444"] {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    fill: #878CA0;
}

@media (min-width: 941px) {
    .chart text[fill="#444444"] {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }
}

.chart text[fill="#222222"] {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    fill: #0F1941;
}

@media (min-width: 941px) {
    .chart text[fill="#222222"] {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }
}

.chart rect[fill="#cccccc"], .chart rect[fill="#ebebeb"], .chart rect[fill="#333333"] {
    fill: #D7D7D7;
}

.chart [stroke="#f0f0f0"] {
    stroke: #0F1941;
}

.chart [fill="#f0f0f0"] {
    fill: #0F1941;
}

.chart [data-rs-charts-legend-item="#f0f0f0"]::before {
    background: #0F1941;
}

.chart [stroke="#e8e8e8"] {
    stroke: #2175D9;
}

.chart [fill="#e8e8e8"] {
    fill: #2175D9;
}

.chart [data-rs-charts-legend-item="#e8e8e8"]::before {
    background: #2175D9;
}

.chart [stroke="#e0e0e0"] {
    stroke: #6BA5B4;
}

.chart [fill="#e0e0e0"] {
    fill: #6BA5B4;
}

.chart [data-rs-charts-legend-item="#e0e0e0"]::before {
    background: #6BA5B4;
}

.chart [stroke="#dcdcdc"] {
    stroke: #FFB511;
}

.chart [fill="#dcdcdc"] {
    fill: #FFB511;
}

.chart [data-rs-charts-legend-item="#dcdcdc"]::before {
    background: #FFB511;
}

.chart [stroke="#d8d8d8"] {
    stroke: #e74536;
}

.chart [fill="#d8d8d8"] {
    fill: #e74536;
}

.chart [data-rs-charts-legend-item="#d8d8d8"]::before {
    background: #e74536;
}

.chart [stroke="#d3d3d3"] {
    stroke: #636983;
}

.chart [fill="#d3d3d3"] {
    fill: #636983;
}

.chart [data-rs-charts-legend-item="#d3d3d3"]::before {
    background: #636983;
}

.chart [stroke="#d0d0d0"] {
    stroke: #7aace8;
}

.chart [fill="#d0d0d0"] {
    fill: #7aace8;
}

.chart [data-rs-charts-legend-item="#d0d0d0"]::before {
    background: #7aace8;
}

.chart [stroke="#c8c8c8"] {
    stroke: #a6c9d2;
}

.chart [fill="#c8c8c8"] {
    fill: #a6c9d2;
}

.chart [data-rs-charts-legend-item="#c8c8c8"]::before {
    background: #a6c9d2;
}

.chart [stroke="#c0c0c0"] {
    stroke: #ffd370;
}

.chart [fill="#c0c0c0"] {
    fill: #ffd370;
}

.chart [data-rs-charts-legend-item="#c0c0c0"]::before {
    background: #ffd370;
}

.chart [stroke="#bebebe"] {
    stroke: #f18f86;
}

.chart [fill="#bebebe"] {
    fill: #f18f86;
}

.chart [data-rs-charts-legend-item="#bebebe"]::before {
    background: #f18f86;
}

.chart [stroke="#b8b8b8"] {
    stroke: #999aa8;
}

.chart [fill="#b8b8b8"] {
    fill: #999aa8;
}

.chart [data-rs-charts-legend-item="#b8b8b8"]::before {
    background: #999aa8;
}

.chart [stroke="#b0b0b0"] {
    stroke: #a6c8f0;
}

.chart [fill="#b0b0b0"] {
    fill: #a6c8f0;
}

.chart [data-rs-charts-legend-item="#b0b0b0"]::before {
    background: #a6c8f0;
}

.chart [stroke="#a9a9a9"] {
    stroke: #c4dbe1;
}

.chart [fill="#a9a9a9"] {
    fill: #c4dbe1;
}

.chart [data-rs-charts-legend-item="#a9a9a9"]::before {
    background: #c4dbe1;
}

.chart [stroke="#a8a8a8"] {
    stroke: #ffe1a0;
}

.chart [fill="#a8a8a8"] {
    fill: #ffe1a0;
}

.chart [data-rs-charts-legend-item="#a8a8a8"]::before {
    background: #ffe1a0;
}

.chart [stroke="#a0a0a0"] {
    stroke: #f5b5af;
}

.chart [fill="#a0a0a0"] {
    fill: #f5b5af;
}

.chart [data-rs-charts-legend-item="#a0a0a0"]::before {
    background: #f5b5af;
}

@media (min-width: 941px) {
    .contact-person {
        width: calc((38/58) * 100%);
    }

        .contact-person .person__profile {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .contact-person .person__image {
            height: 100%;
            max-height: calc((13/38) * 100%);
            margin-bottom: 0;
            max-width: calc((13/38) * 100%);
            width: 200px;
        }

        .contact-person .person__initials {
            max-width: calc((13/38) * 100%);
            width: 200px;
        }

            .contact-person .person__initials span {
                font-size: 60px;
                letter-spacing: -3px;
                line-height: 60px;
            }

        .contact-person .person__info {
            margin-left: auto;
            width: calc((23/38) * 100%);
        }
}

body.filter-active {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.filter__toggle {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

@media (min-width: 941px) {
    .filter__toggle {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.filter__content {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.filter__block {
    padding: 10px 25px 150px;
}

    .filter__block .form-group {
        padding-bottom: 20px;
    }

        .filter__block .form-group .button {
            display: none;
        }

        .filter__block .form-group .selection-control__label {
            color: #2175D9;
        }

    .filter__block .accordion .icon {
        top: 0;
    }

    .filter__block .link-list {
        margin-top: 0;
    }

    .filter__block .link-list__link {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        color: #0F1941;
    }

@media (min-width: 941px) {
    .filter__block .link-list__link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.filter__clear {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 10px;
}

.filter__alert {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

    .filter__alert .icon {
        margin-right: 10px;
    }

        .filter__alert .icon svg {
            fill: #2175D9;
        }

.filter__related {
    margin-top: 30px;
}

.filter-links {
    padding-bottom: 20px;
}

.filter-links--active {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .filter-links--active .icon.icon {
        cursor: pointer;
        margin-left: 10px;
        top: 6px;
    }

    .filter-links--active svg {
        fill: #2175D9;
    }

.filter .seo-content {
    margin-top: 30px;
}

    .filter .seo-content p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }

        .filter .seo-content p:last-of-type {
            margin-bottom: 0;
        }

.filter .rss-feed {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

    .filter .rss-feed span {
        color: #2175D9;
        cursor: pointer;
    }

    .filter .rss-feed .icon {
        margin-right: 15px;
    }

        .filter .rss-feed .icon svg {
            fill: #0F1941;
        }

@media (max-width: 940px) {
    .filter__toggle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #F7F5F0;
        border-top: 1px solid #D7D7D7;
        bottom: 0;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1;
    }

        .filter__toggle .icon {
            margin-right: 15px;
        }

            .filter__toggle .icon svg {
                fill: #2175D9;
            }

    .filter__header, .filter__footer {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #F7F5F0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 25px;
        padding-right: 25px;
        width: 100%;
        z-index: 2;
    }

    .filter__header {
        border-bottom: 1px solid #D7D7D7;
        height: 80px;
        top: calc(100% - 100px);
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

        .filter__header .icon {
            cursor: pointer;
            margin-left: auto;
            -webkit-transition: width 0.2s;
            transition: width 0.2s;
        }

    .scroll-active .filter__header .icon {
        width: 15px;
    }

    .filter__header .icon svg {
        fill: #2175D9;
    }

    .scroll-active .filter__header {
        height: 50px;
    }

    .filter__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }
}

@media (max-width: 940px) and (min-width: 941px) {
    .filter__title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

@media (max-width: 940px) {
    .scroll-active .filter__title {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .filter__content {
        background: #F7F5F0;
        bottom: 0;
        height: 0;
        left: 0;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        -webkit-transition: height 0.4s ease, visibility 0.5s ease;
        transition: height 0.4s ease, visibility 0.5s ease;
        visibility: hidden;
        z-index: 6;
    }

    .filter__footer {
        background: #F7F5F0;
        bottom: 0;
        opacity: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: fixed;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: bottom 0.8s ease;
        transition: bottom 0.8s ease;
    }

    .filter__content--active {
        height: 100%;
        padding-top: 80px;
        visibility: visible;
        -webkit-transition: height 0.4s ease;
        transition: height 0.4s ease;
    }

        .filter__content--active .filter__header {
            position: fixed;
            top: 0;
        }

        .filter__content--active .filter__footer {
            bottom: 0;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.2s 0.5s;
            transition: opacity 0.2s 0.5s, -webkit-transform 0.2s 0.5s;
            transition: transform 0.2s 0.5s, opacity 0.2s 0.5s;
            transition: transform 0.2s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.2s 0.5s;
        }
}

@media (min-width: 941px) {
    .filter {
        width: calc((13/58) * 100%);
    }

    .filter__toggle {
        margin-bottom: 10px;
        pointer-events: none;
    }

    .filter__block {
        padding: 0;
    }

    .filter__clear {
        margin-bottom: 20px;
    }

    .filter__block .form-group {
        padding-bottom: 30px;
    }

        .filter__block .form-group .button {
            display: block;
            margin-top: 20px;
        }

    .filter__block .collapsible__button {
        height: 20px;
        top: 29px;
        width: 20px;
    }

        .filter__block .collapsible__button::before, .filter__block .collapsible__button::after {
            top: 9px;
            width: 20px;
        }

    .filter .accordion .collapsible__content {
        padding-right: 0;
    }

    .filter__related-title {
        display: block;
        margin-bottom: 15px;
    }

    .filter__related-item + .filter__related-item {
        margin-top: 10px;
    }

    .filter .seo-content {
        margin-top: 30px;
    }
}

.footer__wrapper {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    padding-bottom: 40px;
    padding-top: 25px;
}

.footer__grid li a, .footer__grid li a:visited, .footer__grid li a:active {
    color: #878CA0;
}

.footer__grid + .footer__grid {
    margin-top: 30px;
}

.footer.bg-brand--dark-blue .divider, .footer.bg-brand--dark-blue .link-list__item {
    border-color: #3C4464;
}

.footer__column .collapsible__button::after, .footer__column .collapsible__button::before {
    background: #F7F5F0;
}

.footer__info p:last-child {
    margin-bottom: 0;
}

.footer__info a[href^=tel] {
    color: inherit;
    text-decoration: inherit;
}

.footer__search {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.footer__search-input[type="text"] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #3C4464;
    border: 1px solid #3C4464;
    color: #878CA0;
    padding-right: 50px;
    -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
    transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
}

    .footer__search-input[type="text"]:active, .footer__search-input[type="text"]:focus {
        padding-right: 50px;
    }

    .footer__search-input[type="text"]:focus {
        background: #F7F5F0;
        border: 2px solid #F7F5F0;
        color: #0F1941;
    }

    .footer__search-input[type="text"]::-webkit-input-placeholder {
        color: #878CA0;
    }

.footer__search .icon {
    margin-top: -10px;
    right: 20px;
    top: 30px;
}

    .footer__search .icon svg {
        fill: #878CA0;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: fill 0.1s ease-out;
        transition: fill 0.1s ease-out;
    }

.footer__search-input:focus + .icon svg {
    fill: #2175D9;
}

.footer__info svg {
    fill: #878CA0;
    margin-right: 5px;
}

.footer__bottom-nav {
    margin-bottom: 30px;
}

    .footer__bottom-nav li {
        margin-bottom: 10px;
    }

.footer .social__list {
    margin-bottom: 30px;
}

    .footer .social__list svg {
        fill: #878CA0;
        -webkit-transition: fill 0.2s ease-out;
        transition: fill 0.2s ease-out;
    }

        .footer .social__list svg:hover {
            fill: #F7F5F0;
        }

.bg-brand--white .footer .social__list svg:hover {
    fill: #0F1941;
}

.footer--s .footer__wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
}

.footer--s .footer__grid:first-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.footer--s .social__list {
    margin-bottom: 0;
}

@media (max-width: 940px) {
    .footer__grid.divider, .footer__grid.link-list__item {
        border-bottom: 0;
    }
}

@media (min-width: 941px) {
    .footer__wrapper {
        padding-bottom: 50px;
        padding-top: 80px;
    }

    .footer__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-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .footer__grid:first-child {
            padding-bottom: 50px;
        }

    .footer__column {
        width: calc((13/58) * 100%);
    }

        .footer__column .collapsible__button {
            display: none;
        }

    .footer__info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: calc((43/58) * 100%);
    }

        .footer__info p {
            margin-bottom: 30px;
            width: calc((28/43) * 100%);
        }

    .footer__search {
        margin-bottom: 20px;
        margin-left: auto;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc((13/58) * 100%);
    }

    .footer__bottom-nav {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: calc((33/58) * 100%);
    }

        .footer__bottom-nav ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: -20px;
        }

            .footer__bottom-nav ul li {
                margin-top: 0;
                margin-right: 30px;
            }

    .footer .social__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        width: calc((23/58) * 100%);
    }

    .footer--s .footer__wrapper {
        padding-bottom: 50px;
        padding-top: 50px;
    }
}

.footer__column .extensive-link-list__item {
    width: 100%;
}

.header--compact .header__content {
    padding-bottom: 30px;
    padding-top: 20px;
}

.header--compact h1.content-block__title {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
}

@media (min-width: 941px) {
    .header--compact h1.content-block__title {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

@media (min-width: 941px) {
    .header--compact .header__content {
        padding-bottom: 50px;
        padding-top: 30px;
    }
}

.header {
    position: relative;
}

.header__content {
    padding-bottom: 50px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

.header .content-block__title,
.header .content-block__title h1 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
}

@media (min-width: 941px) {
    .header .content-block__title,
    .header .content-block__title h1 {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px;
    }
}

.header--l .content-block__title,
.header--l .content-block__title h1 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px;
}

@media (min-width: 941px) {
    .header--l .content-block__title,
    .header--l .content-block__title h1 {
        font-size: 80px;
        letter-spacing: -4px;
        line-height: 80px;
    }
}

.header__bottom-text {
    margin-top: 20px;
}

    .header__bottom-text p:last-child {
        margin-bottom: 0;
    }

@media (max-width: 940px) {
    .header__media:not(.media-block--animation) {
        display: none;
    }
}

@media (min-width: 941px) {
    .header__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header--s .header__wrapper {
        padding-bottom: 30px;
    }

    .header__content {
        padding-bottom: 80px;
        padding-top: 50px;
        width: calc((23/58) * 100%);
        z-index: 2;
    }

    .header__content--l {
        width: calc((28/58) * 100%);
    }

        .header__content--l + .header__media {
            width: calc((28/58) * 100%);
        }

    .header__content--l-xl {
        width: calc((33/58) * 100%);
    }

        .header__content--l-xl + .header__media {
            width: calc((23/58) * 100%);
        }

    .header__content--xl {
        width: calc((43/58) * 100%);
    }

    .header__content--full-width {
        width: 100%;
    }

    .header--l .header__content {
        padding-bottom: 130px;
        padding-top: 80px;
    }

    .header .media-block:not(.media-block--full-width) img {
        left: 0;
        right: 0;
    }

    .header .header__media picture:before {
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .header .header__media.light-from-l picture:before {
        background: -webkit-linear-gradient(top, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%);
        background: linear-gradient(180deg, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%);
    }

    .header .header__media.dark-from-l picture:before {
        background: -webkit-linear-gradient(top, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%);
        background: linear-gradient(180deg, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%);
    }
}

.header--jobs .content-block__list li {
    line-height: 0;
}

.header--jobs .content-block__list a {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #0F1941;
    margin-bottom: 0;
}

@media (min-width: 941px) {
    .header--jobs .content-block__list a {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.header--jobs .content-block__list a .icon {
    color: #FFB511;
}

@media (min-width: 941px) {
    .header--jobs .content-block__list {
        margin-top: 30px;
    }

    .header--jobs .content-block__eyebrow + .content-block__title {
        margin-top: 20px;
    }

    .header--jobs .media-block img {
        margin: 0 0 0 auto;
    }
}

@media (min-width: 941px) {
    .header--welcome .header__content {
        padding-bottom: 0;
    }

    .header--welcome .content-block__title {
        margin-bottom: 50px;
    }

    .header--welcome .content-block__eyebrow + .content-block__title {
        margin-top: 20px;
    }

    .header--welcome .media-block img {
        margin: auto 0 0 auto;
    }
}

.header--selector .header__content {
    z-index: initial;
}

.header--selector .content-block__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header--selector .modal__overlay {
    z-index: 5;
}

.selector__title {
    margin-right: 10px;
}

.selector__dropdown {
    cursor: pointer;
    height: 40px;
    padding-right: 60px;
    position: relative;
}

    .selector__dropdown .icon {
        right: 25px;
        top: 12px;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

.selector__dropdown--active {
    z-index: 6;
}

    .selector__dropdown--active .icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .selector__dropdown--active.text-ellipsis {
        opacity: 0.7;
    }

.selector__dropdown svg {
    fill: #0F1941;
}

.bg-brand--dark-blue .selector__dropdown svg {
    fill: #F7F5F0;
}

.selector__text {
    position: relative;
}

.selector__content {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.selector__content--active {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    background: currentColor;
    border-radius: 8px;
    color: #F7F5F0;
    margin-top: 15px;
    max-height: 180px;
    opacity: 1;
    padding: 20px 0 30px;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
    width: 100%;
    z-index: 6;
}

@media (min-width: 941px) {
    .selector__content--active {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.bg-brand--off-white .selector__content--active {
    color: #fff;
}

.selector__option.selector__option {
    color: #0F1941;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.selector__option:hover {
    text-decoration: none;
}

.bg-brand--dark-blue .selector__option:hover,
.bg-brand--blue .selector__option:hover,
.bg-brand--off-white .selector__option:hover {
    color: #2175D9;
}

.bg-brand--red .selector__option:hover {
    color: #e74536;
}

.bg-brand--turquoise .selector__option:hover {
    color: #6BA5B4;
}

.bg-brand--yellow .selector__option:hover {
    color: #FFB511;
}

.selector__pointer {
    background: currentColor;
    border-radius: 4px;
    display: block;
    height: 26px;
    position: absolute;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 26px;
}

.selector__list {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 135px;
    padding: 0 20px;
}

.selector__item + .selector__item {
    margin-top: 10px;
}

.bg-brand--yellow .content-block .selector__option.selector__option {
    color: #0F1941;
}

    .bg-brand--yellow .content-block .selector__option.selector__option:hover {
        color: #FFB511;
    }

.bg-brand--yellow .selector__dropdown--active.text-ellipsis {
    opacity: 1;
}

.bg-brand--off-white .selector__dropdown--active.text-ellipsis {
    opacity: 1;
}

@media (min-width: 941px) {
    .header--selector .content-block__description {
        margin-top: 15px;
    }

    .header--selector .media-block:not(.media-block--full-width) img {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .selector__title {
        margin-right: 15px;
    }

    .selector__dropdown {
        padding-right: 80px;
        height: 65px;
    }

        .selector__dropdown .icon {
            top: 20px;
        }

    .selector__content--active {
        margin-top: 21px;
        max-height: 250px;
        padding: 30px 0 40px;
    }

    .selector__list {
        max-height: 190px;
        padding: 0 30px;
        -webkit-transition: max-height 0s ease;
        transition: max-height 0s ease;
    }

    .selector__item + .selector__item {
        margin-top: 20px;
    }
}

.header .share-price {
    margin-top: 30px;
}

@media (min-width: 941px) {
    .header .share-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px;
        margin-top: 80px;
    }

    .header .share-price__current {
        width: 100%;
    }

    .header .share-price__current, .header .share-price__history {
        margin-right: 30px;
    }

    .header .share-price__meta {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        margin-top: 15px;
    }

    .header .share-price__history, .header .share-price__info {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
    }

    .header .share-price__value + .header .share-price__value, .header .share-price__date {
        margin-left: 20px;
    }
}

@media (min-width: 1281px) {
    .header .share-price__current {
        width: auto;
    }
}

.header--404 .breadcrumb,
.header--404 .navigation__menu--sub {
    display: none;
}

.header--404 .logo-randstad {
    display: block;
}

.header--404 .content-block__description {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px;
    color: #0F1941;
    margin-top: 0;
}

@media (min-width: 941px) {
    .header--404 .content-block__description {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px;
    }
}

@media (max-width: 940px) {
    .header--404 .header__content {
        padding-top: 30px;
    }

    .header--404 .content-block__title > span {
        display: inline;
    }
}

@media (min-width: 941px) {
    .header--404 .header__content {
        padding-bottom: 130px;
    }

    .header--404 .content-block__description {
        margin-top: 130px;
    }

    .header--404 .media-block img {
        margin-top: 10px;
        max-width: 760px;
        min-width: 0;
    }
}

.image-gallery-container {
    width: 100%;
}

    .image-gallery-container .image-gallery-selector {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

        .image-gallery-container .image-gallery-selector figure {
            margin-bottom: 30px;
            width: calc((18/58) * 100%);
        }

@supports (display: grid) {
    .image-gallery-container .image-gallery-selector {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

        .image-gallery-container .image-gallery-selector figure {
            margin-bottom: 0;
            width: 100%;
        }
}

.image-gallery-container .bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    min-height: 200px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 100%;
}

    .image-gallery-container .bg-image:hover {
        box-shadow: inset 0 0 0 2000px rgba(15, 25, 65, 0.3);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

.image-gallery-container figure[data-rs-image-gallery-totals-overlay="true"] {
    position: relative;
}

    .image-gallery-container figure[data-rs-image-gallery-totals-overlay="true"] .bg-image {
        box-shadow: inset 0 0 0 2000px rgba(15, 25, 65, 0.3);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .image-gallery-container figure[data-rs-image-gallery-totals-overlay="true"]:hover .bg-image {
        box-shadow: inset 0 0 0 2000px rgba(15, 25, 65, 0.7);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .image-gallery-container figure[data-rs-image-gallery-totals-overlay="true"] .photo-totals-overlay {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        color: #FFF;
        cursor: pointer;
        position: absolute;
        text-align: center;
        top: 45%;
        width: 100%;
    }

@media (min-width: 501px) and (max-width: 622px) {
    .image-gallery-container figure[data-rs-image-gallery-totals-overlay="true"] .photo-totals-overlay {
        top: 35%;
    }
}

@media (min-width: 501px) and (max-width: 940px) {
    @supports (display: grid) {
        .image-gallery-container .image-gallery-selector {
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        }
    }
}

@media (min-width: 941px) {
    .image-gallery-container .bg-image {
        min-height: 250px;
    }
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* <button> css reset */
.pswp__button {
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    margin: 0;
    opacity: 0.5;
    overflow: visible;
    padding: 0;
    position: relative;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 20px;
}

    .pswp__button:focus, .pswp__button:hover {
        opacity: 1;
    }

    .pswp__button:active {
        opacity: 1;
        outline: none;
    }

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

.pswp__button--close {
    background: url(../image/components/image-gallery/close-30-white.svg) 0 0 no-repeat;
    height: 25px;
    margin: 20px 20px 0 0;
    width: 25px;
}

.pswp--svg .pswp__button--arrow--left .icon,
.pswp--svg .pswp__button--arrow--right .icon {
    color: #F7F5F0;
    position: relative;
    z-index: -1;
}

    .pswp--svg .pswp__button--arrow--left .icon svg,
    .pswp--svg .pswp__button--arrow--right .icon svg {
        fill: currentColor;
        width: 25px;
    }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 70px;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__counter {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #F7F5F0;
    position: absolute;
    left: 20px;
    top: 20px;
}

.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%;
}

    .pswp__caption small {
        color: #BBB;
        font-size: 11px;
    }

.pswp__caption__center {
    color: #CCC;
    font-size: 13px;
    margin: 0 auto;
    max-width: 420px;
    line-height: 20px;
    padding: 10px;
    text-align: left;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/*
 Loading indicator (preloader)
 */
.pswp__preloader {
    direction: ltr;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    top: 0;
    width: 44px;
    will-change: opacity;
}

.pswp__preloader__icn {
    height: 20px;
    margin: 12px;
    width: 20px;
}

.pswp__preloader--active {
    opacity: 1;
}

    .pswp__preloader--active .pswp__preloader__icn {
        /* We use .gif in browsers that don't support CSS animation */
        background: url(../image/components/image-gallery/preloader.gif) 0 0 no-repeat;
    }

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise 500ms linear infinite;
        animation: clockwise 500ms linear infinite;
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
        animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    }

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    height: 14px;
    left: 15px;
    margin: 0;
    opacity: 0.75;
    position: absolute;
    top: 15px;
    width: 14px;
}

.pswp--css_animation .pswp__preloader__cut {
    /*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
    height: 14px;
    position: relative;
    overflow: hidden;
    width: 7px;
}

.pswp--css_animation .pswp__preloader__donut {
    background: none;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    border-left-color: transparent;
    box-sizing: border-box;
    height: 14px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 14px;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        float: right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

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

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

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

/*
  Additional styles
 */
/* root element of UI */
.pswp__ui {
    opacity: 1;
    visibility: visible;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity;
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 1;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 1;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 1;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

.jobs {
    margin-top: 0;
}

.jobs__item {
    position: relative;
}

    .jobs__item:last-child {
        border: none;
    }

    .jobs__item:not(:last-child) {
        padding-bottom: 30px;
    }

    .jobs__item + .jobs__item {
        margin-top: 30px;
    }

@media (max-width: 940px) {
    .bg-brand--blue .job-board-item__meta, .bg-brand--red .job-board-item__meta, .bg-brand--turquoise .job-board-item__meta {
        color: rgba(247, 245, 240, 0.5);
    }

    .bg-brand--dark-blue .job-board-item__meta {
        color: #878CA0;
    }

    .bg-brand--yellow .job-board-item__meta {
        color: rgba(15, 25, 65, 0.7);
    }
}

@media (min-width: 941px) {
    .jobs {
        margin-left: auto;
        width: calc((38/43) * 100%);
    }

    .jobs__item:not(:last-child) {
        padding-bottom: 50px;
    }
}

.bg-brand--blue .icon__toggler svg, .bg-brand--turquoise .icon__toggler svg, .bg-brand--red .icon__toggler svg {
    fill: rgba(247, 245, 240, 0.5);
}

.bg-brand--blue .icon__toggler:hover svg,
.bg-brand--blue .icon__toggler.icon__toggler--active svg, .bg-brand--turquoise .icon__toggler:hover svg,
.bg-brand--turquoise .icon__toggler.icon__toggler--active svg, .bg-brand--red .icon__toggler:hover svg,
.bg-brand--red .icon__toggler.icon__toggler--active svg {
    fill: #F7F5F0;
}

@media (hover: none) {
    .bg-brand--blue .icon__toggler:not(.icon__toggler--active):hover svg, .bg-brand--turquoise .icon__toggler:not(.icon__toggler--active):hover svg, .bg-brand--red .icon__toggler:not(.icon__toggler--active):hover svg {
        fill: rgba(247, 245, 240, 0.5);
    }
}

.bg-brand--dark-blue .icon__toggler svg, .bg-brand--yellow .icon__toggler svg {
    fill: rgba(247, 245, 240, 0.5);
}

.bg-brand--dark-blue .icon__toggler:hover svg,
.bg-brand--dark-blue .icon__toggler.icon__toggler--active svg, .bg-brand--yellow .icon__toggler:hover svg,
.bg-brand--yellow .icon__toggler.icon__toggler--active svg {
    fill: #e74536;
}

@media (hover: none) {
    .bg-brand--dark-blue .icon__toggler:not(.icon__toggler--active):hover svg, .bg-brand--yellow .icon__toggler:not(.icon__toggler--active):hover svg {
        fill: rgba(247, 245, 240, 0.5);
    }
}

.list-items {
    overflow: hidden;
    position: relative;
}

    .list-items::after {
        background: #fff;
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        width: 100%;
    }

.bg-brand--blue .list-items::after {
    background: #2175D9;
}

.bg-brand--dark-blue .list-items::after {
    background: #0F1941;
}

.bg-brand--turquoise .list-items::after {
    background: #6BA5B4;
}

.bg-brand--red .list-items::after {
    background: #e74536;
}

.bg-brand--yellow .list-items::after {
    background: #FFB511;
}

.bg-brand--white .list-items::after {
    background: #fff;
}

.bg-brand--off-white .list-items::after {
    background: #F7F5F0;
}

@media (min-width: 941px) {
    .list-items {
        margin-left: auto;
        width: calc((38/43) * 100%);
    }

    .block__content--s .list-items {
        width: 100%;
    }
}

.list-item:first-child {
    margin-top: -30px;
}

.list-item__header {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #2175D9;
    display: inline;
}

@media (min-width: 941px) {
    .list-item__header {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.list-item__header--badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .list-item__header--badge .list-item__link {
        margin-right: 10px;
    }

.list-item__header--favorise {
    margin-right: 10px;
}

.list-item__title:not(.list-item__title--split) .list-item__controls {
    position: absolute;
}

@media (max-width: 940px) {
    .list-item__title:not(.list-item__title--split) {
        position: relative;
    }
}

.list-item__title--split {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list-item .badge {
    margin-top: 3px;
}

.list-item__link {
    position: relative;
}

.list-item__info {
    margin: 30px 0;
}

.list-item .progress-bar {
    margin-top: 65px;
}

.list-item__controls {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    top: -2px;
    right: -10px;
}

    .list-item__controls button {
        cursor: pointer;
        height: 40px;
        width: 40px;
    }

    .list-item__controls .icon {
        color: #2175D9;
        top: 3px;
    }

    .list-item__controls button:hover .icon {
        color: #0F1941;
    }

.list-item__save {
    height: 20px;
    top: 3px;
}

    .list-item__save:focus {
        outline: 0;
    }

.list-item__description {
    margin-top: 30px;
}

.list-item__title + .list-item__description-list {
    margin-top: 30px;
}

.list-item .icon__toggler:hover svg {
    fill: #e74536;
}

@media (hover: none) {
    .list-item .icon__toggler:not(.icon__toggler--active):hover svg {
        fill: #878CA0;
    }
}

.list-item__title + .list-item__meta,
.progress-bar + .list-item__meta {
    margin-top: 20px;
}

.list-item__meta li {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.list-item__feedback {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #F24747;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .list-item__feedback .icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

.list-item--disabled .list-item__link {
    color: #878CA0;
    pointer-events: none;
}

.list-item--disabled .list-item__meta {
    color: #878CA0;
}

.list-item.closable--closed {
    border-bottom: 0 solid transparent;
    -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
    transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
}

    .list-item.closable--closed .button--m,
    .list-item.closable--closed .button--clean:not([data-rs-closable]),
    .list-item.closable--closed .badge,
    .list-item.closable--closed .list-item__description,
    .list-item.closable--closed .list-item__feedback,
    .list-item.closable--closed .list-item__header,
    .list-item.closable--closed .list-item__link,
    .list-item.closable--closed .list-item__meta,
    .list-item.closable--closed .list-item__save {
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

.bg-brand--dark-blue .list-item__link, .bg-brand--dark-blue .list-item__link:active, .bg-brand--dark-blue .list-item__link:visited, .bg-brand--dark-blue .list-item__link:hover {
    color: #6BA5B4;
}

.bg-brand--blue .list-item__link, .bg-brand--blue .list-item__link:active, .bg-brand--blue .list-item__link:visited, .bg-brand--blue .list-item__link:hover,
.bg-brand--turquoise .list-item__link,
.bg-brand--turquoise .list-item__link:active,
.bg-brand--turquoise .list-item__link:visited,
.bg-brand--turquoise .list-item__link:hover,
.bg-brand--red .list-item__link,
.bg-brand--red .list-item__link:active,
.bg-brand--red .list-item__link:visited,
.bg-brand--red .list-item__link:hover {
    color: #F7F5F0;
}

@media (max-width: 940px) {
    .list-item:last-child {
        margin-bottom: -29px;
    }

    .list-item__header + .distance-pin {
        margin-top: 10px;
    }

    .list-item__controls {
        margin-top: -7px;
        position: relative;
        top: 3px;
    }

    .list-item .list-item__info + .button {
        margin-bottom: 30px;
    }

    .list-item__title--control {
        padding-right: 30px;
    }

    .list-item__description-list dd + dt {
        margin-top: 20px;
    }

    .list-item__logo {
        display: none;
    }
}

@media (min-width: 941px) {
    .list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

        .list-item:last-child {
            margin-bottom: -50px;
        }

    .list-item--l .list-item__info {
        margin-top: 50px;
    }

    .list-item--l:first-child {
        margin-top: -50px;
    }

    .list-item--l .list-item__controls {
        top: 50px;
    }

    .list-item__header--badge .list-item__link {
        margin-right: 20px;
    }

    .list-item .badge {
        margin-top: 8px;
    }

    .list-item .progress-bar {
        margin-top: 50px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .list-item__controls, .list-item__logo {
        top: 30px;
    }

    .list-item__controls {
        margin-top: 0;
        position: absolute;
    }

    .list-item__save, .list-item__save .icon,
    .list-item__save svg {
        height: 30px;
        width: 30px;
    }

    .list-item__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
        margin-right: 45px;
        max-width: calc((28/38) * 100%);
    }

        .list-item__info + .button {
            -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
            align-self: flex-end;
            bottom: 50px;
            margin-left: auto;
            position: relative;
        }

        .list-item__info + .list-item__logo {
            margin-left: auto;
            position: inherit;
        }

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

    .list-item__meta {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .list-item__title .list-item__meta,
    .progress-bar + .list-item__meta {
        margin-top: 30px;
    }

    .list-item__meta--row li {
        display: inline-block;
    }

        .list-item__meta--row li:not(:last-child) {
            margin-right: 50px;
        }

    .list-item__description-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .list-item__description-list dd,
        .list-item__description-list dt {
            margin-top: 5px;
        }

        .list-item__description-list dt {
            width: calc((8/28) * 100%);
        }

        .list-item__description-list dd {
            margin-left: auto;
            width: calc((18/28) * 100%);
        }

    .list-item__description {
        margin-top: 30px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

        .list-item__description p:last-child {
            margin-bottom: 0;
        }

    .list-item__logo {
        max-height: 60px;
        max-width: 100px;
        overflow: hidden;
        position: absolute;
        right: 0;
    }

        .list-item__logo img {
            width: 100%;
        }

    .list-item .distance-pin {
        position: absolute;
        right: 0;
        top: 40px;
        z-index: 1;
    }

    .list-item .list-item__header + .distance-pin {
        line-height: 0;
        margin-left: 30px;
    }

    .list-item__feedback {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
}

.list-item--button.list-item--button {
    margin-bottom: 0;
}

.list-item--button .button {
    margin-top: 30px;
}

.link-list--categories .link-list__link {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-list--featured .link-list__link {
    padding-right: 40px;
}

.link-list--featured .icon {
    top: 17px;
}

    .link-list--featured .icon, .link-list--featured .icon:hover {
        color: currentColor;
    }

@media (min-width: 941px) {
    .link-list--featured .link-list__link {
        padding-right: 50px;
    }

    .link-list--featured .icon {
        height: 30px;
        top: 24px;
        width: 30px;
    }
}

.logos__wrapper {
    padding-bottom: 50px;
}

    .logos__wrapper .block__content {
        overflow: hidden;
    }

.logos__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(((10px * 1.5) + 0.8%) * -1);
}

.logos__item {
    margin: 15px 0;
    width: calc((13/28) * 100%);
}

    .logos__item img {
        -webkit-transition: opacity ease, 0.2s ease;
        transition: opacity ease, 0.2s ease;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        height: auto;
        left: 50%;
        max-height: 100%;
        opacity: 0.5;
        padding: 7.5% 15%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto;
    }

    .logos__item a:hover img {
        opacity: 1;
    }

@media (min-width: 941px) {
    .logos__wrapper {
        padding-bottom: 110px;
    }

    .logos__list {
        margin-top: calc(((10px * 3) + 0.95%) * -1);
    }

    .logos__item {
        margin: 25px 0;
        width: calc((13/43) * 100%);
    }

    .logos__list--double {
        margin-top: calc(((10px * 4.25) + 0.95%) * -1);
        width: calc((38/43) * 100%);
    }

        .logos__list--double .logos__item {
            width: calc((18/38) * 100%);
        }
}

.map__gmaps {
    height: 400px;
    width: 100%;
}

@media (min-width: 941px) {
    .map__gmaps {
        height: 600px;
    }
}

.gmaps__control-container {
    bottom: 20px;
    position: absolute;
    right: 20px;
    z-index: 1;
}

.gmaps__button--zoom {
    background-color: #fff;
    border: 1px solid #D7D7D7;
    cursor: pointer;
    line-height: 52px;
    position: relative;
}

    .gmaps__button--zoom, .gmaps__button--zoom::after {
        color: #878CA0;
        height: 51px;
        text-align: center;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        width: 50px;
    }

        .gmaps__button--zoom::after {
            font-size: 32px;
            left: -1px;
            line-height: 47px;
            position: absolute;
            right: 0;
        }

@media (min-width: 941px) {
    .gmaps__button--zoom:hover::after, .gmaps__button--zoom:active::after {
        color: #0F1941;
    }
}

.gmaps__button--zoom-in {
    border-radius: 4px 4px 0 0;
}

    .gmaps__button--zoom-in::after {
        content: '+';
    }

.gmaps__button--zoom-out {
    border-radius: 0 0 4px 4px;
    border-top: none;
}

    .gmaps__button--zoom-out::after {
        background-color: #878CA0;
        content: '';
        display: block;
        height: 2px;
        left: 17px;
        position: relative;
        top: 25px;
        width: 14px;
    }

@media (min-width: 941px) {
    .gmaps__button--zoom-out:hover::after {
        background-color: #0F1941;
    }
}

.popup-bubble {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    background: #fff;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    left: 0;
    opacity: 0;
    padding: 20px 20px;
    position: absolute;
    top: -45px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    visibility: hidden;
    width: 260px;
}

    .popup-bubble::before, .popup-bubble::after {
        background: #fff;
        content: '';
        left: 50%;
        position: absolute;
    }

    .popup-bubble::before {
        border-bottom: 1px solid #D7D7D7;
        border-radius: 4px;
        border-right: 1px solid #D7D7D7;
        height: 20px;
        margin-left: -10px;
        margin-top: -12px;
        top: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 20px;
    }

    .popup-bubble::after {
        bottom: 0;
        height: 10px;
        margin-left: -15px;
        width: 30px;
    }

    .popup-bubble.active {
        opacity: 1;
        visibility: visible;
    }

.popup-bubble__container {
    cursor: auto;
    height: 0;
    position: absolute;
}

.popup-bubble__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.popup-bubble__address {
    margin-top: 10px;
}

.popup-bubble a {
    display: block;
}

.popup-bubble__details-link {
    margin-top: 20px;
}

.meet-the-team .person__name {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
}

@media (min-width: 941px) {
    .meet-the-team {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .meet-the-team::after {
            content: '';
            display: block;
        }

        .meet-the-team::after,
        .meet-the-team .person__profile {
            width: calc((18/58) * 100%);
        }

            .meet-the-team .person__profile:nth-child(-n+3) {
                margin-top: 0;
            }

        .meet-the-team .person__image {
            margin-bottom: 20px;
        }

    @supports (display: grid) {
        .meet-the-team {
            display: grid;
            grid-gap: 80px calc((2/58) * 100%);
            grid-template-columns: repeat(3, 1fr);
        }

            .meet-the-team::after {
                display: none;
            }

            .meet-the-team .person__profile {
                margin-top: 0;
                min-width: 0;
                width: auto;
            }
    }
}

.meta-content {
    padding-bottom: 50px;
    padding-top: 30px;
}

.meta-content__title, .meta-content__section-title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
}

img + .meta-content__title, img + .meta-content__section-title {
    margin-top: 30px;
}

.meta-content .map__gmaps {
    margin-top: 10px;
    height: 200px;
    width: 100%;
}

@media (min-width: 941px) {
    .meta-content .map__gmaps {
        height: 200px;
    }
}

.meta-content__section-title {
    margin-bottom: 20px;
}

.meta-content__description,
.meta-content .contact-details {
    margin-top: 20px;
}

    .meta-content__description,
    .meta-content__description p {
        color: #0F1941;
    }

        .meta-content__description p:last-of-type {
            margin-bottom: 0;
        }

.meta-content .divider:not(:last-child), .meta-content .link-list__item:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.meta-content .divider:last-child, .meta-content .link-list__item:last-child {
    border-bottom: 0;
}

.meta-content .collapsible__link {
    color: #2175D9;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.meta-content .collapsible__trigger--expanded {
    cursor: default;
    pointer-events: none;
}

    .meta-content .collapsible__trigger--expanded .collapsible__link {
        display: none;
    }

@media (max-width: 940px) {
    .meta-content {
        margin-bottom: 50px;
    }

    .block .meta-content {
        margin-top: -50px;
    }
}

@media (min-width: 941px) {
    .meta-content {
        border-radius: 8px;
        margin: 0 auto;
        padding: 50px 50px;
        width: calc((18/58) * 100%);
    }
}

@media (min-width: 941px) and (max-width: 1280px) {
    .meta-content .time-table__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .meta-content .time-table__day {
        padding-right: 0;
    }

    .meta-content .time-table,
    .meta-content .time-table__item + .time-table__item {
        margin-top: 10px;
    }
}

.my-randstad__content-header {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #2175D9;
    margin-bottom: 20px;
}

@media (min-width: 941px) {
    .my-randstad__content-header {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.block--my-randstad .list-item--button.divider, .block--my-randstad .list-item--button.link-list__item {
    border-bottom: none;
}

.block--my-randstad .list-item:last-child {
    margin-bottom: 0;
}

.block--my-randstad .list-items::after {
    background: transparent;
}

.block--my-randstad .block__content.divider, .block--my-randstad .block__content.link-list__item {
    padding-bottom: 30px;
}

@media (min-width: 941px) {
    .my-randstad__content {
        width: calc((28/38) * 100%);
    }

    .block--my-randstad .block__content.divider, .block--my-randstad .block__content.link-list__item {
        padding-bottom: 50px;
    }
}

.notice-action.bg-brand--yellow {
    color: #F7F5F0;
}

.notice-action .notice-action__text, .notice-action .notice-action__text p {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    margin-bottom: 0;
}

@media (max-width: 940px) {
    .notice-action__wrapper {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .notice-action .button {
        margin-top: 30px;
    }

    .notice-action .button-group {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-top: 20px;
    }

        .notice-action .button-group .button {
            margin-top: 10px;
        }
}

@media (min-width: 941px) {
    .notice-action__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .notice-action__text {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: calc((33/58) * 100%);
        position: relative;
        top: 10px;
    }

        .notice-action__text + .button,
        .notice-action__text + .button-group {
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-left: 30px;
        }
}

.notice-confirmed__wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 20px;
}

.notice-confirmed__media {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    width: calc((8/28) * 100%);
}

    .notice-confirmed__media img {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-height: 80px;
        max-width: 80%;
    }

.notice-confirmed__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc((18/28) * 100%);
}

.notice-confirmed__text {
    width: calc((13/18) * 100%);
}

    .notice-confirmed__text p:last-child {
        margin-bottom: 0;
    }

.notice-confirmed__close {
    margin-left: auto;
    text-align: right;
    width: calc((3/18) * 100%);
}

    .notice-confirmed__close button {
        position: relative;
        top: 5px;
    }

.notice-confirmed__text, .notice-confirmed__text p {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .notice-confirmed__text, .notice-confirmed__text p {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

.notice-confirmed.bg-brand--yellow {
    color: #F7F5F0;
}

.notice-confirmed.bg-brand--off-white .icon {
    color: #878CA0;
}

@media (min-width: 941px) {
    .notice-confirmed__wrapper {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .notice-confirmed__media {
        width: calc((8/58) * 100%);
    }

        .notice-confirmed__media img {
            max-height: 100px;
        }

    .notice-confirmed__content {
        width: calc((48/58) * 100%);
    }

    .notice-confirmed__text {
        width: calc((43/48) * 100%);
    }

    .notice-confirmed__close {
        width: calc((3/48) * 100%);
    }

        .notice-confirmed__close button {
            top: 10px;
        }

        .notice-confirmed__close .icon {
            height: 30px;
            width: 30px;
        }
}

.notice-in-page {
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 490px;
    padding: 20px;
}

    .notice-in-page .icon {
        margin-right: 15px;
        min-width: 20px;
        padding-top: 2px;
    }

.notice-in-page__body-copy {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.notice-in-page--negative {
    background: #FEF6F6;
    border: 1px solid #F24747;
}

    .notice-in-page--negative .icon {
        color: #F24747;
    }

.notice-in-page--positive {
    background: #F4FBF8;
    border: 1px solid #31AA74;
}

    .notice-in-page--positive .icon {
        color: #31AA74;
    }

.notice-in-page--informative {
    background: #E8F1FB;
    border: 1px solid #2175D9;
}

    .notice-in-page--informative .icon {
        color: #2175D9;
    }

.notice-text-only__closable {
    -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
    transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
}

.notice-text-only__wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
}

.notice-text-only__content {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .notice-text-only__content .title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
        display: inline-block;
        margin-bottom: 20px;
        max-width: 90%;
    }

@media (min-width: 941px) {
    .notice-text-only__content .title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
}

.notice-text-only__description .description, .notice-text-only__description p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 0;
}

@media (min-width: 941px) {
    .notice-text-only__description .description, .notice-text-only__description p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.notice-text-only__description .button {
    margin-top: 20px;
}

.notice-text-only__close {
    display: inline-block;
    position: absolute;
    right: 0;
}

    .notice-text-only__close .icon {
        height: 35px;
        width: 23px;
    }

@media (min-width: 941px) {
    .notice-text-only__close .icon {
        height: 40px;
        width: 30px;
    }
}

.navigation .logo-randstad {
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 130px;
}

    .navigation .logo-randstad svg {
        height: 19.42px;
        width: 130px;
    }

.navigation__top {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid rgba(247, 245, 240, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    padding-top: 20px;
}

.bg-brand--yellow .navigation__top {
    border-color: rgba(15, 25, 65, 0.3);
}

.bg-brand--off-white .navigation__top,
.bg-brand--white .navigation__top {
    border-color: #D7D7D7;
}

.navigation__service {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.navigation__service-item {
    line-height: 20px;
    margin-left: 10px;
}

.navigation__service .person__initials {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: content-box;
    border: 2px solid #F7F5F0;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    width: 20px;
}

    .navigation__service .person__initials span {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
        color: #F7F5F0;
        left: initial;
        margin-top: -1px;
        position: initial;
        top: initial;
        -webkit-transform: initial;
        transform: initial;
    }

@media (max-width: 940px) {
    .modal--navigation {
        -webkit-transition: visibility;
        transition: visibility;
        visibility: hidden;
        z-index: 3;
    }

        .modal--navigation .bg-brand--off-white {
            opacity: 0;
            -webkit-transition: all 0.2s 0.3s;
            transition: all 0.2s 0.3s;
        }

        .modal--navigation .modal__dialog::before {
            opacity: 0;
        }

        .modal--navigation .modal__header {
            border-bottom: 1px solid transparent;
            height: 70px;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
        }

        .modal--navigation .modal__header--divider-out {
            -webkit-transition: border 0.2s;
            transition: border 0.2s;
        }

        .modal--navigation .modal__header--divider-in {
            -webkit-transition: border 0.2s;
            transition: border 0.2s;
        }

        .modal--navigation .modal__main {
            padding-left: 25px;
            padding-right: 25px;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .modal--navigation .modal__footer {
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .modal--navigation.modal--active {
            -webkit-transition: all;
            transition: all;
            visibility: visible;
            z-index: 2;
        }

            .modal--navigation.modal--active .bg-brand--off-white {
                opacity: 1;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

            .modal--navigation.modal--active .modal__main {
                padding-top: 10px;
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
                -webkit-transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
                transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
                transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s;
                transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
            }

            .modal--navigation.modal--active .modal__footer {
                -webkit-transition: -webkit-transform 0.2s ease-out 0.25s;
                transition: -webkit-transform 0.2s ease-out 0.25s;
                transition: transform 0.2s ease-out 0.25s;
                transition: transform 0.2s ease-out 0.25s, -webkit-transform 0.2s ease-out 0.25s;
            }

    .navigation .logo-randstad {
        position: relative;
        z-index: 7;
    }

        .navigation .logo-randstad svg {
            -webkit-transition: fill 0.25s 0.15s;
            transition: fill 0.25s 0.15s;
        }

    .navigation__service {
        margin-top: 2px;
    }

    .navigation__service-link {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .navigation__service-my-randstad, .navigation__service-my-randstad:hover {
        text-decoration: none;
    }

    .navigation__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 20px;
    }

        .navigation__bottom .breadcrumb,
        .navigation__bottom .language__dropdown {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 25px;
            height: 25px;
            margin-top: 10px;
        }

    .navigation-accordion__sub {
        margin-bottom: 30px;
        margin-top: 3px;
    }

        .navigation-accordion__sub li + li {
            margin-top: 10px;
        }

    .navigation-accordion .collapsible__button {
        cursor: pointer;
    }

    .navigation-accordion .collapsible__trigger, .navigation-accordion .link-list__link {
        cursor: auto;
    }

    .bg-brand--yellow .navigation__service-item .person__initials,
    .bg-brand--off-white .navigation__service-item .person__initials {
        border-color: #0F1941;
    }

        .bg-brand--yellow .navigation__service-item .person__initials span,
        .bg-brand--off-white .navigation__service-item .person__initials span {
            color: #0F1941;
        }

    .bg-brand--yellow .navigation__service-item .favorites__counter,
    .bg-brand--off-white .navigation__service-item .favorites__counter {
        color: #0F1941;
        margin-left: 10px;
    }

    .bg-brand--blue .navigation__service-item .favorites__counter,
    .bg-brand--dark-blue .navigation__service-item .favorites__counter,
    .bg-brand--turquoise .navigation__service-item .favorites__counter,
    .bg-brand--red .navigation__service-item .favorites__counter {
        color: #F7F5F0;
        margin-left: 10px;
    }

    .navigation-accordion__sub {
        margin-bottom: 30px;
        margin-top: 3px;
    }

        .navigation-accordion__sub li + li {
            margin-top: 10px;
        }

    .navigation-accordion .collapsible__button {
        cursor: pointer;
    }

    .navigation-accordion .collapsible__trigger, .navigation-accordion .link-list__link {
        cursor: auto;
    }
}

.header .navigation-accordion .collapsible__button::before, .header .navigation-accordion .collapsible__button::after {
    background: #2175D9;
}

@media (max-width: 940px) {
    .modal-nav-open .navigation {
        position: static;
    }

    .modal-nav-open .modal--navigation .modal__header--divider {
        border-bottom: 1px solid #D7D7D7;
    }

    .modal-nav-open .logo-randstad {
        position: relative;
        z-index: 7;
    }

        .modal-nav-open .logo-randstad svg {
            fill: #2175D9;
            -webkit-transition: fill ease-in 0.25s 0.15s;
            transition: fill ease-in 0.25s 0.15s;
        }
}

@media (min-width: 501px) {
    .navigation__top {
        padding-top: 0;
    }

    .navigation__service-my-randstad {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        max-width: 130px;
    }

        .navigation__service-my-randstad span.hidden-until--l {
            display: none;
        }

        .navigation__service-my-randstad .icon + span,
        .navigation__service-my-randstad .person__initials + span {
            display: inline-block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 10px;
        }

    .modal--navigation .modal__main,
    .modal--navigation .modal__footer {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 941px) {
    .navigation {
        min-height: 166px;
        position: relative;
        z-index: 2;
    }

        .navigation__menu a,
        .navigation__link-bar a,
        .navigation__service a,
        .navigation .breadcrumb a {
            color: rgba(247, 245, 240, 0.5);
            -webkit-transition: color 0.2s;
            transition: color 0.2s;
            text-decoration: none;
        }

    .bg-brand--off-white .navigation__menu a,
    .bg-brand--yellow .navigation__menu a, .bg-brand--off-white
    .navigation__link-bar a,
    .bg-brand--yellow
    .navigation__link-bar a, .bg-brand--off-white
    .navigation__service a,
    .bg-brand--yellow
    .navigation__service a, .bg-brand--off-white
    .navigation .breadcrumb a,
    .bg-brand--yellow
    .navigation .breadcrumb a {
        color: rgba(15, 25, 65, 0.7);
    }

    .navigation__menu a:hover,
    .navigation__link-bar a:hover,
    .navigation__service a:hover,
    .navigation .breadcrumb a:hover,
    .navigation__menu-item--active a,
    .navigation__service-item--active a {
        color: #F7F5F0;
        text-decoration: none;
    }

    .bg-brand--off-white .navigation__menu a:hover,
    .bg-brand--yellow .navigation__menu a:hover, .bg-brand--off-white
    .navigation__link-bar a:hover,
    .bg-brand--yellow
    .navigation__link-bar a:hover, .bg-brand--off-white
    .navigation__service a:hover,
    .bg-brand--yellow
    .navigation__service a:hover, .bg-brand--off-white
    .navigation .breadcrumb a:hover,
    .bg-brand--yellow
    .navigation .breadcrumb a:hover, .bg-brand--off-white
    .navigation__menu-item--active a,
    .bg-brand--yellow
    .navigation__menu-item--active a, .bg-brand--off-white
    .navigation__service-item--active a,
    .bg-brand--yellow
    .navigation__service-item--active a {
        color: #0F1941;
    }

    .navigation__wrapper {
        position: relative;
    }

    .navigation__top {
        height: 121px;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
    }

    .navigation .logo-randstad {
        left: 0;
        position: absolute;
        top: 30px;
        width: 150px;
    }

        .navigation .logo-randstad svg {
            height: 22.41px;
            width: 150px;
        }

    .navigation__menu {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .navigation__menu-item {
        position: relative;
    }

    .navigation__menu li + li {
        margin-left: 25px;
    }

    .navigation__menu--main {
        margin-bottom: -1px;
        overflow: hidden;
    }

        .navigation__menu--main .navigation__menu-item {
            min-height: 45px;
            max-height: 59px;
            padding-bottom: 10px;
        }

        .navigation__menu--main .navigation__menu-item--active::after {
            background: currentColor;
            bottom: 0;
            content: '';
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%;
        }

    .navigation__menu--sub {
        padding: 10px 0;
    }

    .navigation__service {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
        margin-bottom: -1px;
    }

    .navigation__service-item {
        line-height: 60px;
        margin-left: 20px;
        position: relative;
    }

    .navigation__service-item--active a::after {
        background: currentColor;
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }

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

    .navigation__service .icon {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: currentColor;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .navigation__service .icon + span,
        .navigation__service .person__initials + span {
            display: none;
        }

    .navigation__service span.favorites__counter {
        display: block;
        margin-left: 10px;
    }

    .navigation__service .person__initials {
        border-color: currentColor;
        height: 26px;
        width: 26px;
    }

        .navigation__service .person__initials span {
            color: currentColor;
        }

    .navigation__link-bar {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .navigation.navigation--light-from-l {
        color: #F7F5F0;
    }

        .navigation.navigation--light-from-l .logo-randstad svg {
            fill: #F7F5F0;
        }

        .navigation.navigation--light-from-l .navigation__main,
        .navigation.navigation--light-from-l .breadcrumb,
        .navigation.navigation--light-from-l .breadcrumb a:hover,
        [class*='bg-brand-'] .navigation.navigation--light-from-l a:hover {
            color: #F7F5F0;
        }

    [class*='bg-brand-'] .navigation.navigation--light-from-l a {
        color: rgba(247, 245, 240, 0.5);
    }

    .navigation.navigation--light-from-l .navigation__top {
        border-bottom-color: rgba(247, 245, 240, 0.5);
    }

    .navigation.navigation--dark-from-l {
        color: #0F1941;
    }

        .navigation.navigation--dark-from-l .logo-randstad svg {
            fill: #2175D9;
        }

        .navigation.navigation--dark-from-l .navigation__main,
        .navigation.navigation--dark-from-l .breadcrumb,
        .navigation.navigation--dark-from-l .breadcrumb a:hover,
        [class*='bg-brand-'] .navigation.navigation--dark-from-l a:hover {
            color: #0F1941;
        }

        [class*='bg-brand-'] .navigation.navigation--dark-from-l a,
        .navigation.navigation--dark-from-l .breadcrumb__item:before {
            color: rgba(15, 25, 65, 0.7);
        }

        .navigation.navigation--dark-from-l .navigation__top {
            border-bottom-color: rgba(15, 25, 65, 0.7);
        }

    .navigation .popover {
        color: #0F1941;
        position: absolute;
        right: -20px;
        top: 120px;
        z-index: 3;
    }

        .navigation .popover::before {
            right: 16px;
        }
}

@media (min-width: 1281px) {
    .navigation {
        min-height: 135px;
    }

    .navigation__top {
        height: 90px;
    }

    .navigation .logo-randstad {
        position: static;
        margin-bottom: 24px;
        margin-right: 30px;
    }

    .navigation__service-item {
        margin-left: 30px;
    }

    .navigation__service .icon + span,
    .navigation__service .person__initials + span {
        display: block;
        margin-left: 10px;
    }

    .navigation .popover {
        right: 0;
        top: 90px;
    }

        .navigation .popover::before {
            right: 70px;
        }
}

@media (min-width: 1441px) {
    .navigation__top {
        margin: 0 -30px;
        padding: 26px 30px 0;
    }

    .navigation .logo-randstad {
        margin-right: 40px;
        width: 160px;
    }

        .navigation .logo-randstad svg {
            height: 26.89px;
            width: 160px;
        }

    .navigation__menu li + li {
        margin-left: 30px;
    }

    .navigation__link-bar {
        right: 30px;
    }
}

.modal--popup.modal--cookie .modal__header {
    min-height: auto;
}

.modal--popup.modal--cookie .modal__title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .modal--popup.modal--cookie .modal__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px;
    }
}

.modal--popup.modal--cookie .modal__title span {
    color: #FFB511;
}

.modal--popup.modal--cookie .modal__main p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.modal--popup.modal--cookie .modal__footer {
    padding: 10px 25px 0;
}

@media (max-width: 940px) {
    .modal--popup.modal--cookie .modal__header {
        padding: 30px 25px 10px;
    }

    .modal--popup.modal--cookie .modal__main {
        overflow-y: visible;
        padding: 0 25px 160px;
    }

    .modal--popup.modal--cookie .modal__footer .button-group {
        width: 100%;
    }

        .modal--popup.modal--cookie .modal__footer .button-group .button {
            width: 100%;
        }

        .modal--popup.modal--cookie .modal__footer .button-group .button-group .button--filled {
            margin-bottom: 5px;
        }
}

@media (min-width: 941px) {
    .modal--popup.modal--cookie .modal__header {
        padding: 30px 30px 20px;
    }

    .modal--popup.modal--cookie .modal__dialog {
        width: 550px;
    }

    .modal--popup.modal--cookie .modal__footer {
        margin: 30px 0;
        padding: 0 30px 0;
    }
}

.modal {
    display: block;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
    width: 100%;
    z-index: 5;
}

.modal--active {
    pointer-events: auto;
    visibility: visible;
}

.modal__dialog {
    position: relative;
    z-index: 1;
}

    .modal__dialog::before, .modal__dialog:not([class*='bg-brand--']) {
        background: transparent;
    }

    .modal__dialog::before {
        content: '';
        height: 100%;
        position: absolute;
        opacity: 0;
        top: 0;
        width: 100%;
        z-index: -1;
    }

.modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 60px;
    padding: 25px 25px;
    position: relative;
    z-index: 2;
}

    .modal__header:not(.modal__header--divider-in) {
        border-bottom: 1px solid transparent;
    }

.modal__header--divider-in, .modal__header--divider-out {
    -webkit-transition: border 0.2s 0s;
    transition: border 0.2s 0s;
}

.modal__header .modal__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    -webkit-transition: 0.1s ease;
    transition: 0.1s ease;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.modal__close {
    margin-left: 30px;
}

    .modal__close svg {
        color: #2175D9;
    }

.modal__dialog.bg-brand--dark-blue .modal__close svg, .modal__dialog.bg-brand--red .modal__close svg, .modal__dialog.bg-brand--turquoise .modal__close svg, .modal__dialog.bg-brand--blue .modal__close svg {
    color: #F7F5F0;
}

.modal__dialog.bg-brand--yellow .modal__close svg {
    color: #0F1941;
}

.modal__main {
    height: calc(100vh - 60px);
    position: relative;
    -webkit-overflow-scrolling: touch;
}

    .modal__main p:last-child {
        margin-bottom: 0;
    }

.modal__footer {
    background: inherit;
    padding: 20px 25px;
    width: 100%;
}

.modal .form__header {
    margin-bottom: 20px;
}

.modal .form-group + .form-group {
    margin-top: 15px;
}

.modal .form-group + .button {
    margin-top: 25px;
}

@media (max-width: 940px) {
    .modal__dialog {
        height: 100%;
    }

    .modal:not(.modal--popup):not(.modal--navigation) .modal__header {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition: 0s;
        transition: 0s;
    }

    .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in {
        min-height: 50px;
        padding: 10px 25px 10px;
    }

        .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__title {
            font-size: 20px;
            letter-spacing: 0;
            line-height: 30px;
            -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
        }

        .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close {
            height: 30px;
            margin-top: -4px;
        }

            .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close .icon {
                width: 15px;
            }

    .modal.modal--active:not(.modal--popup):not(.modal--navigation) .modal__header {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 0.7s;
        transition: -webkit-transform 0.7s;
        transition: transform 0.7s;
        transition: transform 0.7s, -webkit-transform 0.7s;
    }

    .modal.modal--active:not(.modal--popup) .modal__footer {
        background: #F7F5F0;
    }

    .modal__close {
        height: 40px;
        margin-right: -10px;
        cursor: none;
        margin-top: -6px;
        position: relative;
        width: 40px;
    }

        .modal__close .icon {
            top: 10px;
        }

    .modal__main, .modal__footer {
        opacity: 0;
    }

    .modal__main {
        overflow-y: scroll;
        padding: 0 25px 230px;
    }

    .modal__footer {
        bottom: 0;
        position: absolute;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    .modal .modal__dialog::before {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .modal .modal__main {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

        .modal .modal__main::after {
            -webkit-transition: 0.3s 0.1s;
            transition: 0.3s 0.1s;
        }

    .modal .modal__footer {
        opacity: 0;
        -webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
        transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.2s 0.1s;
        transition: transform 0.3s, opacity 0.2s 0.1s, -webkit-transform 0.3s;
    }

    .modal--active {
        visibility: visible;
    }

        .modal--active .modal__dialog::before {
            opacity: 1;
            background: #F7F5F0;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .modal--active .modal__main {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition-duration: 0.9s;
            transition-duration: 0.9s;
        }

            .modal--active .modal__main::after {
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
                -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }

        .modal--active .modal__footer {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
            transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
            transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
            transition: transform 0.2s 0.7s, opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
        }
}

@media (min-width: 501px) {
    .modal:not(.modal--cookie)__header, .modal:not(.modal--cookie)__main {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 941px) {
    .modal {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        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;
        opacity: 0;
        padding: 50px 0;
        -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
        transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
        z-index: 3;
    }

    .modal--active {
        background: rgba(15, 25, 65, 0.7);
        opacity: 1;
    }

    .modal__dialog {
        border-radius: 8px;
        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;
        height: auto;
        margin-top: -20px;
        max-height: 100%;
        opacity: 0;
        overflow: hidden;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        width: 450px;
    }

        .modal__dialog:not([class*='bg-brand--']) {
            background: #F7F5F0;
        }

    .modal--active .modal__dialog {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .modal__close {
        height: 30px;
    }

    .modal__header, .modal.form__header {
        padding-top: 30px;
    }

    .modal__header, .modal__main {
        padding-left: 30px;
        padding-right: 30px;
    }

    .modal__footer {
        padding: 30px 30px;
        position: static;
    }

    .modal__main {
        height: 100%;
        overflow-y: auto;
    }

    .modal__main--overflow {
        border-bottom: 0;
    }

        .modal__main--overflow::after {
            content: '';
            display: block;
            padding-bottom: 30px;
        }
}

html.modal-open body {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal__overlay {
    background: #0F1941;
    bottom: 0;
    left: 0;
    max-height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    -webkit-transition: opacity 0.2s, max-height 0s 0.2s;
    transition: opacity 0.2s, max-height 0s 0.2s;
    top: 0;
    z-index: 2;
}

.modal__overlay--active {
    max-height: 100%;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s, max-height 0s 0s;
    transition: opacity 0.2s, max-height 0s 0s;
}

    .modal__overlay--active.modal__overlay--light {
        opacity: 0.3;
    }

.modal--media {
    background: transparent;
    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;
    opacity: 0;
    overflow-y: auto;
    -webkit-transition: background-color 0.2s, opacity 0.2s, visibility 0.2s;
    transition: background-color 0.2s, opacity 0.2s, visibility 0.2s;
}

    .modal--media.modal--active {
        background: rgba(15, 25, 65, 0.7);
        opacity: 1;
    }

    .modal--media .modal__aspect-ratio {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .modal--media .modal__close {
        position: fixed;
        right: 30px;
        top: 20px;
        z-index: 1;
    }

        .modal--media .modal__close,
        .modal--media .modal__close .icon {
            height: 20px;
            width: 20px;
        }

            .modal--media .modal__close .icon {
                right: 0;
            }

            .modal--media .modal__close svg {
                fill: #F7F5F0;
            }

    .modal--media .modal__media {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

@media (min-width: 941px) {
    .modal--media .modal__close {
        right: 30px;
        top: 30px;
    }

        .modal--media .modal__close,
        .modal--media .modal__close .icon {
            height: 30px;
            width: 30px;
        }
}

@media (min-width: 177.778vh) {
    .modal--media .modal__aspect-ratio--16-9 {
        width: calc(100vh * 16 / 9);
    }
}

@media (min-width: 133.333vh) {
    .modal--media .modal__aspect-ratio--4-3 {
        width: calc(100vh * 4 / 3);
    }
}

@media (min-width: 150vh) {
    .modal--media .modal__aspect-ratio--3-2 {
        width: calc(100vh * 3 / 2);
    }
}

.popover {
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
    width: 385px;
    z-index: 3;
}

    .popover::before {
        border-radius: 4px;
        background: #F7F5F0;
        content: '';
        height: 25px;
        position: absolute;
        right: 70px;
        top: -5px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 25px;
    }

.popover--arrow-right::before {
    right: 35px;
}

.popover--arrow-center::before {
    left: 47%;
}

.popover--arrow-left::before {
    left: 35px;
}

.popover__dialog {
    max-height: 0;
    overflow: hidden;
    padding: 30px;
    -webkit-transition: max-height 0s 0.2s;
    transition: max-height 0s 0.2s;
}

.popover--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

    .popover--active .popover__dialog {
        max-height: 600px;
        -webkit-transition: max-height 0s 0s;
        transition: max-height 0s 0s;
    }

.popover__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #0F1941;
}

.popover__message {
    margin-top: 10px;
}

    .popover__message p:last-child {
        margin: 0;
    }

.popover__description, .popover__description p {
    margin-bottom: 20px;
}

.popover__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-bottom: 30px;
}

    .popover__action .button {
        margin-right: 20px;
    }

.popover__footer {
    margin-top: 20px;
}

    .popover__footer p {
        margin-bottom: 0;
    }

.popover .form-group {
    margin-top: 30px;
}

.popover .form-group__input + .form-group__input {
    margin-top: 10px;
}

.popover .link-list {
    margin-top: 30px;
}

.popover .link-list__item {
    width: 100%;
}

    .popover .link-list__item:first-child {
        border-top: 1px solid #D7D7D7;
    }

.popover .link-list__link {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 12px 0 17px;
}

.popover--s {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    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;
    position: relative;
}

    .popover--s .icon__toggler {
        height: 20px;
    }

    .popover--s .icon {
        cursor: pointer;
        display: inline-block;
        position: relative;
    }

        .popover--s .icon svg {
            fill: #2175D9;
        }

    .popover--s .popover {
        background: #fff;
        border: 1px solid #D7D7D7;
        max-width: 400px;
        min-width: 100px;
        position: absolute;
        text-align: left;
        top: 25px;
        width: auto;
    }

        .popover--s .popover::before {
            display: none;
        }

        .popover--s .popover .popover__dialog {
            padding: 10px 0;
        }

            .popover--s .popover .popover__dialog li a {
                display: inline-block;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                padding: 5px 15px;
                text-decoration: none;
            }

                .popover--s .popover .popover__dialog li a:hover {
                    background: #E8F1FB;
                }

    .popover--s.align-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
    }

    .popover--s.align-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.modal--popup.modal--active {
    background: rgba(15, 25, 65, 0.3);
}

.modal--popup .modal__dialog::before {
    display: none;
    -webkit-transition: none;
    transition: none;
}

.modal--popup .modal__header {
    opacity: 1;
}

.modal--popup .modal__footer {
    margin-top: -20px;
}

@media (max-width: 940px) {
    .modal--popup {
        background: transparent;
        -webkit-transition: background 0.2s 0.3s, visibility 0s 0.5s;
        transition: background 0.2s 0.3s, visibility 0s 0.5s;
    }

        .modal--popup .modal__main {
            background: transparent;
            height: auto;
            max-height: calc(75vh - 60px);
            opacity: 1;
        }

            .modal--popup .modal__main::after {
                display: none;
            }

        .modal--popup .modal__dialog, .modal--popup .modal__main, .modal--popup .modal__footer {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
        }

        .modal--popup .modal__main, .modal--popup .modal__footer {
            -webkit-transition: -webkit-transform 0s 0.5s;
            transition: -webkit-transform 0s 0.5s;
            transition: transform 0s 0.5s;
            transition: transform 0s 0.5s, -webkit-transform 0s 0.5s;
        }

        .modal--popup .modal__dialog {
            bottom: 0;
            height: auto;
            max-height: 75%;
            position: absolute;
            -webkit-transition: -webkit-transform 0.3s 0.2s;
            transition: -webkit-transform 0.3s 0.2s;
            transition: transform 0.3s 0.2s;
            transition: transform 0.3s 0.2s, -webkit-transform 0.3s 0.2s;
            width: 100%;
        }

        .modal--popup .modal__footer {
            margin-top: 0;
            opacity: 1;
            /*position: static;*/
        }

        .modal--popup.modal--active {
            -webkit-transition: background 0.2s;
            transition: background 0.2s;
        }

            .modal--popup.modal--active .modal__main, .modal--popup.modal--active .modal__dialog, .modal--popup.modal--active .modal__footer {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            .modal--popup.modal--active .modal__main, .modal--popup.modal--active .modal__footer {
                -webkit-transition: -webkit-transform 0.2s 0.3s;
                transition: -webkit-transform 0.2s 0.3s;
                transition: transform 0.2s 0.3s;
                transition: transform 0.2s 0.3s, -webkit-transform 0.2s 0.3s;
            }

        .modal--popup.poll .modal__main {
            padding-bottom: 90px;
        }

        .modal--popup.modal--active .modal__main {
            -webkit-transition-delay: inherit;
            transition-delay: inherit;
        }

            .modal--popup.modal--active .modal__main::after {
                -webkit-transition-delay: inherit;
                transition-delay: inherit;
            }
}

@media (min-width: 941px) {
    .modal--popup .modal__header {
        padding-top: 30px;
    }

    .modal--popup .modal__dialog {
        width: 400px;
    }

    .modal--popup .modal__footer.divider, .modal--popup .modal__footer.link-list__item {
        margin-top: 0;
    }

    .modal--popup.modal--corner {
        bottom: 0;
        height: auto;
        padding: 0;
        right: 30px;
        top: auto;
        width: auto;
    }

        .modal--popup.modal--corner.modal--active {
            background: none;
        }

        .modal--popup.modal--corner .modal__dialog {
            border: 1px solid #F7F5F0;
            border-bottom: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            margin-top: 0;
            max-height: calc(100vh - 80px);
        }

            .modal--popup.modal--corner .modal__dialog:not([class*='bg-brand--']), .modal--popup.modal--corner .modal__dialog.bg-brand--white, .modal--popup.modal--corner .modal__dialog.bg-brand--off-white {
                border-color: #D7D7D7;
            }

                .modal--popup.modal--corner .modal__dialog:not([class*='bg-brand--']) .modal__title,
                .modal--popup.modal--corner .modal__dialog:not([class*='bg-brand--']) .modal__close {
                    color: #2175D9;
                }

    .modal--popup .poll {
        margin-bottom: 0;
    }

    .modal--popup .modal__main:not(.modal__main--overflow) .poll {
        margin-bottom: 30px;
    }
}

.promotional-text p {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 941px) {
    .promotional-text p {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px;
    }
}

.promotional-text p:last-of-type {
    margin-bottom: 0;
}

.promotional-text.bg-brand--yellow p {
    color: #F7F5F0;
}

.promotional-text .button {
    margin-top: 30px;
}

@media (max-width: 940px) {
    .secondary-search .banner__media {
        padding: 50px 50px 0;
    }

    .secondary-search .form-groups--row {
        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;
    }

        .secondary-search .form-groups--row button {
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
            -ms-flex-order: 4;
            order: 4;
            width: 100%;
        }

        .secondary-search .form-groups--row .content-block__form.form-group__input {
            margin-bottom: 10px;
            margin-top: 20px;
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
        }
}

.secondary-search.bg-brand--blue .selection-control input:checked + .selection-control__control {
    background: #0F1941;
    border-color: #0F1941;
}

@media (min-width: 941px) {
    .secondary-search .banner__wrapper {
        position: relative;
    }

    .secondary-search .banner__media {
        height: 100%;
        position: absolute;
        right: 100px;
        width: calc((18/58) * 100%);
    }

    .secondary-search .banner__content {
        width: calc((48/58) * 100%);
    }

    .secondary-search .form-groups--row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .secondary-search .form-groups--row button {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -ms-flex-order: 3;
            order: 3;
        }

        .secondary-search .form-groups--row .form-group__input {
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
            -ms-flex-order: 4;
            order: 4;
            width: 100%;
        }
}

@media (min-width: 1281px) {
    .secondary-search .banner__wrapper {
        position: static;
    }

    .secondary-search .banner__media {
        height: auto;
        position: static;
        width: calc((18/58) * 100%);
    }

    .secondary-search .banner__content {
        width: calc((33/58) * 100%);
    }
}

@media (min-width: 941px) {
    .secondary-search--l .banner__content {
        width: calc((48/58) * 100%);
    }

    .secondary-search--l .banner__media {
        display: none;
    }
}

.share-price + .button {
    margin-top: 30px;
}

@media (min-width: 941px) {
    .share-price + .button {
        float: right;
    }
}

.show-more {
    text-align: center;
}

.show-more__indicator {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
}

.section-separator {
    color: #878CA0;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.section-separator--border:before {
    content: '';
    background: #D7D7D7;
    height: 1px;
    left: 50%;
    position: absolute;
    top: calc(50% + 1px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.section-separator--border span {
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.bg-brand--white .section-separator--border span {
    background: #fff;
}

.bg-brand--off-white .section-separator--border span {
    background: #F7F5F0;
}

@media (min-width: 501px) {
    .split-view--photo .media-block {
        height: 250px;
        overflow: hidden;
        position: relative;
    }
}

@media (min-width: 941px) {
    .split-view--photo .media-block {
        height: auto;
        position: absolute;
    }
}

@media (max-width: 500px) {
    .split-view--photo .media-block img {
        height: auto;
        position: static;
        -webkit-transform: none;
        transform: none;
    }
}

@media (min-width: 501px) {
    .split-view--photo .media-block img {
        position: absolute;
    }
}

@media (min-width: 941px) {
    .split-view--photo .media-block img {
        bottom: auto;
    }
}

@media (max-width: 940px) {
    .video--boxed-large {
        padding-top: 50px;
    }
}

@media (min-width: 941px) {
    .video--boxed-large {
        padding-bottom: 130px;
        padding-top: 130px;
    }

        .video--boxed-large .banner__wrapper {
            position: relative;
        }

        .video--boxed-large .banner__content {
            padding-bottom: 80px;
            padding-top: 80px;
        }
}

@media (max-width: 940px) {
    .blog-article .block + .block,
    .blog-article__side + .blog-article__main {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .blog-article__main {
        border-radius: 4px;
    }
}

@media (min-width: 941px) {
    .blog-article {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 80px;
        padding-top: 80px;
    }

        .blog-article .block + .block {
            margin-top: 50px;
        }

    .blog-article__main {
        width: calc((33/58) * 100%);
    }

    .blog-article__side {
        margin-left: auto;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc((18/58) * 100%);
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: '';
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

    .pswp * {
        box-sizing: border-box;
    }

    .pswp img {
        max-width: none;
    }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0F1941;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 300ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 15px;
    left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline;
    }

    /* Dashboard Cards */
.my-environment-container .dashboard-card.cards__item {
    background: var(--color-brand-primary-tint-7);
}

.my-environment-container .dashboard-card--top, .my-environment-container .dashboard-card--bottom {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
}

.my-environment-container .dashboard-card--middle {
    color: var(--color-brand-primary);
}

.my-environment-container .dashboard-card .cards__link {
    color: var(--color-brand-secondary);
}

.dashboard-card.cards__item {
    background: var(--color-brand-primary-tint-7);
}

.dashboard-card--top, .dashboard-card--bottom {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
}

.dashboard-card--middle {
    color: var(--color-brand-primary);
}

.dashboard-card .cards__link {
    color: var(--color-brand-secondary);
}

.my-environment-item__card {
    background: var(--color-brand-primary-tint-7);
}

    .my-environment-item__card .my-environment-header {
        color: var(--color-brand-secondary);
    }

.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(2, calc((13/28) * 100%));
    grid-gap: 80px calc((2/28) * 100%);
    row-gap: 20px;
}

    .dashboard-cards .dashboard-card {
        border-radius: 8px;
        overflow: hidden;
        overflow-wrap: break-word;
        width: auto;
    }

    .dashboard-cards .dashboard-card--top {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }

@media (min-width: 941px) {
    .dashboard-cards .dashboard-card--top {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
    }
}

.dashboard-cards .dashboard-card--middle {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px;
    overflow: hidden;
}

@media (min-width: 941px) {
    .dashboard-cards .dashboard-card--middle {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px;
    }
}

.dashboard-cards .dashboard-card--bottom {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}

@media (min-width: 941px) {
    .dashboard-cards .dashboard-card--bottom {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 25px;
    }
}

.dashboard-cards .dashboard-card--profile {
    z-index: 0;
}

.dashboard-cards .dashboard-card.cards__item {
    min-height: unset;
}

@media (min-width: 941px) {
    .dashboard-cards {
        grid-template-columns: repeat(4, calc((13/58) * 100%));
        grid-gap: 80px calc((2/58) * 100%);
    }
}

@media only screen and (min-width: 941px) and (max-width: 1280px) {
    .dashboard-cards .dashboard-card--profile .dashboard-card--middle {
        margin: 25px 0;
    }
}

@media (min-width: 1281px) {
    .dashboard-cards .dashboard-card--profile .dashboard-card--middle {
        margin: 25px 0 10px;
    }

    .dashboard-cards .dashboard-card--profile .rating-readonly,
    .dashboard-cards .dashboard-card--profile .rating-readonly__icon--wrapper,
    .dashboard-cards .dashboard-card--profile .icon--filled {
        height: 30px;
    }

        .dashboard-cards .dashboard-card--profile .rating-readonly.rating--m .rating-readonly__icon--wrapper,
        .dashboard-cards .dashboard-card--profile .rating-readonly.rating--m .icon--filled:before {
            width: 160px;
        }

    .dashboard-cards .dashboard-card--profile .icon--filled {
        background-size: 40px 30px;
    }

        .dashboard-cards .dashboard-card--profile .icon--filled:before {
            background-size: 40px 30px;
            width: 160px;
        }

    .dashboard-cards .dashboard-card--profile .dashboard-card--bottom {
        padding-top: 20px;
    }
}

.dashboard-card--middle .icon--filled:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='20' height='20' fill='%232175d9'%3E%3Cpath d='M29.951 10.817a1.002 1.002 0 00-.808-.68l-9.153-1.33L15.896.511c-.336-.683-1.457-.683-1.793 0L10.01 8.806l-9.154 1.33a1 1 0 00-.554 1.706L6.926 18.3l-1.564 9.117a1 1 0 001.451 1.054L15 24.167l8.186 4.304a1.006 1.006 0 001.054-.076 1 1 0 00.398-.978L23.074 18.3l6.624-6.458a1 1 0 00.253-1.025'/%3E%3C/svg%3E%0A");
    opacity: 0.3;
    background-size: 30px 20px;
}

.dashboard-card.cards__item {
    background: var(--color-brand-primary-tint-7);
}

.dashboard-card--top, .dashboard-card--bottom {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
}

.dashboard-card--middle {
    color: var(--color-brand-primary);
}

.dashboard-card .cards__link {
    color: var(--color-brand-secondary);
}

.dashboard-card.cards__item {
    background: var(--color-brand-primary-tint-7);
}

.dashboard-card--top, .dashboard-card--bottom {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
}

.dashboard-card--middle {
    color: var(--color-brand-primary);
}

.dashboard-card .cards__link {
    color: var(--color-brand-secondary);
}

.dashboard-card.cards__item {
    background: var(--color-brand-primary-tint-7);
}

.dashboard-card--top, .dashboard-card--bottom {
    color: var(--color-brand-secondary-tint-80);
    fill: var(--color-brand-secondary-tint-80);
}

.dashboard-card--middle {
    color: var(--color-brand-primary);
}

.dashboard-card .cards__link {
    color: var(--color-brand-secondary);
}

/* Positions etc */

.m-xxs {
    margin: 5px;
}

.m-xs {
    margin: 10px;
}

.m-s {
    margin: 20px;
}

.m-m {
    margin: 30px;
}

.m-l {
    margin: 50px;
}

.m-xl {
    margin: 80px;
}

.m-xxl {
    margin: 130px;
}

.mb-xxs {
    margin-bottom: 5px;
}

.mb-xs {
    margin-bottom: 10px;
}

.mb-s {
    margin-bottom: 20px;
}

.mb-m {
    margin-bottom: 30px;
}

.mb-l {
    margin-bottom: 50px;
}

.mb-xl {
    margin-bottom: 80px;
}

.mb-xxl {
    margin-bottom: 130px;
}

.ml-xxs {
    margin-left: 5px;
}

.ml-xs {
    margin-left: 10px;
}

.ml-s {
    margin-left: 20px;
}

.ml-m {
    margin-left: 30px;
}

.ml-l {
    margin-left: 50px;
}

.ml-xl {
    margin-left: 80px;
}

.ml-xxl {
    margin-left: 130px;
}

.mr-xxs {
    margin-right: 5px;
}

.mr-xs {
    margin-right: 10px;
}

.mr-s {
    margin-right: 20px;
}

.mr-m {
    margin-right: 30px;
}

.mr-l {
    margin-right: 50px;
}

.mr-xl {
    margin-right: 80px;
}

.mr-xxl {
    margin-right: 130px;
}

.mt-xxs {
    margin-top: 5px;
}

.mt-xs {
    margin-top: 10px;
}

.mt-s {
    margin-top: 20px;
}

.mt-m {
    margin-top: 30px;
}

.mt-l {
    margin-top: 50px;
}

.mt-xl {
    margin-top: 80px;
}

.mt-xxl {
    margin-top: 130px;
}

.mt-15 {
    margin-top: 15px;
}

.mx-xxs {
    margin-left: 5px;
    margin-right: 5px;
}

.mx-xs {
    margin-left: 10px;
    margin-right: 10px;
}

.mx-s {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-m {
    margin-left: 30px;
    margin-right: 30px;
}

.mx-l {
    margin-left: 50px;
    margin-right: 50px;
}

.mx-xl {
    margin-left: 80px;
    margin-right: 80px;
}

.mx-xxl {
    margin-left: 130px;
    margin-right: 130px;
}

.my-xxs {
    margin-bottom: 5px;
    margin-top: 5px;
}

.my-xs {
    margin-bottom: 10px;
    margin-top: 10px;
}

.my-s {
    margin-bottom: 20px;
    margin-top: 20px;
}

.my-m {
    margin-bottom: 30px;
    margin-top: 30px;
}

.my-l {
    margin-bottom: 50px;
    margin-top: 50px;
}

.my-xl {
    margin-bottom: 80px;
    margin-top: 80px;
}

.my-xxl {
    margin-bottom: 130px;
    margin-top: 130px;
}

.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-s {
    padding: 20px;
}

.p-m {
    padding: 30px;
}

.p-l {
    padding: 50px;
}

.p-xl {
    padding: 80px;
}

.p-xxl {
    padding: 130px;
}

.p-15 {
    padding: 15px;
}

.pb-xxs {
    padding-bottom: 5px;
}

.pb-xs {
    padding-bottom: 10px;
}

.pb-s {
    padding-bottom: 20px;
}

.pb-m {
    padding-bottom: 30px;
}

.pb-l {
    padding-bottom: 50px;
}

.pb-xl {
    padding-bottom: 80px;
}

.pb-xxl {
    padding-bottom: 130px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pl-xxs {
    padding-left: 5px;
}

.pl-xs {
    padding-left: 10px;
}

.pl-s {
    padding-left: 20px;
}

.pl-m {
    padding-left: 30px;
}

.pl-l {
    padding-left: 50px;
}

.pl-xl {
    padding-left: 80px;
}

.pl-xxl {
    padding-left: 130px;
}

.pl-25 {
    padding-left: 25px;
}

.pr-xxs {
    padding-right: 5px;
}

.pr-xs {
    padding-right: 10px;
}

.pr-s {
    padding-right: 20px;
}

.pr-m {
    padding-right: 30px;
}

.pr-l {
    padding-right: 50px;
}

.pr-xl {
    padding-right: 80px;
}

.pr-xxl {
    padding-right: 130px;
}

.pt-xxs {
    padding-top: 5px;
}

.pt-xs {
    padding-top: 10px;
}

.pt-s {
    padding-top: 20px;
}

.pt-m {
    padding-top: 30px;
}

.pt-l {
    padding-top: 50px;
}

.pt-xl {
    padding-top: 80px;
}

.pt-xxl {
    padding-top: 130px;
}

.pt-15 {
    padding-top: 15px;
}

.px-xxs {
    padding-left: 5px;
    padding-right: 5px;
}

.px-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.px-s {
    padding-left: 20px;
    padding-right: 20px;
}

.px-m {
    padding-left: 30px;
    padding-right: 30px;
}

.px-l {
    padding-left: 50px;
    padding-right: 50px;
}

.px-xl {
    padding-left: 80px;
    padding-right: 80px;
}

.px-xxl {
    padding-left: 130px;
    padding-right: 130px;
}

.py-xxs {
    padding-bottom: 5px;
    padding-top: 5px;
}

.py-xs {
    padding-bottom: 10px;
    padding-top: 10px;
}

.py-s {
    padding-bottom: 20px;
    padding-top: 20px;
}

.py-m {
    padding-bottom: 30px;
    padding-top: 30px;
}

.py-l {
    padding-bottom: 50px;
    padding-top: 50px;
}

.py-xl {
    padding-bottom: 80px;
    padding-top: 80px;
}

.py-xxl {
    padding-bottom: 130px;
    padding-top: 130px;
}

.py-15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

/* Variables / Color tints */

:root {
    /* Brand Colors */
    --color-brand-primary: #2175d9;
    --color-brand-secondary: #0f1941;
    --color-brand-tertiary: #f7f5f0;
    --color-brand-quaternary: #6ba5b4;
    --color-brand-quinary: #e74536;
    --color-brand-senary: #ffb511;
    /* Tint Colors */
    --color-brand-primary-tint-80: #4d91e1;
    --color-brand-primary-tint-7: #ecf3fc;
    --color-brand-secondary-tint-80: #3c4464;
    --color-brand-secondary-tint-60: #6c738d;
    --color-brand-tertiary-tint-80: #d7d7d7;
    /* Shade Colors */
    --color-brand-primary-shade-130: #175197;
    --color-brand-secondary-shade-180: #03050d;
    --color-brand-tertiary-shade-110: #dedcd8;
    /* Grays */
    --color-white: #ffffff;
    --color-gray-20: #d7d7d7;
    --color-gray-10: #f7f7f7;
    /* UI Colors */
    --color-ui-negative: #e00f0f;
    --color-ui-negative-5: #fdf3f3;
    --color-ui-positive: #257f56;
    --color-ui-positive-5: #f4f8f6;
    --color-ui-warning: #e9a204;
    --color-ui-warning-10: #fcf5e5;
    /* Alpha Colors */
    --color-brand-primary-alpha-10: rgba(33, 117, 217, 0.1);
    --color-brand-primary-alpha-30: rgba(33, 117, 217, 0.3);
    --color-brand-secondary-alpha-10: rgba(15, 25, 65, 0.1);
    --color-brand-secondary-alpha-30: rgba(15, 25, 65, 0.3);
    --color-brand-secondary-alpha-70: rgba(15, 25, 65, 0.7);
    --color-white-alpha-10: rgba(255, 255, 255, 0.1);
    --color-white-alpha-30: rgba(255, 255, 255, 0.3);
    --color-white-alpha-50: rgba(255, 255, 255, 0.5);
}

/* Google Maps */
.map__gmaps {
    height: 400px;
    width: 100%;
}

@media (min-width: 941px) {
    .map__gmaps {
        height: 600px;
    }
}