@keyframes a {
    0% {
        background-color: transparent
    }
    to {
        background-color: rgba(0, 0, 0, .75)
    }
}

@keyframes b {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes c {
    0%, 33.333% {
        transform: translateY(20%);
        opacity: 0;
        visibility: visible
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes d {
    0% {
        transform: translateY(0);
        visibility: visible
    }
    to {
        transform: translateY(20%)
    }
}

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

::-moz-selection {
    background: #41a7e9;
    text-shadow: none
}

::selection {
    background: #41a7e9;
    text-shadow: none
}

::-webkit-input-placeholder {
    color: #505050
}

:-ms-input-placeholder {
    color: #505050
}

::placeholder {
    color: #505050
}

::-moz-placeholder {
    opacity: 1
}

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

[type=search]::-ms-clear, [type=text]::-ms-clear, input::-ms-clear {
    display: none
}

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration, input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

svg:not(:root) {
    overflow: hidden
}

main {
    display: block
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

figure {
    margin-right: 0;
    margin-left: 0
}

[hidden] {
    display: none !important
}

/*! This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com */
@font-face {
    font-family: DIN Next LT W05;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/DIN-Next-LT-W05-Light.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Light.woff) format("woff")
}

@font-face {
    font-family: DIN Next LT W05;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DIN-Next-LT-W05-Regular.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Regular.woff) format("woff")
}

@font-face {
    font-family: DIN Next LT W05;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/DIN-Next-LT-W05-Italic.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Italic.woff) format("woff")
}

@font-face {
    font-family: DIN Next LT W05;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/DIN-Next-LT-W05-Medium.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Medium.woff) format("woff")
}

@font-face {
    font-family: DIN Next LT W05;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DIN-Next-LT-W05-Bold.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Bold.woff) format("woff")
}

@font-face {
    font-family: DIN Next LT W05;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/DIN-Next-LT-W05-Bold-Italic.woff2) format("woff2"), url(../fonts/DIN-Next-LT-W05-Bold-Italic.woff) format("woff")
}

html {
    min-height: 100%;
    background-color: #4c4c4c;
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body, html {
    display: flex;
    flex-direction: column
}

body {
    font-size: .875rem;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
    position: relative;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 0;
    background-color: #e7eef2;
    color: #333;
    font-family: DIN Next LT W05, sans-serif;
    box-sizing: border-box;
    overflow-x: hidden
}

@media (min-width: 768px), print {
    body {
        font-size: 1rem;
        line-height: 1.5
    }
}

body:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #4c4c4c;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MDAgNzAwIj48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMTc5IDc3LjhjLTIgMi00IDYuNy03LjUgMTcuMy0yLjYgNy45LTQyLjIgMTI5LjMtODguMSAyNjkuOEMzMCA1MjguMi4xIDYyMS4yLjQgNjIyLjZjLjQgMS4zIDEuOSAyLjYgMy43IDMuMyAyLjMuOCA3NSAxLjEgMjU3LjEgMS4xIDI3OC45IDAgMjU4LjkuNSAyNjItNi4xIDIuMi00LjUgMTc2LjgtNTM5IDE3Ni44LTU0MSAwLS45LS44LTIuMy0xLjgtMy4yLTEuNy0xLjYtMjEuMS0xLjctMjU5LjEtMS43SDE4MS44bC0yLjggMi44em0xODkuMiAxNTkuOWMyNC45IDI0LjkgMjYuOCAyNyAyNi44IDMwLjMgMCAzLjMtNC44IDguMy04OC43IDkyLjJTMjE3LjMgNDQ5IDIxNCA0NDljLTMuMiAwLTUuNC0yLTMwLjItMjYuNy0yNC45LTI0LjktMjYuOC0yNy0yNi44LTMwLjMgMC0zLjMgNC45LTguNCA4OC44LTkyLjJDMzI5LjUgMjE2IDMzNC43IDIxMSAzMzggMjExYzMuMiAwIDUuNSAyIDMwLjIgMjYuN3ptMTAwLjcgMTAzLjJjMjUuOSAyNi4zIDQ3LjUgNDguOSA0OCA1MC4yLjUgMS40LjUgMy40LS4xIDQuOS0uNSAxLjQtMTIuNyAxNC4zLTI3LjEgMjguNy0yMi44IDIyLjktMjYuNiAyNi4zLTI5LjIgMjYuMy0xLjYgMC0zLjctLjYtNC41LTEuMy0uOC0uNy0yMi44LTIyLjctNDguNy00OC44LTQ2LTQ2LjMtNDcuMy00Ny43LTQ3LjMtNTEuNCAwLTMuNyAxLTQuOSAyNS4zLTI5LjUgMTMuOC0xNC4xIDI2LjUtMjYuNCAyOC4xLTI3LjIgMi4yLTEuMiAzLjYtMS40IDUuNy0uNiAxLjYuNiAyMi4yIDIwLjcgNDkuOCA0OC43eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 50% 60px;
    background-size: 70px;
    content: "";
    z-index: -1;
    will-change: transform
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    html {
        background-color: #e7eef2
    }

    body:before {
        content: none
    }
}

@media (-ms-high-contrast: none) {
    body {
        min-height: 100vh
    }
}

h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 700
}

h1 {
    font-size: 1.25rem;
    line-height: 1.3
}

@media (min-width: 768px), print {
    h1 {
        font-size: 2.25rem;
        line-height: 1.44444
    }
}

h2 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400
}

@media (min-width: 768px), print {
    h2 {
        font-size: 2.125rem;
        line-height: 1.17647
    }
}

h3 {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 400
}

@media (min-width: 768px), print {
    h3 {
        font-size: 1.5rem;
        line-height: 1.25
    }
}

h4, h5, h6 {
    font-size: .875rem;
    line-height: 1.64286
}

@media (min-width: 768px), print {
    h4, h5, h6 {
        font-size: 1rem;
        line-height: 1.4375
    }
}

hr {
    display: block;
    height: 1px;
    margin: 7px 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #d9d9d9
}

@media (min-width: 360px), print {
    hr {
        margin: 10px 0
    }
}

@media (min-width: 768px), print {
    hr {
        margin: 15px 0
    }
}

a {
    display: inline;
    color: #0f5582;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

a:hover {
    color: #2375aa
}

a:active {
    color: #288dce
}

a:focus {
    outline: none
}

a[data-keydown-focus] {
    color: #33db2b
}

small {
    font-size: .75rem;
    line-height: 1.5
}

@media (min-width: 768px), print {
    small {
        font-size: .875rem;
        line-height: 1.5
    }
}

b, strong {
    font-weight: 700
}

.o-container {
    display: block;
    width: calc(100vw - 28px);
    margin-left: 14px
}

.o-container__remove-outer-gutter {
    margin-right: -14px;
    margin-left: -14px;
    display: block
}

.o-container__remove {
    display: block;
    width: 100vw;
    margin-left: -14px
}

@media (min-width: 360px), print {
    .o-container {
        width: calc(100vw - 40px);
        margin-left: 20px
    }

    .o-container__remove-outer-gutter {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-container__remove {
        margin-left: -20px
    }
}

@media (min-width: 768px), print {
    .o-container {
        width: calc(100vw - 60px);
        margin-left: 30px
    }

    .o-container__remove-outer-gutter {
        margin-right: -30px;
        margin-left: -30px
    }

    .o-container__remove {
        margin-left: -30px
    }
}

@media (min-width: 1200px), print {
    .o-container {
        width: 1140px;
        margin-left: calc((100vw - 1140px) / 2)
    }

    .o-container__remove-outer-gutter .o-container {
        margin-left: 30px
    }

    .o-container__remove {
        margin-left: calc(((1140px - 100vw) / 2))
    }
}

.o-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px
}

.o-grid > .o-grid__cell {
    display: block;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 7px
}

.o-grid > .o-grid__cell--1 {
    flex: none;
    width: calc(8.33333% - 14px)
}

.o-grid > .o-grid__cell--offset-1 {
    margin-left: calc(8.33333% + 7px)
}

.o-grid > .o-grid__cell--2 {
    flex: none;
    width: calc(16.66666% - 14px)
}

.o-grid > .o-grid__cell--offset-2 {
    margin-left: calc(16.66666% + 7px)
}

.o-grid > .o-grid__cell--3 {
    flex: none;
    width: calc(24.99999% - 14px)
}

.o-grid > .o-grid__cell--offset-3 {
    margin-left: calc(24.99999% + 7px)
}

.o-grid > .o-grid__cell--4 {
    flex: none;
    width: calc(33.33332% - 14px)
}

.o-grid > .o-grid__cell--offset-4 {
    margin-left: calc(33.33332% + 7px)
}

.o-grid > .o-grid__cell--5 {
    flex: none;
    width: calc(41.66665% - 14px)
}

.o-grid > .o-grid__cell--offset-5 {
    margin-left: calc(41.66665% + 7px)
}

.o-grid > .o-grid__cell--6 {
    flex: none;
    width: calc(49.99998% - 14px)
}

.o-grid > .o-grid__cell--offset-6 {
    margin-left: calc(49.99998% + 7px)
}

.o-grid > .o-grid__cell--7 {
    flex: none;
    width: calc(58.33331% - 14px)
}

.o-grid > .o-grid__cell--offset-7 {
    margin-left: calc(58.33331% + 7px)
}

.o-grid > .o-grid__cell--8 {
    flex: none;
    width: calc(66.66664% - 14px)
}

.o-grid > .o-grid__cell--offset-8 {
    margin-left: calc(66.66664% + 7px)
}

.o-grid > .o-grid__cell--9 {
    flex: none;
    width: calc(74.99997% - 14px)
}

.o-grid > .o-grid__cell--offset-9 {
    margin-left: calc(74.99997% + 7px)
}

.o-grid > .o-grid__cell--10 {
    flex: none;
    width: calc(83.3333% - 14px)
}

.o-grid > .o-grid__cell--offset-10 {
    margin-left: calc(83.3333% + 7px)
}

.o-grid > .o-grid__cell--11 {
    flex: none;
    width: calc(91.66663% - 14px)
}

.o-grid > .o-grid__cell--offset-11 {
    margin-left: calc(91.66663% + 7px)
}

.o-grid > .o-grid__cell--12 {
    flex: none;
    width: calc(99.99996% - 14px)
}

.o-grid > .o-grid__cell--offset-12 {
    margin-left: calc(99.99996% + 7px)
}

.o-grid > .o-grid__cell--flex {
    display: flex
}

.o-grid > .o-grid__cell--min-size {
    flex-grow: 0
}

.o-grid > .o-grid__cell.o-grid {
    display: flex;
    margin-right: 0;
    margin-left: 0
}

.o-grid > .o-grid__cell--1.o-grid {
    width: 8.33333%
}

.o-grid > .o-grid__cell--2.o-grid {
    width: 16.66666%
}

.o-grid > .o-grid__cell--3.o-grid {
    width: 24.99999%
}

.o-grid > .o-grid__cell--4.o-grid {
    width: 33.33332%
}

.o-grid > .o-grid__cell--5.o-grid {
    width: 41.66665%
}

.o-grid > .o-grid__cell--6.o-grid {
    width: 49.99998%
}

.o-grid > .o-grid__cell--7.o-grid {
    width: 58.33331%
}

.o-grid > .o-grid__cell--8.o-grid {
    width: 66.66664%
}

.o-grid > .o-grid__cell--9.o-grid {
    width: 74.99997%
}

.o-grid > .o-grid__cell--10.o-grid {
    width: 83.3333%
}

.o-grid > .o-grid__cell--11.o-grid {
    width: 91.66663%
}

.o-grid > .o-grid__cell--12.o-grid {
    width: 99.99996%
}

.o-grid--list {
    padding: 0;
    list-style: none
}

.o-grid--wrap-reverse {
    flex-wrap: wrap-reverse
}

.o-grid--wrap-reverse > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--nowrap {
    flex-wrap: nowrap
}

.o-grid--nowrap > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--align-middle {
    align-items: center
}

.o-grid--align-bottom {
    align-items: flex-end
}

.o-grid--align-center {
    justify-content: center
}

.o-grid--align-center > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--align-right {
    justify-content: flex-end
}

.o-grid--align-right > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--align-left {
    justify-content: flex-start
}

.o-grid--align-left > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--align-around {
    justify-content: space-around
}

.o-grid--align-around > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--align-between {
    justify-content: space-between
}

.o-grid--align-between > .o-grid__cell {
    flex: 0 1 auto
}

.o-grid--scroll {
    flex-wrap: nowrap;
    overflow-x: auto
}

.o-grid--no-y-gutter > .o-grid__cell {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 360px), print {
    .o-grid {
        margin: 0 -10px
    }

    .o-grid--wrap-reverse-360 {
        flex-wrap: wrap-reverse
    }

    .o-grid--wrap-reverse-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--nowrap-360 {
        flex-wrap: nowrap
    }

    .o-grid--nowrap-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-middle-360 {
        align-items: center
    }

    .o-grid--align-bottom-360 {
        align-items: flex-end
    }

    .o-grid--align-center-360 {
        justify-content: center
    }

    .o-grid--align-center-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-right-360 {
        justify-content: flex-end
    }

    .o-grid--align-right-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-left-360 {
        justify-content: flex-start
    }

    .o-grid--align-left-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-around-360 {
        justify-content: space-around
    }

    .o-grid--align-around-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-between-360 {
        justify-content: space-between
    }

    .o-grid--align-between-360 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--no-scroll-360 {
        flex-wrap: wrap;
        overflow-x: visible
    }

    .o-grid--no-scroll-360:after {
        content: none
    }

    .o-grid > .o-grid__cell {
        margin: 10px
    }

    .o-grid > .o-grid__cell--1 {
        flex: none;
        width: calc(8.33333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-1 {
        margin-left: calc(8.33333% + 10px)
    }

    .o-grid > .o-grid__cell--2 {
        flex: none;
        width: calc(16.66666% - 20px)
    }

    .o-grid > .o-grid__cell--offset-2 {
        margin-left: calc(16.66666% + 10px)
    }

    .o-grid > .o-grid__cell--3 {
        flex: none;
        width: calc(24.99999% - 20px)
    }

    .o-grid > .o-grid__cell--offset-3 {
        margin-left: calc(24.99999% + 10px)
    }

    .o-grid > .o-grid__cell--4 {
        flex: none;
        width: calc(33.33332% - 20px)
    }

    .o-grid > .o-grid__cell--offset-4 {
        margin-left: calc(33.33332% + 10px)
    }

    .o-grid > .o-grid__cell--5 {
        flex: none;
        width: calc(41.66665% - 20px)
    }

    .o-grid > .o-grid__cell--offset-5 {
        margin-left: calc(41.66665% + 10px)
    }

    .o-grid > .o-grid__cell--6 {
        flex: none;
        width: calc(49.99998% - 20px)
    }

    .o-grid > .o-grid__cell--offset-6 {
        margin-left: calc(49.99998% + 10px)
    }

    .o-grid > .o-grid__cell--7 {
        flex: none;
        width: calc(58.33331% - 20px)
    }

    .o-grid > .o-grid__cell--offset-7 {
        margin-left: calc(58.33331% + 10px)
    }

    .o-grid > .o-grid__cell--8 {
        flex: none;
        width: calc(66.66664% - 20px)
    }

    .o-grid > .o-grid__cell--offset-8 {
        margin-left: calc(66.66664% + 10px)
    }

    .o-grid > .o-grid__cell--9 {
        flex: none;
        width: calc(74.99997% - 20px)
    }

    .o-grid > .o-grid__cell--offset-9 {
        margin-left: calc(74.99997% + 10px)
    }

    .o-grid > .o-grid__cell--10 {
        flex: none;
        width: calc(83.3333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-10 {
        margin-left: calc(83.3333% + 10px)
    }

    .o-grid > .o-grid__cell--11 {
        flex: none;
        width: calc(91.66663% - 20px)
    }

    .o-grid > .o-grid__cell--offset-11 {
        margin-left: calc(91.66663% + 10px)
    }

    .o-grid > .o-grid__cell--12 {
        flex: none;
        width: calc(99.99996% - 20px)
    }

    .o-grid > .o-grid__cell--offset-12 {
        margin-left: calc(99.99996% + 10px)
    }

    .o-grid > .o-grid__cell--1-360 {
        flex: none;
        width: calc(8.33333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-1-360 {
        margin-left: calc(8.33333% + 10px)
    }

    .o-grid > .o-grid__cell--2-360 {
        flex: none;
        width: calc(16.66666% - 20px)
    }

    .o-grid > .o-grid__cell--offset-2-360 {
        margin-left: calc(16.66666% + 10px)
    }

    .o-grid > .o-grid__cell--3-360 {
        flex: none;
        width: calc(24.99999% - 20px)
    }

    .o-grid > .o-grid__cell--offset-3-360 {
        margin-left: calc(24.99999% + 10px)
    }

    .o-grid > .o-grid__cell--4-360 {
        flex: none;
        width: calc(33.33332% - 20px)
    }

    .o-grid > .o-grid__cell--offset-4-360 {
        margin-left: calc(33.33332% + 10px)
    }

    .o-grid > .o-grid__cell--5-360 {
        flex: none;
        width: calc(41.66665% - 20px)
    }

    .o-grid > .o-grid__cell--offset-5-360 {
        margin-left: calc(41.66665% + 10px)
    }

    .o-grid > .o-grid__cell--6-360 {
        flex: none;
        width: calc(49.99998% - 20px)
    }

    .o-grid > .o-grid__cell--offset-6-360 {
        margin-left: calc(49.99998% + 10px)
    }

    .o-grid > .o-grid__cell--7-360 {
        flex: none;
        width: calc(58.33331% - 20px)
    }

    .o-grid > .o-grid__cell--offset-7-360 {
        margin-left: calc(58.33331% + 10px)
    }

    .o-grid > .o-grid__cell--8-360 {
        flex: none;
        width: calc(66.66664% - 20px)
    }

    .o-grid > .o-grid__cell--offset-8-360 {
        margin-left: calc(66.66664% + 10px)
    }

    .o-grid > .o-grid__cell--9-360 {
        flex: none;
        width: calc(74.99997% - 20px)
    }

    .o-grid > .o-grid__cell--offset-9-360 {
        margin-left: calc(74.99997% + 10px)
    }

    .o-grid > .o-grid__cell--10-360 {
        flex: none;
        width: calc(83.3333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-10-360 {
        margin-left: calc(83.3333% + 10px)
    }

    .o-grid > .o-grid__cell--11-360 {
        flex: none;
        width: calc(91.66663% - 20px)
    }

    .o-grid > .o-grid__cell--offset-11-360 {
        margin-left: calc(91.66663% + 10px)
    }

    .o-grid > .o-grid__cell--12-360 {
        flex: none;
        width: calc(99.99996% - 20px)
    }

    .o-grid > .o-grid__cell--auto-360 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-360 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-360 {
        margin-left: calc(99.99996% + 10px)
    }

    .o-grid > .o-grid__cell--offset-0-360 {
        margin-left: 10px
    }

    .o-grid--no-y-gutter > .o-grid__cell {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 480px), print {
    .o-grid--wrap-reverse-480 {
        flex-wrap: wrap-reverse
    }

    .o-grid--wrap-reverse-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--nowrap-480 {
        flex-wrap: nowrap
    }

    .o-grid--nowrap-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-middle-480 {
        align-items: center
    }

    .o-grid--align-bottom-480 {
        align-items: flex-end
    }

    .o-grid--align-center-480 {
        justify-content: center
    }

    .o-grid--align-center-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-right-480 {
        justify-content: flex-end
    }

    .o-grid--align-right-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-left-480 {
        justify-content: flex-start
    }

    .o-grid--align-left-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-around-480 {
        justify-content: space-around
    }

    .o-grid--align-around-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-between-480 {
        justify-content: space-between
    }

    .o-grid--align-between-480 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--no-scroll-480 {
        flex-wrap: wrap;
        overflow-x: visible
    }

    .o-grid--no-scroll-480:after {
        content: none
    }

    .o-grid > .o-grid__cell--1-480 {
        flex: none;
        width: calc(8.33333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-1-480 {
        margin-left: calc(8.33333% + 10px)
    }

    .o-grid > .o-grid__cell--2-480 {
        flex: none;
        width: calc(16.66666% - 20px)
    }

    .o-grid > .o-grid__cell--offset-2-480 {
        margin-left: calc(16.66666% + 10px)
    }

    .o-grid > .o-grid__cell--3-480 {
        flex: none;
        width: calc(24.99999% - 20px)
    }

    .o-grid > .o-grid__cell--offset-3-480 {
        margin-left: calc(24.99999% + 10px)
    }

    .o-grid > .o-grid__cell--4-480 {
        flex: none;
        width: calc(33.33332% - 20px)
    }

    .o-grid > .o-grid__cell--offset-4-480 {
        margin-left: calc(33.33332% + 10px)
    }

    .o-grid > .o-grid__cell--5-480 {
        flex: none;
        width: calc(41.66665% - 20px)
    }

    .o-grid > .o-grid__cell--offset-5-480 {
        margin-left: calc(41.66665% + 10px)
    }

    .o-grid > .o-grid__cell--6-480 {
        flex: none;
        width: calc(49.99998% - 20px)
    }

    .o-grid > .o-grid__cell--offset-6-480 {
        margin-left: calc(49.99998% + 10px)
    }

    .o-grid > .o-grid__cell--7-480 {
        flex: none;
        width: calc(58.33331% - 20px)
    }

    .o-grid > .o-grid__cell--offset-7-480 {
        margin-left: calc(58.33331% + 10px)
    }

    .o-grid > .o-grid__cell--8-480 {
        flex: none;
        width: calc(66.66664% - 20px)
    }

    .o-grid > .o-grid__cell--offset-8-480 {
        margin-left: calc(66.66664% + 10px)
    }

    .o-grid > .o-grid__cell--9-480 {
        flex: none;
        width: calc(74.99997% - 20px)
    }

    .o-grid > .o-grid__cell--offset-9-480 {
        margin-left: calc(74.99997% + 10px)
    }

    .o-grid > .o-grid__cell--10-480 {
        flex: none;
        width: calc(83.3333% - 20px)
    }

    .o-grid > .o-grid__cell--offset-10-480 {
        margin-left: calc(83.3333% + 10px)
    }

    .o-grid > .o-grid__cell--11-480 {
        flex: none;
        width: calc(91.66663% - 20px)
    }

    .o-grid > .o-grid__cell--offset-11-480 {
        margin-left: calc(91.66663% + 10px)
    }

    .o-grid > .o-grid__cell--12-480 {
        flex: none;
        width: calc(99.99996% - 20px)
    }

    .o-grid > .o-grid__cell--auto-480 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-480 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-480 {
        margin-left: calc(99.99996% + 10px)
    }

    .o-grid > .o-grid__cell--offset-0-480 {
        margin-left: 10px
    }

    .o-grid--no-y-gutter > .o-grid__cell {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 768px), print {
    .o-grid {
        margin: 0 -15px
    }

    .o-grid--wrap-reverse-768 {
        flex-wrap: wrap-reverse
    }

    .o-grid--wrap-reverse-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--nowrap-768 {
        flex-wrap: nowrap
    }

    .o-grid--nowrap-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-middle-768 {
        align-items: center
    }

    .o-grid--align-bottom-768 {
        align-items: flex-end
    }

    .o-grid--align-center-768 {
        justify-content: center
    }

    .o-grid--align-center-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-right-768 {
        justify-content: flex-end
    }

    .o-grid--align-right-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-left-768 {
        justify-content: flex-start
    }

    .o-grid--align-left-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-around-768 {
        justify-content: space-around
    }

    .o-grid--align-around-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-between-768 {
        justify-content: space-between
    }

    .o-grid--align-between-768 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--no-scroll-768 {
        flex-wrap: wrap;
        overflow-x: visible
    }

    .o-grid--no-scroll-768:after {
        content: none
    }

    .o-grid > .o-grid__cell {
        margin: 15px
    }

    .o-grid > .o-grid__cell--1 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--offset-12 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--1-360 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1-360 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2-360 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2-360 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3-360 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3-360 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4-360 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4-360 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5-360 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5-360 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6-360 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6-360 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7-360 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7-360 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8-360 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8-360 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9-360 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9-360 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10-360 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10-360 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11-360 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11-360 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12-360 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--auto-360 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-360 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-360 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--offset-0-360 {
        margin-left: 15px
    }

    .o-grid > .o-grid__cell--1-480 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1-480 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2-480 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2-480 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3-480 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3-480 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4-480 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4-480 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5-480 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5-480 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6-480 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6-480 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7-480 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7-480 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8-480 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8-480 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9-480 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9-480 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10-480 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10-480 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11-480 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11-480 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12-480 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--auto-480 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-480 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-480 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--offset-0-480 {
        margin-left: 15px
    }

    .o-grid > .o-grid__cell--1-768 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1-768 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2-768 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2-768 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3-768 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3-768 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4-768 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4-768 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5-768 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5-768 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6-768 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6-768 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7-768 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7-768 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8-768 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8-768 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9-768 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9-768 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10-768 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10-768 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11-768 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11-768 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12-768 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--auto-768 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-768 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-768 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--offset-0-768 {
        margin-left: 15px
    }

    .o-grid--no-y-gutter > .o-grid__cell {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 1024px), print {
    .o-grid--wrap-reverse-1024 {
        flex-wrap: wrap-reverse
    }

    .o-grid--wrap-reverse-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--nowrap-1024 {
        flex-wrap: nowrap
    }

    .o-grid--nowrap-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-middle-1024 {
        align-items: center
    }

    .o-grid--align-bottom-1024 {
        align-items: flex-end
    }

    .o-grid--align-center-1024 {
        justify-content: center
    }

    .o-grid--align-center-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-right-1024 {
        justify-content: flex-end
    }

    .o-grid--align-right-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-left-1024 {
        justify-content: flex-start
    }

    .o-grid--align-left-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-around-1024 {
        justify-content: space-around
    }

    .o-grid--align-around-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-between-1024 {
        justify-content: space-between
    }

    .o-grid--align-between-1024 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--no-scroll-1024 {
        flex-wrap: wrap;
        overflow-x: visible
    }

    .o-grid--no-scroll-1024:after {
        content: none
    }

    .o-grid > .o-grid__cell--1-1024 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1-1024 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2-1024 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2-1024 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3-1024 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3-1024 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4-1024 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4-1024 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5-1024 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5-1024 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6-1024 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6-1024 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7-1024 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7-1024 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8-1024 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8-1024 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9-1024 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9-1024 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10-1024 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10-1024 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11-1024 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11-1024 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12-1024 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--auto-1024 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-1024 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-1024 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--offset-0-1024 {
        margin-left: 15px
    }

    .o-grid--no-y-gutter > .o-grid__cell {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 1200px), print {
    .o-grid > .o-grid__cell--1-1200 {
        flex: none;
        width: calc(8.33333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-1-1200 {
        margin-left: calc(8.33333% + 15px)
    }

    .o-grid > .o-grid__cell--2-1200 {
        flex: none;
        width: calc(16.66666% - 30px)
    }

    .o-grid > .o-grid__cell--offset-2-1200 {
        margin-left: calc(16.66666% + 15px)
    }

    .o-grid > .o-grid__cell--3-1200 {
        flex: none;
        width: calc(24.99999% - 30px)
    }

    .o-grid > .o-grid__cell--offset-3-1200 {
        margin-left: calc(24.99999% + 15px)
    }

    .o-grid > .o-grid__cell--4-1200 {
        flex: none;
        width: calc(33.33332% - 30px)
    }

    .o-grid > .o-grid__cell--offset-4-1200 {
        margin-left: calc(33.33332% + 15px)
    }

    .o-grid > .o-grid__cell--5-1200 {
        flex: none;
        width: calc(41.66665% - 30px)
    }

    .o-grid > .o-grid__cell--offset-5-1200 {
        margin-left: calc(41.66665% + 15px)
    }

    .o-grid > .o-grid__cell--6-1200 {
        flex: none;
        width: calc(49.99998% - 30px)
    }

    .o-grid > .o-grid__cell--offset-6-1200 {
        margin-left: calc(49.99998% + 15px)
    }

    .o-grid > .o-grid__cell--7-1200 {
        flex: none;
        width: calc(58.33331% - 30px)
    }

    .o-grid > .o-grid__cell--offset-7-1200 {
        margin-left: calc(58.33331% + 15px)
    }

    .o-grid > .o-grid__cell--8-1200 {
        flex: none;
        width: calc(66.66664% - 30px)
    }

    .o-grid > .o-grid__cell--offset-8-1200 {
        margin-left: calc(66.66664% + 15px)
    }

    .o-grid > .o-grid__cell--9-1200 {
        flex: none;
        width: calc(74.99997% - 30px)
    }

    .o-grid > .o-grid__cell--offset-9-1200 {
        margin-left: calc(74.99997% + 15px)
    }

    .o-grid > .o-grid__cell--10-1200 {
        flex: none;
        width: calc(83.3333% - 30px)
    }

    .o-grid > .o-grid__cell--offset-10-1200 {
        margin-left: calc(83.3333% + 15px)
    }

    .o-grid > .o-grid__cell--11-1200 {
        flex: none;
        width: calc(91.66663% - 30px)
    }

    .o-grid > .o-grid__cell--offset-11-1200 {
        margin-left: calc(91.66663% + 15px)
    }

    .o-grid > .o-grid__cell--12-1200 {
        flex: none;
        width: calc(99.99996% - 30px)
    }

    .o-grid > .o-grid__cell--auto-1200 {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--min-size-1200 {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        width: auto
    }

    .o-grid > .o-grid__cell--offset-12-1200 {
        margin-left: calc(99.99996% + 15px)
    }

    .o-grid > .o-grid__cell--offset-0-1200 {
        margin-left: 15px
    }

    .o-grid--no-y-gutter > .o-grid__cell {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width: 1200px), print {
    .o-grid--wrap-reverse-1200 {
        flex-wrap: wrap-reverse
    }

    .o-grid--wrap-reverse-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--nowrap-1200 {
        flex-wrap: nowrap
    }

    .o-grid--nowrap-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-middle-1200 {
        align-items: center
    }

    .o-grid--align-bottom-1200 {
        align-items: flex-end
    }

    .o-grid--align-center-1200 {
        justify-content: center
    }

    .o-grid--align-center-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-right-1200 {
        justify-content: flex-end
    }

    .o-grid--align-right-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-left-1200 {
        justify-content: flex-start
    }

    .o-grid--align-left-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-around-1200 {
        justify-content: space-around
    }

    .o-grid--align-around-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--align-between-1200 {
        justify-content: space-between
    }

    .o-grid--align-between-1200 > .o-grid__cell {
        flex: 0 1 auto
    }

    .o-grid--no-scroll-1200 {
        flex-wrap: wrap;
        overflow-x: visible
    }

    .o-grid--no-scroll-1200:after {
        content: none
    }
}

.o-media-object {
    display: flex;
    align-items: baseline
}

.o-media-object__content {
    width: 100%
}

.o-media-object__media {
    flex-shrink: 0;
    margin: 0 7px 0 0
}

.c-icon-sprite {
    display: none
}

.c-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: inherit;
    vertical-align: middle;
    pointer-events: none
}

.c-icon--small {
    width: 24px;
    height: 24px
}

.c-icon--large {
    width: 48px;
    height: 48px
}

.c-button {
    display: inline-block;
    min-width: 2.5rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: .75rem 1.875rem;
    transition: background-color, color;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    border: 0;
    border-radius: 4px;
    background-color: #0f5582;
    color: #fff;
    font-family: DIN Next LT W05, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-button:hover {
    background-color: #2375aa;
    color: #fff
}

.c-button:active {
    background-color: #288dce
}

.c-button:focus {
    outline: none
}

.c-button[data-keydown-focus] {
    transition: none;
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 0 0 3px #599F7C
}

.c-button__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-button--action {
    background-color: #46aaea
}

.c-button--action:hover {
    background-color: #00a1ee
}

.c-button--action:active {
    background-color: #6fc1ef
}

.c-button--inverted {
    background-color: #fff;
    color: #0f5582;
    box-shadow: inset 0 0 0 1px #d9d9d9
}

.c-button--inverted:hover {
    background-color: #dcdbdc;
    color: #0f5582
}

.c-button--inverted:active {
    background-color: #cdcdcd
}

.c-button--inverted[data-keydown-focus] {
    color: #0f5582
}

.c-button--secondary {
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 0 0 1px #d9d9d9
}

.c-button--secondary:hover {
    background-color: #dcdbdc;
    color: #333
}

.c-button--secondary:active {
    background-color: #cdcdcd
}

.c-button--secondary[data-keydown-focus] {
    color: #333
}

.c-button--disabled, .c-button[disabled] {
    background-color: #d9d9d9;
    color: #898989;
    cursor: default
}

.c-button--disabled:active, .c-button--disabled:hover, .c-button[disabled]:active, .c-button[disabled]:hover {
    background-color: #d9d9d9;
    color: #898989
}

.c-button--disabled[data-keydown-focus], .c-button[disabled][data-keydown-focus] {
    color: #898989
}

.c-button--disabled.c-button--icon-only, .c-button--icon-only, .c-button[disabled].c-button--icon-only {
    background-color: transparent
}

.c-button--icon-only {
    padding: 0;
    color: #0f5582
}

.c-button--icon-only:hover, .c-button--icon-only[data-keydown-focus]:hover {
    background-color: transparent;
    color: #2375aa
}

.c-button--icon-only:active, .c-button--icon-only[data-keydown-focus]:active {
    background-color: transparent;
    color: #288dce
}

.c-button--icon-only[data-keydown-focus] {
    color: #0f5582
}

.c-button--icon-only-white {
    padding: 0;
    background-color: transparent;
    color: #fff
}

.c-button--icon-only-white:hover, .c-button--icon-only-white[data-keydown-focus]:hover {
    background-color: transparent;
    color: #dcdbdc
}

.c-button--icon-only-white:active, .c-button--icon-only-white[data-keydown-focus]:active {
    background-color: transparent;
    color: #cdcdcd
}

.c-button--icon-only-white[data-keydown-focus] {
    color: #fff
}

.c-button--pill, .c-button--plain {
    height: 1.875rem;
    padding: .5rem 1.125rem;
    font-size: .875rem
}

.c-button--plain {
    background-color: transparent;
    color: #0f5582
}

.c-button--plain:hover {
    background-color: transparent;
    color: #2375aa
}

.c-button--plain:active {
    background-color: transparent;
    color: #288dce
}

.c-button--plain[data-keydown-focus] {
    background-color: transparent;
    color: #599F7C;
    box-shadow: none
}

.c-button--pill {
    border-radius: 100px;
    background-color: #599F7C;
    color: #fff
}

.c-button--pill:hover {
    background-color: #76d7ae;
    color: #fff
}

.c-button--pill:active {
    background-color: #90e3c4;
    color: #fff
}

.c-button--pill[data-keydown-focus] {
    background-color: #599F7C;
    color: #fff;
    box-shadow: inset 0 0 0 3px #599F7C
}

.c-button--full-width {
    display: block;
    width: 100%
}

@media (min-width: 768px), print {
    .c-button--rounded {
        height: 2.1875rem;
        padding: 0 2.1875rem;
        font-size: 1rem
    }
}

.c-card {
    border-radius: 4px;
    background-color: #fff
}

.c-card__image-container {
    position: relative;
    height: 48.78049vw;
    overflow: hidden
}

.c-card__image {
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: "object-fit: cover;";
    object-fit: cover
}

.c-card__content-container {
    padding: 1.875rem
}

.c-card__heading {
    font-size: .875rem;
    line-height: 1.64286;
    max-height: 46px;
    margin: 0 0 .9375rem;
    color: #599F7C;
    font-weight: 700;
    overflow: hidden
}

@media (min-width: 768px), print {
    .c-card__heading {
        font-size: 1rem;
        line-height: 1.4375
    }
}

.c-card__text {
    margin: .9375rem 0 0
}

.c-card__badge {
    position: absolute;
    right: 0;
    bottom: 1.875rem;
    max-width: calc(100% - 14px);
    padding: .25rem .9375rem;
    background-color: #599F7C;
    color: #fff;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.c-card__controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 0
}

.c-card__controls-item {
    margin-top: 1.875rem
}

.c-card--inverted {
    background-color: #599F7C;
    color: #fff
}

.c-card--inverted .c-card__heading {
    color: #fff
}

.c-card--inverted .c-card__link {
    display: inline-block;
    margin: 0 1rem 0 0;
    color: #fff;
    font-weight: 700
}

.c-card--inverted .c-card__link:hover {
    color: #dcdbdc
}

.c-card--inverted .c-card__link:active {
    color: #cdcdcd
}

.c-card--inverted .c-card__link[data-keydown-focus] {
    color: #33db2b
}

@media (min-width: 360px), print {
    .c-card__badge {
        max-width: calc(100% - 20px)
    }
}

@media (min-width: 768px), print {
    .c-card__badge {
        max-width: calc(100% - 30px)
    }

    .c-card__heading {
        max-height: 46px;
        overflow: hidden
    }
}

@media (min-width: 1024px), print {
    .c-card--fixed-width .c-card__image-container {
        height: 156.09756px
    }

    .c-card__image-container {
        height: 528.78049px;
        overflow: hidden
    }

    .c-card__content-wrapper {
        height: 156.09756px;
        overflow: hidden
    }

    .c-card--inverted .c-card__content-wrapper {
        height: auto
    }
}

.c-collapse {
    margin-right: -14px;
    margin-left: -14px;
    display: block
}

.c-collapse--is-initialized .c-collapse__item {
    transition: height .33s ease-in-out
}

.c-collapse__item {
    position: relative;
    margin: 7px 0;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    overflow: hidden
}

.c-collapse__item--is-expanded {
    padding-bottom: 15px
}

.c-collapse__header {
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    position: relative;
    width: calc(100% - 28px);
    margin: 0 14px;
    padding: 15px 45px 15px 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #333;
    font-family: inherit;
    text-align: inherit;
    cursor: pointer
}

@media (min-width: 768px), print {
    .c-collapse__header {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-collapse__header-with-icon {
    display: flex;
    align-items: center;
    min-height: 2rem;
    font-weight: 700
}

.c-collapse__header-with-icon .c-icon {
    flex-shrink: 0;
    margin-right: 7px
}

.c-collapse__header:hover, .c-collapse__header:hover .c-collapse__icon {
    color: #2375aa
}

.c-collapse__header:active, .c-collapse__header:active .c-collapse__icon {
    color: #288dce
}

.c-collapse__header[data-keydown-focus], .c-collapse__header[data-keydown-focus] .c-collapse__icon {
    color: #33db2b
}

.c-collapse__item--is-expanded .c-collapse__header-text-collapsed, .c-collapse__item--is-expanding .c-collapse__header-text-collapsed {
    display: none
}

.c-collapse__item--is-collapsed .c-collapse__header-text-collapsed, .c-collapse__item--is-collapsing .c-collapse__header-text-collapsed, .c-collapse__item--is-expanded .c-collapse__header-text-expanded, .c-collapse__item--is-expanding .c-collapse__header-text-expanded, .c-collapse__item:not(.c-collapse__item--is-expanded):not(.c-collapse__item--is-collapsed) .c-collapse__header-text-collapsed {
    display: inline-block
}

.c-collapse__item--is-collapsed .c-collapse__header-text-expanded, .c-collapse__item--is-collapsing .c-collapse__header-text-expanded, .c-collapse__item:not(.c-collapse__item--is-expanded):not(.c-collapse__item--is-collapsed) .c-collapse__header-text-expanded {
    display: none
}

.c-collapse__icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    color: #0f5582
}

.c-collapse__icon--up {
    display: none
}

.c-collapse__icon--down, .c-collapse__item--is-expanded .c-collapse__icon--up {
    display: inherit
}

.c-collapse__item--is-expanded .c-collapse__icon--down {
    display: none
}

.c-collapse__content {
    display: none;
    margin: 0 14px;
    transition: height .33s ease-in-out, margin-bottom .33s ease-in-out
}

.c-collapse__item--is-collapsing .c-collapse__content, .c-collapse__item--is-expanded .c-collapse__content, .c-collapse__item--is-expanding .c-collapse__content {
    display: block
}

@media (min-width: 360px), print {
    .c-collapse {
        margin-right: -20px;
        margin-left: -20px
    }

    .c-collapse__header {
        width: calc(100% - 40px);
        margin: 0 20px
    }

    .c-collapse__content {
        margin: 0 20px
    }

    .c-collapse__item {
        margin: 10px 0
    }
}

@media (min-width: 768px), print {
    .c-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .c-collapse__header {
        width: calc(100% - 30px);
        margin: 0 15px
    }

    .c-collapse__content {
        margin: 0 15px
    }

    .c-collapse__item {
        margin: 15px 0;
        border-radius: 4px;
        background-clip: padding-box
    }
}

.c-downloads__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -.4375rem;
    margin-bottom: -.4375rem
}

.c-downloads__list-item {
    margin: .4375rem -14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .9375rem;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
    color: #0f5582
}

.c-downloads__list-item-link {
    font-weight: 400;
    text-decoration: none
}

.c-downloads__list-item-label {
    width: calc(100% - 40px)
}

.c-downloads__list-item-filesize {
    display: block;
    color: #898989;
    font-size: .75rem;
    line-height: 1.5
}

@media (min-width: 768px), print {
    .c-downloads__list-item-filesize {
        font-size: .875rem;
        line-height: 1.5
    }
}

.c-downloads__actions, .c-downloads__list-item-checkbox {
    display: none
}

@media (min-width: 360px), print {
    .c-downloads__list {
        margin-top: -.625rem;
        margin-bottom: -.625rem
    }

    .c-downloads__list-item {
        margin: .625rem -20px
    }
}

@media (min-width: 768px), print {
    .c-downloads__list {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }

    .c-downloads__list-item {
        margin: .9375rem 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background-clip: padding-box
    }

    .c-downloads__list-item-label {
        width: calc(100% - 80px)
    }

    .c-downloads__list-item-checkbox {
        display: block;
        width: 1.625rem;
        height: 1.625rem
    }

    .c-downloads__actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 30px
    }
}

.c-footer {
    font-size: .75rem;
    line-height: 1.5;
    width: 100%;
    margin-top: auto;
    padding: 0 0 1.875rem;
    background-color: #0f5582;
    color: #fff;
    text-align: left
}

@media (min-width: 768px), print {
    .c-footer {
        font-size: .875rem;
        line-height: 1.5
    }
}

.c-footer__flex-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 68.5%;
    margin: 0 auto;
    padding: 1.875rem 0
}

.c-footer__box {
    margin: 1.875rem 0 0
}

.c-footer__heading {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: .625rem;
    margin-left: 0;
    color: #ffffff
}

@media (min-width: 768px), print {
    .c-footer__heading {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-footer__copyright {
    margin: 0 0 .3125rem;
    color: #ffffff;
    text-align: center
}

.c-footer__copyright-link {
    color: #ffffff
}

.c-footer__copyright-link:hover {
    color: #dcdbdc
}

.c-footer__copyright-link:active {
    color: #cdcdcd
}

.c-footer__copyright-link[data-keydown-focus] {
    color: #33db2b
}

.c-footer__link {
    display: inline-block;
    padding: 2px 0;
    color: #fff;
    text-decoration: none
}

.c-footer__link:hover {
    color: #dcdbdc
}

.c-footer__link:active {
    color: #cdcdcd
}

.c-footer__link[data-keydown-focus] {
    color: #33db2b
}

.c-footer__social-links-bar {
    margin: 1.875rem 0 0
}

.c-footer__social-link {
    display: block;
    color: inherit
}

.c-footer__social-link:hover {
    color: #dcdbdc
}

.c-footer__social-link:active {
    color: #cdcdcd
}

.c-footer__social-link[data-keydown-focus] {
    color: #33db2b
}

.c-footer__nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -2px 0
}

.c-footer__nav-item {
    display: block
}

.c-footer--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

@media (min-width: 480px), print {
    .c-footer__flex-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 81.8%
    }

    .c-footer__box {
        flex-basis: 40%
    }
}

@media (min-width: 768px), print {
    .c-footer__heading {
        margin-bottom: .75rem
    }

    .c-footer__link {
        padding: 3px 0
    }

    .c-footer__flex-container {
        max-width: 91.5%
    }

    .c-footer__box {
        flex-basis: auto
    }
}

@media (min-width: 1024px), print {
    .c-footer__flex-container {
        max-width: 83.4%
    }
}

.c-form-control-checkbox {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.c-form-control-checkbox__label {
    display: inline-block;
    position: relative;
    min-width: 1.75rem;
    min-height: 1.75rem;
    line-height: 1.75rem;
    cursor: pointer
}

.c-form-control-checkbox__label-text {
    display: inline-block;
    padding-left: 2.5rem;
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width: 768px), print {
    .c-form-control-checkbox__label-text {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-form-control-checkbox__label-text--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-form-control-checkbox__label:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.75rem;
    height: 1.75rem;
    border: 1px solid #b4b5b4;
    border-radius: 4px;
    background-color: #fff;
    content: "";
    cursor: pointer
}

.c-form-control-checkbox__label:hover:before {
    border-color: #46aaea
}

.c-form-control-checkbox__icon {
    display: none
}

.c-form-control-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-form-control-checkbox__input[data-keydown-focus] + .c-form-control-checkbox__label:before {
    border: 2px solid #33db2b;
    box-shadow: inset 0 2px 6px 0 #cdcdcd
}

.c-form-control-checkbox__input:checked + .c-form-control-checkbox__label .c-form-control-checkbox__icon {
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #599F7C
}

.c-form-control-checkbox__msg {
    display: block;
    margin-top: .625rem
}

.c-form-control-checkbox__msg--error {
    color: #d83020
}

.c-form-control-checkbox--disabled .c-form-control-checkbox__label {
    color: #898989;
    cursor: default
}

.c-form-control-checkbox--disabled .c-form-control-checkbox__label:before {
    background-color: #d9d9d9;
    cursor: default
}

.c-form-control-checkbox--disabled .c-form-control-checkbox__label:hover:before {
    border-color: #b4b5b4
}

.c-form-control-checkbox--disabled .c-form-control-checkbox__icon {
    color: #898989
}

.c-form-control-checkbox--error .c-form-control-checkbox__label:before, .c-form-control-checkbox--error .c-form-control-checkbox__label:hover:before {
    border-color: #d83020
}

.c-form-control-checkbox--error .c-form-control-checkbox__input[data-keydown-focus] + .c-form-control-checkbox__label:before {
    border: 2px solid #33db2b;
    box-shadow: inset 0 2px 6px 0 #cdcdcd
}

.c-form-control__label {
    display: block;
    margin: .625rem 0
}

.c-form-control__label--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-form-control__input {
    display: block;
    width: 100%;
    height: 2.375rem;
    margin: .625rem 0;
    padding: 0 .875rem;
    border: 0;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    font-family: inherit;
    font-size: 16px;
    line-height: 21px;
    box-shadow: 0 0 0 1px #b4b5b4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-form-control__input:hover {
    box-shadow: 0 0 0 1px #46aaea
}

.c-form-control__input:focus {
    outline: none;
    box-shadow: 0 0 0 1px #46aaea, inset 0 2px 6px 0 #cdcdcd
}

.c-form-control__input[data-keydown-focus] {
    box-shadow: 0 0 0 2px #33db2b, inset 0 2px 6px 0 #cdcdcd
}

.c-form-control__addon {
    position: relative
}

.c-form-control__addon > .c-form-control__input {
    padding-right: 3.5rem
}

.c-form-control__addon-btn {
    position: absolute;
    top: 0;
    right: .625rem;
    width: auto;
    height: 100%
}

.c-form-control__msg {
    display: block
}

.c-form-control__msg--error {
    color: #d83020
}

.c-form-control--disabled .c-form-control__label {
    color: #898989
}

.c-form-control--disabled .c-form-control__input {
    background-color: #d9d9d9;
    color: #898989;
    opacity: 1
}

.c-form-control--disabled .c-form-control__input:hover {
    box-shadow: 0 0 0 1px #b4b5b4
}

.c-form-control--error .c-form-control__input, .c-form-control--error .c-form-control__input:hover {
    box-shadow: 0 0 0 1px #d83020
}

.c-form-control--error .c-form-control__input:focus {
    box-shadow: 0 0 0 1px #d83020, inset 0 2px 6px 0 #cdcdcd
}

.c-form-control--error .c-form-control__input[data-keydown-focus] {
    box-shadow: 0 0 0 2px #33db2b, inset 0 2px 6px 0 #cdcdcd
}

@media (min-width: 768px), print {
    .c-form-control__input {
        height: 3rem
    }
}

.c-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    width: 100vw;
    background-color: #fff;
    z-index: 10
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .c-header {
        background-color: hsla(0, 0%, 100%, .8);
        -webkit-backdrop-filter: brightness(1.5) blur(16px);
        backdrop-filter: brightness(1.5) blur(16px)
    }
}

.c-header__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 51px;
    border-bottom: 5px solid #0f5582
}

.c-header__panel:after {
    display: block;
    width: 40px;
    content: ""
}

.c-header__toggle-nav-icon-hide {
    display: none
}

.c-header__logo-container {
    padding: .3125rem
}

.c-header__logo-container[data-keydown-focus] {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #0f5582
}

.c-header__logo {
    width: 5rem;
    height: auto
}

.c-header--show-nav .c-header__toggle-nav-icon-hide {
    display: inline
}

.c-header--show-nav .c-header__toggle-nav-icon-show {
    display: none
}

.c-header__nav {
    position: absolute;
    top: 51px;
    left: 0;
    width: 100vw;
    transition: background-color .45s linear;
    background-color: transparent;
    overflow: hidden;
    pointer-events: none
}

@media (-ms-high-contrast: none) {
    .c-header__nav {
        z-index: 10
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .c-header__nav {
        z-index: 10
    }
}

.c-header__nav-wrapper {
    width: 85%;
    transform: translateX(-100%);
    transition: transform .45s cubic-bezier(.41, .15, 0, 1.3)
}

.c-header__nav-content {
    height: calc(100vh - 51px);
    margin-left: -40px;
    padding-bottom: 3.75rem;
    background-color: #ededed;
    overflow-y: auto
}

.c-header__nav-lvl-1-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 1.75rem;
    background-color: #fff
}

.c-header__nav-lvl-1-item {
    border-bottom: 1px solid #d9d9d9
}

.c-header__nav-lvl-1-action, .c-header__nav-lvl-2-action {
    display: block;
    border-radius: 0;
    color: #0f5582;
    font-weight: 400;
    text-decoration: none
}

.c-header__nav-lvl-1-action:hover, .c-header__nav-lvl-2-action:hover {
    border-bottom-color: #2375aa;
    color: #2375aa
}

.c-header__nav-lvl-1-action:active, .c-header__nav-lvl-2-action:active {
    border-bottom-color: #288dce;
    color: #288dce
}

.c-header__nav-lvl-1-action:focus, .c-header__nav-lvl-2-action:focus {
    outline: none
}

    .c-header__nav-lvl-1-action[data-keydown-focus], .c-header__nav-lvl-2-action[data-keydown-focus] {
        border-bottom-color: #0f5582;
        color: #0f5582
    }

.c-header__nav-lvl-1-action {
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    padding: .375rem .875rem .375rem 3.375rem;
    border: 0;
    background-color: #fff;
    font-family: DIN Next LT W05, sans-serif;
    text-align: left;
    cursor: pointer
}

@media (min-width: 768px), print {
    .c-header__nav-lvl-1-action {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

.c-header__nav-lvl-1-action-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2rem;
    pointer-events: none
}

.c-header__nav-lvl-1-action-icon--open {
    display: none
}

.c-header__nav-lvl-2 {
    height: 0;
    overflow: hidden
}

.c-header__nav-lvl-2-section-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-header__nav-lvl-2-section-item {
    margin-bottom: 14px
}

.c-header__nav-lvl-2-section-headline {
    font-size: .875rem;
    line-height: 1.5;
    padding: .625rem .875rem .625rem 3.375rem
}

@media (min-width: 768px), print {
    .c-header__nav-lvl-2-section-headline {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-header__nav-lvl-2-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width: 768px), print {
    .c-header__nav-lvl-2-list {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-header__nav-lvl-2-action {
    padding: .4375rem .875rem .4375rem 3.375rem
}

.c-header__nav-lvl-2-action--active {
    color: #599F7C
}

.c-header__nav-lvl-2-action--active:hover {
    color: #76d7ae
}

.c-header__nav-lvl-2-action--active:active {
    color: #90e3c4
}

@-moz-document url-prefix() {
    .c-header--show-nav {
        position: fixed
    }
}

.c-header--show-nav .c-header__nav {
    background-color: rgba(0, 0, 0, .75);
    pointer-events: auto
}

.c-header--show-nav .c-header__nav-wrapper {
    transform: translateX(0)
}

.c-header__nav-lvl-1-item--active .c-header__nav-lvl-1-action {
    color: #599F7C
}

.c-header__nav-lvl-1-item--active .c-header__nav-lvl-1-action:hover {
    border-bottom-color: #76d7ae;
    color: #76d7ae
}

.c-header__nav-lvl-1-item--active .c-header__nav-lvl-1-action:active {
    border-bottom-color: #90e3c4;
    color: #90e3c4
}

.c-header__nav-lvl-1-item--active .c-header__nav-lvl-1-action[data-keydown-focus] {
    border-bottom-color: #0f5582;
    color: #0f5582
}

.c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action-icon {
    display: none
}

.c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action-icon--open {
    display: inline
}

.c-header__meta-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 40px
}

.c-header__meta-nav-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.125rem;
    padding: 0 .875rem;
    color: #0f5582;
    font-weight: 400;
    text-decoration: none
}

.c-header__meta-nav-action:hover {
    color: #2375aa
}

.c-header__meta-nav-action:active {
    color: #288dce
}

.c-header__company {
    display: none
}

@media (min-width: 768px), print {
    .c-header {
        position: static;
        background-color: #fff
    }

    .c-header__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: calc(100vw - 60px);
        margin-left: 30px;
        padding-top: 2.125rem
    }

    .c-header__panel {
        border-bottom: 0
    }

    .c-header__panel:after, .c-header__toggle-nav {
        display: none
    }

    .c-header__logo-container {
        margin-left: -.3125rem
    }

    .c-header__logo {
        width: 8.5rem
    }

    .c-header__nav {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        pointer-events: auto
    }

    .c-header__nav-wrapper {
        width: auto;
        transform: none;
        transition: none
    }

    .c-header__nav-content {
        height: auto;
        margin: 0;
        padding: 0;
        overflow-y: visible
    }

    .c-header__nav-lvl-1-list {
        display: flex;
        margin: 0 -1.25rem 0 0;
        padding: 0
    }

    .c-header__nav-lvl-1-item {
        margin: 0 1.25rem;
        border-bottom: 0
    }

    .c-header__nav-lvl-1-action {
        height: auto;
        padding: 0;
        border-bottom: 5px solid transparent
    }

    .c-header__nav-lvl-1-action-content {
        height: 4.0625rem
    }

    .c-header__nav-lvl-1-action-icon-container {
        display: none
    }

    .c-header__nav-lvl-2 {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        max-height: none;
        border-top: 2px solid #ededed;
        z-index: 10
    }

    .c-header__nav-lvl-2, .c-header__nav-lvl-2-container {
        background-color: #fff
    }

    .c-header__nav-lvl-2-section-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: calc(100vw - 60px);
        margin-left: 30px;
        padding-top: 2.8125rem;
        background-color: #fff
    }

    .c-header__nav-lvl-2-section-item {
        flex: 0 1 30%
    }

    .c-header__nav-lvl-2-section-headline {
        margin-bottom: .5rem;
        padding: 0
    }

    .c-header__nav-lvl-2-item {
        border-bottom: 2px solid #ededed
    }

    .c-header__nav-lvl-2-item:last-child {
        border-bottom: 0
    }

    .c-header__nav-lvl-2-action {
        height: auto;
        padding: .5rem 0
    }

    .c-header--show-nav .c-header__nav-wrapper {
        transform: none
    }

    .c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action {
        border-bottom-color: #0f5582
    }

    .c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action:hover {
        border-bottom-color: #76d7ae;
        color: #76d7ae
    }

    .c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action:active {
        border-bottom-color: #90e3c4;
        color: #90e3c4
    }

    .c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-1-action[data-keydown-focus] {
        border-bottom-color: #0f5582
    }

    .c-header__nav-lvl-1-item--active .c-header__nav-lvl-1-action {
        border-bottom-color: #599F7C
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--active:not(.c-header__nav-lvl-1-item--lvl-2-open) .c-header__nav-lvl-1-action {
        border-bottom-color: transparent
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--active:not(.c-header__nav-lvl-1-item--lvl-2-open) .c-header__nav-lvl-1-action:hover {
        border-bottom-color: #76d7ae;
        color: #76d7ae
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--active:not(.c-header__nav-lvl-1-item--lvl-2-open) .c-header__nav-lvl-1-action:active {
        border-bottom-color: #90e3c4;
        color: #90e3c4
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--active:not(.c-header__nav-lvl-1-item--lvl-2-open) .c-header__nav-lvl-1-action[data-keydown-focus] {
        border-bottom-color: #0f5582
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--lvl-2-open:not(.c-header__nav-lvl-1-item--active) .c-header__nav-lvl-1-action:hover {
        border-bottom-color: #2375aa;
        color: #2375aa
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--lvl-2-open:not(.c-header__nav-lvl-1-item--active) .c-header__nav-lvl-1-action:active {
        border-bottom-color: #288dce;
        color: #288dce
    }

    .c-header__nav-lvl-1-list--lvl-2-open .c-header__nav-lvl-1-item--lvl-2-open:not(.c-header__nav-lvl-1-item--active) .c-header__nav-lvl-1-action[data-keydown-focus] {
        border-bottom-color: #0f5582
    }

    .c-header__nav-lvl-1-item--lvl-2-open .c-header__nav-lvl-2 {
        display: block;
        height: calc(100% - 104px);
        background-color: rgba(0, 0, 0, .75)
    }

    .c-header__meta-nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2.125rem;
        background-color: #e7eef2;
        z-index: 10
    }

    .c-header__meta-nav-list {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: calc(100vw - 60px);
        height: 100%;
        margin-left: 30px;
        padding: 0
    }

    .c-header__meta-nav-action {
        font-size: .75rem;
        line-height: 1.5;
        min-height: 0;
        margin-left: 2.5rem;
        padding: 0
    }
}

@media (min-width: 768px) and (min-width: 768px), print, print and (min-width: 768px) {
    .c-header__meta-nav-action {
        font-size: .875rem;
        line-height: 1.5
    }
}

@media (min-width: 768px), print {
    .c-header__company {
        display: block;
        padding: .0625rem 0;
        background-color: #0f5582;
        color: #fff;
        font-size: .75rem;
        line-height: 1.5;
        font-weight: 500
    }
}

@media (min-width: 768px) and (min-width: 768px), print, print and (min-width: 768px) {
    .c-header__company {
        font-size: .875rem;
        line-height: 1.5
    }
}

@media (min-width: 768px), print {
    .c-header__company-name {
        width: calc(100vw - 60px);
        margin-left: 30px
    }
}

@media (min-width: 1200px), print {
    .c-header__company-name, .c-header__content, .c-header__meta-nav-list, .c-header__nav-lvl-2-section-list {
        width: 1140px;
        margin-left: calc((100vw - 1140px) / 2)
    }
}

.c-hero-teaser {
    position: relative;
    height: 100%
}

.c-hero-teaser__title {
    display: block;
    margin: 0;
    padding: 7px 14px;
    background-color: #599F7C;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.3
}

@media (min-width: 768px), print {
    .c-hero-teaser__title {
        font-size: 2.125rem;
        line-height: 1.17647
    }
}

.c-hero-teaser__img {
    height: 33.33333vw;
    font-family: "object-fit: cover;";
    object-fit: cover
}

@media (min-width: 360px), print {
    .c-hero-teaser__title {
        padding: 10px 20px
    }
}

@media (min-width: 768px), print {
    .c-hero-teaser__container {
        position: absolute;
        right: 30px;
        bottom: 26px;
        width: 32.75rem;
        max-height: 10.125rem;
        padding: 0 12px;
        text-align: right;
        overflow: hidden
    }

    .c-hero-teaser__title {
        display: inline;
        padding: 4px 0;
        background-color: #599F7C;
        line-height: 3.375rem;
        box-shadow: 12px 0 0 #599F7C, -12px 0 0 #599F7C;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
}

@media (min-width: 1024px), print {
    .c-hero-teaser__img {
        width: 100%;
        height: auto
    }
}

@media (min-width: 1200px), print {
    .c-hero-teaser__container {
        right: calc((100vw - 1140px) / 2)
    }
}

.c-hover-info {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.c-hover-info__text-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    transition: background-color .3s ease-in-out;
    background-color: transparent;
    color: #fff;
    cursor: pointer
}

.c-hover-info__text-wrapper:active, .c-hover-info__text-wrapper:hover, .c-hover-info__text-wrapper[data-keydown-focus] {
    background-color: rgba(15, 85, 130, .8)
}

.c-hover-info__text-wrapper:active .c-hover-info__text, .c-hover-info__text-wrapper:hover .c-hover-info__text, .c-hover-info__text-wrapper[data-keydown-focus] .c-hover-info__text {
    opacity: 1
}

.c-hover-info__text {
    align-self: flex-end;
    transition: opacity .3s ease-in-out;
    opacity: 0
}

.c-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-list__item {
    position: relative;
    margin-left: 2.5em;
    padding: .36em 0
}

.c-list__item:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: -2.66em;
    width: 2em;
    height: 2em;
    background-image: url(../images/check-mark-turquoise.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 2em;
    content: ""
}

.c-list--white {
    color: #fff
}

.c-list--white .c-list__item:before {
    background-image: url(../images/check-mark-white.svg)
}

.c-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    margin: 0;
    transform: translateZ(0);
    z-index: 11;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    will-change: background-color
}

.c-modal:after {
    display: block;
    width: 100%;
    height: 30px;
    content: ""
}

.c-modal {
    background-color: rgba(0, 0, 0, .75)
}

.c-modal:not(.c-modal--animating) {
    animation: .4s a
}

.c-modal:not(.c-modal--animating) .c-modal__content {
    animation: .4s c
}

.c-modal--animating {
    position: fixed;
    overflow: hidden;
    animation: .2s both b
}

.c-modal--animating .c-modal__content {
    animation: .3s d
}

.c-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.75rem;
    padding-left: 14px;
    background-color: #0f5582;
    color: #fff;
    line-height: 1
}

.c-modal__title {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1
}

.c-modal__content {
    margin: auto;
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, .5);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-modal__content-section {
    padding: 14px;
    background-color: #fff
}

.c-modal__content-section--button-wrapper {
    padding: 0;
    overflow: auto
}

.c-modal__content--max-height {
    max-height: none;
    overflow: hidden
}

.c-modal__content--max-height, .c-modal__content--max-height-wrap {
    display: flex;
    flex-direction: column
}

.c-modal__content--max-height .c-modal__content-section {
    flex: 1 0 auto
}

.c-modal__content--max-height .c-modal__content-section--scroll {
    flex-basis: auto;
    flex-shrink: 0;
    overflow-y: visible
}

.c-modal__content--no-padding {
    padding: 0
}

.c-modal__footer {
    padding: 14px;
    background-color: #fff
}

.c-modal--active .c-modal__content {
    transform: translate(-50%)
}

.c-modal-helper {
    flex: none;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.c-modal-helper:focus {
    border: 0;
    outline: 0
}

@media (min-width: 360px), print {
    .c-modal__content {
        bottom: auto;
        margin: 0 auto
    }

    .c-modal__content-section {
        padding: 20px
    }

    .c-modal__content-section--button-wrapper {
        padding: 0
    }

    .c-modal__content-footer-element {
        margin: 10px;
        margin-bottom: 0
    }

    .c-modal__header {
        padding-right: 7px;
        padding-left: 20px
    }
}

@media (min-width: 768px), print {
    .c-modal {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around
    }

    .c-modal:before {
        width: 100%;
        height: 30px;
        content: ""
    }

    .c-modal__title {
        font-size: 1.25rem;
        line-height: 1
    }

    .c-modal__content {
        width: calc((8 / 12 * (100vw - 30px)) + 90px);
        margin-left: calc((100vw - ((8 / 12 * (100vw - 30px)) + 90px)) / 2)
    }

    .c-modal__content-section {
        padding: 30px
    }

    .c-modal__content-section--button-wrapper {
        padding: 0
    }

    .c-modal__content--max-height {
        max-height: calc(95vh - 120px)
    }

    .c-modal__content--max-height .c-modal__content-section--scroll {
        flex-shrink: 1;
        overflow-y: scroll
    }

    .c-modal__header {
        position: relative;
        padding-right: 1.25rem;
        padding-left: 30px
    }
}

@media (min-width: 1200px), print {
    .c-modal__content {
        width: 870px;
        margin-left: calc((100vw - 870px) / 2)
    }
}

.c-modal-no-scroll {
    position: fixed;
    width: 100vw;
    overflow: hidden
}

.c-modal-no-scroll:before {
    content: none
}

.c-pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-pagination__link {
    padding: 0;
    border: 0;
    margin: 0 .625rem;
    text-decoration: none
}

.c-pagination__link, .c-pagination__link:focus, .c-pagination__link:hover:not(:focus) {
    transition: none;
    background: transparent
}

.c-pagination__link--disabled {
    color: #b4b5b4
}

.c-pagination__context {
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    font-weight: 400
}

@media (min-width: 768px), print {
    .c-pagination__context {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

.c-pagination__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-product-table {
    display: block;
    width: 100%;
    border-collapse: collapse
}

.c-product-table__head {
    display: block
}

.c-product-table__head .c-product-table__cell-heading {
    color: #599F7C;
    font-weight: 700
}

.c-product-table__body {
    display: block
}

.c-product-table__body .c-product-table__row {
    border-top: 1px solid #d9d9d9
}

.c-product-table__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-right: -14px;
    margin-left: -14px;
    padding-right: 14px;
    padding-left: 14px
}

.c-product-table__cell {
    flex-basis: 50%;
    max-width: 50%;
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: 400;
    text-align: left;
    overflow: hidden
}

.c-product-table__cell-label {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 0
}

.c-product-table__cell-value--yes {
    color: #599F7C
}

.c-product-table__cell-value--no {
    color: #b4b5b4
}

.c-product-table__cell-value--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-product-table__cell--bold {
    font-weight: 700
}

.c-product-table--products-1 .c-product-table__cell {
    flex-basis: 100%;
    max-width: 100%
}

.c-product-table--products-3 .c-product-table__cell {
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.c-product-table--products-1 .c-product-table__cell-label, .c-product-table--products-3 .c-product-table__cell-label {
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width: 360px), print {
    .c-product-table__row {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (min-width: 768px), print {
    .c-product-table__row {
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 15px;
        padding-left: 15px
    }

    .c-product-table__cell {
        flex-basis: 25%;
        max-width: 25%;
        padding-right: 14px
    }

    .c-product-table__cell-label {
        flex-basis: 50%;
        max-width: 50%;
        padding-bottom: 14px
    }

    .c-product-table--products-1 .c-product-table__cell {
        flex-basis: 50%;
        max-width: 50%
    }

    .c-product-table--products-3 .c-product-table__cell {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    .c-product-table--products-1 .c-product-table__cell-label, .c-product-table--products-3 .c-product-table__cell-label {
        flex-basis: 50%;
        max-width: 50%
    }
}

.c-slider {
    position: relative
}

.c-slider__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.c-slider--initialized .c-slider__wrapper {
    transition: height .4s ease-out
}

.c-slider__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
    align-items: flex-start
}

.c-slider__item {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.c-slider__item--is-snapping {
    transition: left .4s ease-out
}

.c-slider__controls {
    display: flex;
    position: absolute;
    top: 50%;
    flex-basis: 100%;
    justify-content: space-between;
    width: 100%;
    margin-top: -20px;
    visibility: hidden;
    pointer-events: none
}

.c-slider--initialized .c-slider__controls {
    visibility: visible
}

.c-slider__controls-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.c-slider__controls-left, .c-slider__controls-right {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    color: #0f5582;
    cursor: pointer;
    pointer-events: auto
}

.c-slider__controls-left:hover, .c-slider__controls-right:hover {
    color: #2375aa
}

.c-slider__controls-left:active, .c-slider__controls-right:active {
    color: #288dce
}

.c-slider__controls-left[data-keydown-focus], .c-slider__controls-right[data-keydown-focus] {
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-slider__controls-left[disabled], .c-slider__controls-right[disabled] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    position: relative
}

.c-slider__controls--hidden {
    display: none
}

.c-sticky {
    display: flex;
    flex-direction: column-reverse
}

.c-sticky__content--remove-gutter {
    margin-right: -14px;
    margin-left: -14px;
    padding-right: 14px;
    padding-left: 14px
}

.c-sticky__content {
    padding: 0
}

.c-sticky__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 2.875rem
}

.c-sticky__element {
    margin: 0 -14px;
    padding: 6px 6px 6px 14px;
    background-color: #0f5582;
    color: #fff
}

.c-sticky__element-info {
    display: none
}

.c-sticky__element-price {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-sticky__element-button {
    max-width: 70%;
    height: auto;
    white-space: normal;
    overflow: initial
}

@media (min-width: 360px), print {
    .c-sticky__content--remove-gutter {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }

    .c-sticky__element {
        margin: 0 -20px;
        padding: 6px 6px 6px 20px
    }
}

@media (min-width: 768px), print {
    .c-sticky {
        flex-direction: row;
        flex-shrink: 0;
        margin: 0 -15px
    }

    .c-sticky__content {
        width: calc(66.66666666666667vw - 30px);
        margin: 0 15px;
        padding: 0
    }

    .c-sticky__content--remove-gutter {
        margin-right: calc(-1 * (100vw - 30px) / 3 - 30px);
        margin-left: -30px;
        padding-right: calc((100vw - 30px) / 3 + 30px);
        padding-left: 30px
    }

    .c-sticky__sidebar {
        position: inherit;
        top: inherit;
        order: 0;
        width: calc(33.333333333333336vw - 30px);
        margin: 15px
    }

    .c-sticky__element {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        margin: 0;
        padding: 15px;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
    }

    .c-sticky__element-info {
        display: block;
        margin-bottom: .625rem
    }

    .c-sticky__element-price {
        display: inherit
    }

    .c-sticky__element-button {
        width: 100%;
        max-width: none;
        margin-top: .625rem
    }
}

@media (min-width: 1024px), print {
    .c-sticky__content--remove-gutter {
        margin-right: calc(-1 * (100vw - 30px) / 4 - 30px);
        margin-left: -30px;
        padding-right: calc((100vw - 30px) / 4 + 30px);
        padding-left: 30px
    }

    .c-sticky__content {
        width: calc(75% - 30px)
    }

    .c-sticky__sidebar {
        width: calc(25% - 30px)
    }
}

@media (min-width: 1200px), print {
    .c-sticky__content--remove-gutter {
        margin-right: calc(-1 * 262.5px - (((100vw - 1140px) / 2) + 30px));
        margin-left: calc(-1 * (((100vw - 1140px) / 2) + 30px));
        padding-right: calc(262.5px + (((100vw - 1140px) / 2) + 30px));
        padding-left: calc(((100vw - 1140px) / 2) + 30px)
    }
}

.c-summary {
    margin: .4375rem -14px;
    padding: .625rem .875rem .875rem;
    border-radius: 4px;
    background-color: #fff
}

.c-summary__headline {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: none
}

@media (min-width: 768px), print {
    .c-summary__headline {
        font-size: 1.125rem;
        line-height: 1.5
    }
}

.c-summary__text-content {
    font-size: .75rem;
    line-height: 1.5;
    margin: .3125rem 0 0
}

@media (min-width: 768px), print {
    .c-summary__text-content {
        font-size: .875rem;
        line-height: 1.5
    }
}

.c-summary__target {
    font-size: .75rem;
    line-height: 1.5;
    color: #898989;
    word-wrap: break-word
}

@media (min-width: 768px), print {
    .c-summary__target {
        font-size: .875rem;
        line-height: 1.5
    }
}

@media (min-width: 360px), print {
    .c-summary {
        margin: .625rem -20px;
        padding: .625rem 1.25rem 1.25rem
    }
}

@media (min-width: 768px), print {
    .c-summary {
        margin: .9375rem 0;
        padding: .625rem .9375rem .9375rem
    }
}

.c-tabs {
    position: relative;
    overflow: hidden
}

.c-tabs__nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    height: 3.375rem
}

.c-tabs__navitem {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 .15625rem;
    background-clip: padding-box;
    background-color: #fff
}

.c-tabs__navitem:first-child {
    margin-left: 0;
    border-top-left-radius: 4px
}

.c-tabs__navitem:first-child .c-tabs__navbutton {
    border-top-left-radius: 4px
}

.c-tabs__navitem:last-child {
    margin-right: 0;
    border-top-right-radius: 4px
}

.c-tabs__navitem:last-child .c-tabs__navbutton {
    border-top-right-radius: 4px
}

.c-tabs__navicon {
    flex-shrink: 0
}

.c-tabs__navicon-inactive {
    display: block
}

.c-tabs__navicon-active {
    display: none
}

.c-tabs__navbutton {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: .625rem;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    color: #0f5582;
    font-family: DIN Next LT W05, sans-serif;
    font-size: .875rem;
    line-height: 1.0625rem;
    cursor: pointer
}

.c-tabs__navbutton:hover {
    background-color: #dcdbdc;
    color: #0f5582
}

.c-tabs__navbutton:active {
    background-color: #cdcdcd
}

.c-tabs__navbutton[data-keydown-focus] {
    color: #0f5582;
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-tabs__navbutton--active {
    background-color: #0f5582;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    z-index: 1
}

.c-tabs__navbutton--active .c-tabs__navicon-inactive {
    display: none
}

.c-tabs__navbutton--active .c-tabs__navicon-active {
    display: block
}

.c-tabs__navbutton--active:after {
    position: absolute;
    bottom: -13px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    border: 7px solid #0f5582;
    box-shadow: -2px 2px 1px 0 rgba(0, 0, 0, .2);
    content: ""
}

.c-tabs__navbutton--active:hover {
    background-color: #0f5582;
    color: #fff
}

.c-tabs__navbutton--active:hover:after {
    border-color: #0f5582
}

.c-tabs__navbutton--active:active {
    background-color: #288dce
}

.c-tabs__navbutton--active:active:after {
    border-color: #288dce
}

.c-tabs__navbutton--active[data-keydown-focus] {
    color: #33db2b;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.c-tabs__navbutton-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-tabs__navlabel {
    display: none
}

.c-tabs__container {
    position: absolute;
    left: 0;
    width: 100%;
    transform: translate3d(100%, 0, 0);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-clip: padding-box;
    background-color: #0f5582;
    will-change: transform
}

.c-tabs__container--left {
    transform: translate3d(-100%, 0, 0)
}

.c-tabs__container--active, .c-tabs__container--prev {
    transition: transform .4s ease-out
}

.c-tabs__container--active {
    position: relative;
    transform: translateZ(0)
}

.c-tabs__container-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 14px;
    color: #fff
}

@media (min-width: 360px), print {
    .c-tabs__container-info {
        padding: 20px
    }
}

@media (min-width: 768px), print {
    .c-tabs__container-info {
        height: 23.0625rem;
        padding: 30px
    }

    .c-tabs__container {
        display: flex;
        overflow: hidden
    }

    .c-tabs__container-image {
        width: 100%;
        height: 23.0625rem;
        font-family: "object-fit: cover;";
        object-fit: cover
    }

    .c-tabs__container-info {
        width: 20rem
    }
}

@media (min-width: 1024px), print {
    .c-tabs__navbutton {
        justify-content: flex-start
    }

    .c-tabs__navlabel {
        display: inline;
        width: 100%;
        max-height: 2.125rem;
        margin-left: .625rem;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .c-tabs__container-info {
        width: 23.75rem
    }
}

.c-teaser {
    margin-right: -14px;
    margin-left: -14px;
    padding: 14px;
    background-color: #fff;
    overflow: hidden
}

.c-teaser__content {
    display: block;
    max-height: 10.5rem;
    overflow: hidden
}

.c-teaser__headline {
    font-size: .875rem;
    line-height: 1.64286;
    width: 100%;
    margin: 0 0 .875rem;
    color: #599F7C;
    font-weight: 700
}

@media (min-width: 768px), print {
    .c-teaser__headline {
        font-size: 1rem;
        line-height: 1.4375
    }
}

.c-teaser__image {
    width: 140px;
    height: 110px;
    margin-right: 14px;
    margin-bottom: 14px;
    float: left;
    border-radius: 4px;
    background-clip: border-box;
    font-family: "object-fit: cover;";
    object-fit: cover
}

.c-teaser__text {
    font-size: .875rem;
    line-height: 1.5;
    display: inline;
    position: relative;
    width: 100%;
    margin: 0
}

@media (min-width: 768px), print {
    .c-teaser__text {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-teaser__more {
    margin-top: .625rem
}

.c-teaser__info {
    font-size: .75rem;
    line-height: 1.5;
    margin-top: .3125rem;
    color: #898989
}

@media (min-width: 768px), print {
    .c-teaser__info {
        font-size: .875rem;
        line-height: 1.5
    }
}

.c-teaser:after {
    display: table;
    clear: both;
    content: ""
}

@media (min-width: 360px), print {
    .c-teaser {
        margin-right: -20px;
        margin-left: -20px;
        padding: 20px
    }
}

@media (min-width: 768px), print {
    .c-teaser {
        position: relative;
        width: inherit;
        margin-right: 0;
        margin-left: 0;
        padding: 14px;
        padding-left: 188px;
        border-radius: 4px
    }

    .c-teaser__headline {
        max-height: 23px;
        margin-bottom: .625rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .c-teaser__image {
        position: absolute;
        top: 14px;
        left: 14px;
        width: 160px;
        height: 120px;
        float: none
    }

    .c-teaser__content {
        display: block;
        height: 3.375rem
    }

    .c-teaser__more {
        margin-top: .9375rem
    }

    .c-teaser--no-img {
        padding-left: 14px
    }
}

.c-tile {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 1.875rem;
    border: 0;
    border-radius: 4px;
    background-color: transparent;
    color: #599F7C;
    font-family: DIN Next LT W05;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-tile__secondary-icon-container {
    position: absolute;
    top: .875rem;
    right: .875rem
}

.c-tile__inner {
    display: flex;
    position: relative;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    min-height: 100%
}

.c-tile__headline {
    font-size: .875rem;
    line-height: 1.64286;
    display: block;
    max-width: 100%;
    margin: 0;
    color: inherit;
    font-weight: 700
}

@media (min-width: 768px), print {
    .c-tile__headline {
        font-size: 1rem;
        line-height: 1.4375
    }
}

.c-tile__text {
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    max-width: 100%;
    margin: .3125rem 0 0;
    color: #333;
    font-weight: 400
}

@media (min-width: 768px), print {
    .c-tile__text {
        font-size: 1rem;
        line-height: 1.5
    }
}

.c-tile__button {
    margin-top: 14px
}

.c-tile--interactive {
    outline: none;
    cursor: pointer
}

.c-tile--interactive:hover {
    color: #76d7ae
}

.c-tile--interactive:active {
    color: #90e3c4
}

.c-tile--interactive[data-keydown-focus] {
    color: #599F7C;
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-tile--dashed .c-tile__text, .c-tile--inverted .c-tile__text, .c-tile--white .c-tile__text {
    color: inherit
}

.c-tile--inverted {
    background-color: #599F7C;
    color: #fff
}

.c-tile--inverted.c-tile--interactive:hover {
    background-color: #76d7ae;
    color: #fff
}

.c-tile--inverted.c-tile--interactive:active {
    background-color: #90e3c4;
    color: #fff
}

.c-tile--inverted.c-tile--interactive[data-keydown-focus] {
    color: #fff;
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-tile--linked.c-tile--interactive {
    color: #0f5582;
    text-decoration: underline
}

.c-tile--linked.c-tile--interactive .c-tile__headline {
    font-weight: 700
}

.c-tile--linked.c-tile--interactive:hover {
    color: #2375aa
}

.c-tile--linked.c-tile--interactive:active {
    color: #288dce
}

.c-tile--linked.c-tile--interactive[data-keydown-focus] {
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-tile--white {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #0f5582
}

.c-tile--white.c-tile--interactive:hover {
    background-color: #dcdbdc;
    color: #0f5582
}

.c-tile--white.c-tile--interactive:active {
    background-color: #cdcdcd;
    color: #0f5582
}

.c-tile--white.c-tile--interactive[data-keydown-focus] {
    color: #0f5582;
    box-shadow: inset 0 0 0 2px #33db2b
}

.c-tile--dashed {
    border: 2px dashed #0f5582;
    background-color: #fff;
    color: #0f5582
}

.c-tile--dashed.c-tile--interactive:hover {
    background-color: #dcdbdc;
    color: #0f5582
}

.c-tile--dashed.c-tile--interactive:active {
    background-color: #cdcdcd;
    color: #0f5582
}

.c-tile--dashed.c-tile--interactive[data-keydown-focus] {
    border-color: #33db2b;
    color: #0f5582;
    box-shadow: none
}

@media (min-width: 360px), print {
    .c-tile__button {
        margin-top: 20px
    }
}

@media (min-width: 768px), print {
    .c-tile__button {
        margin-top: 30px
    }
}

.u-bg-white {
    background-color: #fff !important
}

.u-bg-primary {
    background-color: #0f5582 !important
}

.u-bg-secondary {
    background-color: #599F7C !important
}

.u-border-gray {
    border: 1px solid #d9d9d9 !important
}

.u-border-t-gray {
    border-top: 1px solid #d9d9d9 !important
}

.u-border-b-gray {
    border-bottom: 1px solid #d9d9d9 !important
}

.u-border-l-gray {
    border-left: 1px solid #d9d9d9 !important
}

.u-border-r-gray, .u-border-x-gray {
    border-right: 1px solid #d9d9d9 !important
}

.u-border-x-gray {
    border-left: 1px solid #d9d9d9 !important
}

.u-border-y-gray {
    border-top: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important
}

.u-border-radius {
    border-radius: 4px !important
}

.u-color-primary {
    color: #0f5582 !important
}

.u-color-secondary {
    color: #599F7C !important
}

.u-color-white {
    color: #fff !important
}

.u-no-scroll {
    position: fixed !important;
    width: 100vw !important;
    min-height: 100vh !important;
    overflow: hidden !important
}

.u-no-scroll:before {
    content: none !important
}

.u-mar-0 {
    margin: 0 !important
}

.u-mar-t-0, .u-mar-y-0 {
    margin-top: 0 !important
}

.u-mar-r-0, .u-mar-x-0 {
    margin-right: 0 !important
}

.u-mar-b-0, .u-mar-y-0 {
    margin-bottom: 0 !important
}

.u-mar-l-0, .u-mar-x-0 {
    margin-left: 0 !important
}

.u-mar-1 {
    margin: 7px !important
}

@media (min-width: 360px), print {
    .u-mar-1 {
        margin: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-1 {
        margin: 15px !important
    }
}

.u-mar-t-1, .u-mar-y-1 {
    margin-top: 7px !important
}

@media (min-width: 360px), print {
    .u-mar-t-1, .u-mar-y-1 {
        margin-top: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-1, .u-mar-y-1 {
        margin-top: 15px !important
    }
}

.u-mar-r-1, .u-mar-x-1 {
    margin-right: 7px !important
}

@media (min-width: 360px), print {
    .u-mar-r-1, .u-mar-x-1 {
        margin-right: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-1, .u-mar-x-1 {
        margin-right: 15px !important
    }
}

.u-mar-b-1, .u-mar-y-1 {
    margin-bottom: 7px !important
}

@media (min-width: 360px), print {
    .u-mar-b-1, .u-mar-y-1 {
        margin-bottom: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-1, .u-mar-y-1 {
        margin-bottom: 15px !important
    }
}

.u-mar-l-1, .u-mar-x-1 {
    margin-left: 7px !important
}

@media (min-width: 360px), print {
    .u-mar-l-1, .u-mar-x-1 {
        margin-left: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-1, .u-mar-x-1 {
        margin-left: 15px !important
    }
}

.u-mar-2 {
    margin: 14px !important
}

@media (min-width: 360px), print {
    .u-mar-2 {
        margin: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-2 {
        margin: 30px !important
    }
}

.u-mar-t-2, .u-mar-y-2 {
    margin-top: 14px !important
}

@media (min-width: 360px), print {
    .u-mar-t-2, .u-mar-y-2 {
        margin-top: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-2, .u-mar-y-2 {
        margin-top: 30px !important
    }
}

.u-mar-r-2, .u-mar-x-2 {
    margin-right: 14px !important
}

@media (min-width: 360px), print {
    .u-mar-r-2, .u-mar-x-2 {
        margin-right: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-2, .u-mar-x-2 {
        margin-right: 30px !important
    }
}

.u-mar-b-2, .u-mar-y-2 {
    margin-bottom: 14px !important
}

@media (min-width: 360px), print {
    .u-mar-b-2, .u-mar-y-2 {
        margin-bottom: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-2, .u-mar-y-2 {
        margin-bottom: 30px !important
    }
}

.u-mar-l-2, .u-mar-x-2 {
    margin-left: 14px !important
}

@media (min-width: 360px), print {
    .u-mar-l-2, .u-mar-x-2 {
        margin-left: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-2, .u-mar-x-2 {
        margin-left: 30px !important
    }
}

.u-mar-3 {
    margin: 21px !important
}

@media (min-width: 360px), print {
    .u-mar-3 {
        margin: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-3 {
        margin: 45px !important
    }
}

.u-mar-t-3, .u-mar-y-3 {
    margin-top: 21px !important
}

@media (min-width: 360px), print {
    .u-mar-t-3, .u-mar-y-3 {
        margin-top: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-3, .u-mar-y-3 {
        margin-top: 45px !important
    }
}

.u-mar-r-3, .u-mar-x-3 {
    margin-right: 21px !important
}

@media (min-width: 360px), print {
    .u-mar-r-3, .u-mar-x-3 {
        margin-right: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-3, .u-mar-x-3 {
        margin-right: 45px !important
    }
}

.u-mar-b-3, .u-mar-y-3 {
    margin-bottom: 21px !important
}

@media (min-width: 360px), print {
    .u-mar-b-3, .u-mar-y-3 {
        margin-bottom: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-3, .u-mar-y-3 {
        margin-bottom: 45px !important
    }
}

.u-mar-l-3, .u-mar-x-3 {
    margin-left: 21px !important
}

@media (min-width: 360px), print {
    .u-mar-l-3, .u-mar-x-3 {
        margin-left: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-3, .u-mar-x-3 {
        margin-left: 45px !important
    }
}

.u-mar-4 {
    margin: 28px !important
}

@media (min-width: 360px), print {
    .u-mar-4 {
        margin: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-4 {
        margin: 60px !important
    }
}

.u-mar-t-4, .u-mar-y-4 {
    margin-top: 28px !important
}

@media (min-width: 360px), print {
    .u-mar-t-4, .u-mar-y-4 {
        margin-top: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-4, .u-mar-y-4 {
        margin-top: 60px !important
    }
}

.u-mar-r-4, .u-mar-x-4 {
    margin-right: 28px !important
}

@media (min-width: 360px), print {
    .u-mar-r-4, .u-mar-x-4 {
        margin-right: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-4, .u-mar-x-4 {
        margin-right: 60px !important
    }
}

.u-mar-b-4, .u-mar-y-4 {
    margin-bottom: 28px !important
}

@media (min-width: 360px), print {
    .u-mar-b-4, .u-mar-y-4 {
        margin-bottom: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-4, .u-mar-y-4 {
        margin-bottom: 60px !important
    }
}

.u-mar-l-4, .u-mar-x-4 {
    margin-left: 28px !important
}

@media (min-width: 360px), print {
    .u-mar-l-4, .u-mar-x-4 {
        margin-left: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-4, .u-mar-x-4 {
        margin-left: 60px !important
    }
}

.u-mar-5 {
    margin: 35px !important
}

@media (min-width: 360px), print {
    .u-mar-5 {
        margin: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-5 {
        margin: 75px !important
    }
}

.u-mar-t-5, .u-mar-y-5 {
    margin-top: 35px !important
}

@media (min-width: 360px), print {
    .u-mar-t-5, .u-mar-y-5 {
        margin-top: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-5, .u-mar-y-5 {
        margin-top: 75px !important
    }
}

.u-mar-r-5, .u-mar-x-5 {
    margin-right: 35px !important
}

@media (min-width: 360px), print {
    .u-mar-r-5, .u-mar-x-5 {
        margin-right: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-5, .u-mar-x-5 {
        margin-right: 75px !important
    }
}

.u-mar-b-5, .u-mar-y-5 {
    margin-bottom: 35px !important
}

@media (min-width: 360px), print {
    .u-mar-b-5, .u-mar-y-5 {
        margin-bottom: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-5, .u-mar-y-5 {
        margin-bottom: 75px !important
    }
}

.u-mar-l-5, .u-mar-x-5 {
    margin-left: 35px !important
}

@media (min-width: 360px), print {
    .u-mar-l-5, .u-mar-x-5 {
        margin-left: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-5, .u-mar-x-5 {
        margin-left: 75px !important
    }
}

.u-mar-6 {
    margin: 42px !important
}

@media (min-width: 360px), print {
    .u-mar-6 {
        margin: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-6 {
        margin: 90px !important
    }
}

.u-mar-t-6, .u-mar-y-6 {
    margin-top: 42px !important
}

@media (min-width: 360px), print {
    .u-mar-t-6, .u-mar-y-6 {
        margin-top: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-t-6, .u-mar-y-6 {
        margin-top: 90px !important
    }
}

.u-mar-r-6, .u-mar-x-6 {
    margin-right: 42px !important
}

@media (min-width: 360px), print {
    .u-mar-r-6, .u-mar-x-6 {
        margin-right: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-r-6, .u-mar-x-6 {
        margin-right: 90px !important
    }
}

.u-mar-b-6, .u-mar-y-6 {
    margin-bottom: 42px !important
}

@media (min-width: 360px), print {
    .u-mar-b-6, .u-mar-y-6 {
        margin-bottom: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-b-6, .u-mar-y-6 {
        margin-bottom: 90px !important
    }
}

.u-mar-l-6, .u-mar-x-6 {
    margin-left: 42px !important
}

@media (min-width: 360px), print {
    .u-mar-l-6, .u-mar-x-6 {
        margin-left: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-mar-l-6, .u-mar-x-6 {
        margin-left: 90px !important
    }
}

.u-pad-0 {
    padding: 0 !important
}

.u-pad-t-0, .u-pad-y-0 {
    padding-top: 0 !important
}

.u-pad-r-0, .u-pad-x-0 {
    padding-right: 0 !important
}

.u-pad-b-0, .u-pad-y-0 {
    padding-bottom: 0 !important
}

.u-pad-l-0, .u-pad-x-0 {
    padding-left: 0 !important
}

.u-pad-1 {
    padding: 7px !important
}

@media (min-width: 360px), print {
    .u-pad-1 {
        padding: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-1 {
        padding: 15px !important
    }
}

.u-pad-t-1, .u-pad-y-1 {
    padding-top: 7px !important
}

@media (min-width: 360px), print {
    .u-pad-t-1, .u-pad-y-1 {
        padding-top: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-1, .u-pad-y-1 {
        padding-top: 15px !important
    }
}

.u-pad-r-1, .u-pad-x-1 {
    padding-right: 7px !important
}

@media (min-width: 360px), print {
    .u-pad-r-1, .u-pad-x-1 {
        padding-right: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-1, .u-pad-x-1 {
        padding-right: 15px !important
    }
}

.u-pad-b-1, .u-pad-y-1 {
    padding-bottom: 7px !important
}

@media (min-width: 360px), print {
    .u-pad-b-1, .u-pad-y-1 {
        padding-bottom: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-1, .u-pad-y-1 {
        padding-bottom: 15px !important
    }
}

.u-pad-l-1, .u-pad-x-1 {
    padding-left: 7px !important
}

@media (min-width: 360px), print {
    .u-pad-l-1, .u-pad-x-1 {
        padding-left: 10px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-1, .u-pad-x-1 {
        padding-left: 15px !important
    }
}

.u-pad-2 {
    padding: 14px !important
}

@media (min-width: 360px), print {
    .u-pad-2 {
        padding: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-2 {
        padding: 30px !important
    }
}

.u-pad-t-2, .u-pad-y-2 {
    padding-top: 14px !important
}

@media (min-width: 360px), print {
    .u-pad-t-2, .u-pad-y-2 {
        padding-top: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-2, .u-pad-y-2 {
        padding-top: 30px !important
    }
}

.u-pad-r-2, .u-pad-x-2 {
    padding-right: 14px !important
}

@media (min-width: 360px), print {
    .u-pad-r-2, .u-pad-x-2 {
        padding-right: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-2, .u-pad-x-2 {
        padding-right: 30px !important
    }
}

.u-pad-b-2, .u-pad-y-2 {
    padding-bottom: 14px !important
}

@media (min-width: 360px), print {
    .u-pad-b-2, .u-pad-y-2 {
        padding-bottom: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-2, .u-pad-y-2 {
        padding-bottom: 30px !important
    }
}

.u-pad-l-2, .u-pad-x-2 {
    padding-left: 14px !important
}

@media (min-width: 360px), print {
    .u-pad-l-2, .u-pad-x-2 {
        padding-left: 20px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-2, .u-pad-x-2 {
        padding-left: 30px !important
    }
}

.u-pad-3 {
    padding: 21px !important
}

@media (min-width: 360px), print {
    .u-pad-3 {
        padding: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-3 {
        padding: 45px !important
    }
}

.u-pad-t-3, .u-pad-y-3 {
    padding-top: 21px !important
}

@media (min-width: 360px), print {
    .u-pad-t-3, .u-pad-y-3 {
        padding-top: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-3, .u-pad-y-3 {
        padding-top: 45px !important
    }
}

.u-pad-r-3, .u-pad-x-3 {
    padding-right: 21px !important
}

@media (min-width: 360px), print {
    .u-pad-r-3, .u-pad-x-3 {
        padding-right: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-3, .u-pad-x-3 {
        padding-right: 45px !important
    }
}

.u-pad-b-3, .u-pad-y-3 {
    padding-bottom: 21px !important
}

@media (min-width: 360px), print {
    .u-pad-b-3, .u-pad-y-3 {
        padding-bottom: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-3, .u-pad-y-3 {
        padding-bottom: 45px !important
    }
}

.u-pad-l-3, .u-pad-x-3 {
    padding-left: 21px !important
}

@media (min-width: 360px), print {
    .u-pad-l-3, .u-pad-x-3 {
        padding-left: 30px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-3, .u-pad-x-3 {
        padding-left: 45px !important
    }
}

.u-pad-4 {
    padding: 28px !important
}

@media (min-width: 360px), print {
    .u-pad-4 {
        padding: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-4 {
        padding: 60px !important
    }
}

.u-pad-t-4, .u-pad-y-4 {
    padding-top: 28px !important
}

@media (min-width: 360px), print {
    .u-pad-t-4, .u-pad-y-4 {
        padding-top: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-4, .u-pad-y-4 {
        padding-top: 60px !important
    }
}

.u-pad-r-4, .u-pad-x-4 {
    padding-right: 28px !important
}

@media (min-width: 360px), print {
    .u-pad-r-4, .u-pad-x-4 {
        padding-right: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-4, .u-pad-x-4 {
        padding-right: 60px !important
    }
}

.u-pad-b-4, .u-pad-y-4 {
    padding-bottom: 28px !important
}

@media (min-width: 360px), print {
    .u-pad-b-4, .u-pad-y-4 {
        padding-bottom: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-4, .u-pad-y-4 {
        padding-bottom: 60px !important
    }
}

.u-pad-l-4, .u-pad-x-4 {
    padding-left: 28px !important
}

@media (min-width: 360px), print {
    .u-pad-l-4, .u-pad-x-4 {
        padding-left: 40px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-4, .u-pad-x-4 {
        padding-left: 60px !important
    }
}

.u-pad-5 {
    padding: 35px !important
}

@media (min-width: 360px), print {
    .u-pad-5 {
        padding: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-5 {
        padding: 75px !important
    }
}

.u-pad-t-5, .u-pad-y-5 {
    padding-top: 35px !important
}

@media (min-width: 360px), print {
    .u-pad-t-5, .u-pad-y-5 {
        padding-top: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-5, .u-pad-y-5 {
        padding-top: 75px !important
    }
}

.u-pad-r-5, .u-pad-x-5 {
    padding-right: 35px !important
}

@media (min-width: 360px), print {
    .u-pad-r-5, .u-pad-x-5 {
        padding-right: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-5, .u-pad-x-5 {
        padding-right: 75px !important
    }
}

.u-pad-b-5, .u-pad-y-5 {
    padding-bottom: 35px !important
}

@media (min-width: 360px), print {
    .u-pad-b-5, .u-pad-y-5 {
        padding-bottom: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-5, .u-pad-y-5 {
        padding-bottom: 75px !important
    }
}

.u-pad-l-5, .u-pad-x-5 {
    padding-left: 35px !important
}

@media (min-width: 360px), print {
    .u-pad-l-5, .u-pad-x-5 {
        padding-left: 50px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-5, .u-pad-x-5 {
        padding-left: 75px !important
    }
}

.u-pad-6 {
    padding: 42px !important
}

@media (min-width: 360px), print {
    .u-pad-6 {
        padding: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-6 {
        padding: 90px !important
    }
}

.u-pad-t-6, .u-pad-y-6 {
    padding-top: 42px !important
}

@media (min-width: 360px), print {
    .u-pad-t-6, .u-pad-y-6 {
        padding-top: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-t-6, .u-pad-y-6 {
        padding-top: 90px !important
    }
}

.u-pad-r-6, .u-pad-x-6 {
    padding-right: 42px !important
}

@media (min-width: 360px), print {
    .u-pad-r-6, .u-pad-x-6 {
        padding-right: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-r-6, .u-pad-x-6 {
        padding-right: 90px !important
    }
}

.u-pad-b-6, .u-pad-y-6 {
    padding-bottom: 42px !important
}

@media (min-width: 360px), print {
    .u-pad-b-6, .u-pad-y-6 {
        padding-bottom: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-b-6, .u-pad-y-6 {
        padding-bottom: 90px !important
    }
}

.u-pad-l-6, .u-pad-x-6 {
    padding-left: 42px !important
}

@media (min-width: 360px), print {
    .u-pad-l-6, .u-pad-x-6 {
        padding-left: 60px !important
    }
}

@media (min-width: 768px), print {
    .u-pad-l-6, .u-pad-x-6 {
        padding-left: 90px !important
    }
}

.u-heading-1, .u-heading-2, .u-heading-3, .u-heading-4 {
    font-style: normal;
    font-weight: 700
}

.u-heading-1 {
    font-size: 1.25rem;
    line-height: 1.3
}

@media (min-width: 768px), print {
    .u-heading-1 {
        font-size: 2.25rem;
        line-height: 1.44444
    }
}

.u-heading-2 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 400
}

@media (min-width: 768px), print {
    .u-heading-2 {
        font-size: 2.125rem;
        line-height: 1.17647
    }
}

.u-heading-3 {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 400
}

@media (min-width: 768px), print {
    .u-heading-3 {
        font-size: 1.5rem;
        line-height: 1.25
    }
}

.u-heading-4 {
    font-size: .875rem;
    line-height: 1.64286
}

@media (min-width: 768px), print {
    .u-heading-4 {
        font-size: 1rem;
        line-height: 1.4375
    }
}

.u-display {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700
}

@media (min-width: 768px), print {
    .u-display {
        font-size: 3.375rem
    }
}

.u-copy-s {
    font-size: .75rem !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    font-weight: 400 !important
}

@media (min-width: 768px), print {
    .u-copy-s {
        font-size: .875rem !important;
        line-height: 1.5 !important
    }
}

.u-copy-m {
    font-size: .875rem !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    font-weight: 400 !important
}

@media (min-width: 768px), print {
    .u-copy-m {
        font-size: 1rem !important;
        line-height: 1.5 !important
    }
}

.u-copy-l {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    font-weight: 400 !important
}

@media (min-width: 768px), print {
    .u-copy-l {
        font-size: 1.125rem !important;
        line-height: 1.5 !important
    }
}

.u-copy-abstract {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    font-weight: 200 !important
}

@media (min-width: 768px), print {
    .u-copy-abstract {
        font-size: 1.25rem !important;
        line-height: 1.5 !important
    }
}

.u-text-align-left {
    text-align: left !important
}

.u-text-align-center {
    text-align: center !important
}

.u-text-align-right {
    text-align: right !important
}

.u-link-white {
    color: #fff !important
}

.u-link-white:hover {
    color: #dcdbdc !important
}

.u-link-white:active {
    color: #cdcdcd !important
}

.u-link-white[data-keydown-focus] {
    color: #33db2b !important
}

.u-text-highlight {
    padding-left: .625rem;
    border-left: 4px solid #599F7C;
    color: #599F7C
}

.u-remove-list-styles {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.u-is-invisible {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}